diff --git a/assets/javascripts/image-tag-whitelist.js b/assets/javascripts/image-tag-whitelist.js
index 01403f7..c389a85 100644
--- a/assets/javascripts/image-tag-whitelist.js
+++ b/assets/javascripts/image-tag-whitelist.js
@@ -1,8 +1,9 @@
(function () {
- Discourse.Markdown.whiteListTag('img', 'class', 'img-left');
- Discourse.Markdown.whiteListTag('img', 'class', 'img-right');
- Discourse.Markdown.whiteListTag('img', 'class', 'img-center');
- Discourse.Markdown.whiteListTag('img', 'class', 'img-custom');
- Discourse.Markdown.whiteListTag('img', 'data-max-height', /\d+\%?$/ );
- Discourse.Markdown.whiteListTag('img', 'data-max-width', /\d+\%?$/ );
+ Discourse.Markdown.whiteListTag('figure', 'class', 'left-half');
+ Discourse.Markdown.whiteListTag('figure', 'class', 'right-half');
+ Discourse.Markdown.whiteListTag('figure', 'class', 'left-third');
+ Discourse.Markdown.whiteListTag('figure', 'class', 'right-third');
+ Discourse.Markdown.whiteListTag('figure', 'class', 'left-quarter');
+ Discourse.Markdown.whiteListTag('figure', 'class', 'right-quarter');
+ Discourse.Markdown.whiteListTag('figure', 'data-max-width', /\d+\%?$/ );
})();
\ No newline at end of file
diff --git a/assets/javascripts/lib/utilities.js b/assets/javascripts/lib/utilities.js
new file mode 100644
index 0000000..3e8a557
--- /dev/null
+++ b/assets/javascripts/lib/utilities.js
@@ -0,0 +1,7 @@
+Discourse.Utilities.getUploadMarkdown = function(upload) {
+ if (Discourse.Utilities.isAnImage(upload.original_filename)) {
+ return '';
+ } else {
+ return '' + upload.original_filename + ' (' + I18n.toHumanSize(upload.filesize) + ')';
+ }
+ };
\ No newline at end of file
diff --git a/assets/stylesheets/aligned-images.scss b/assets/stylesheets/aligned-images.scss
new file mode 100644
index 0000000..709d9f5
--- /dev/null
+++ b/assets/stylesheets/aligned-images.scss
@@ -0,0 +1,74 @@
+$figure-margin: 14px;
+
+.cooked {
+ box-sizing: border-box;
+ @include clearfix;
+}
+
+.cooked *,
+.cooked *:before,
+.cooked *:after {
+ box-sizing: inherit;
+}
+
+.cooked > *:first-child {
+ margin-top: $figure-margin;
+}
+
+.cooked p {
+ padding-right: $figure-margin;
+}
+
+.cooked hr {
+ clear: both;
+}
+
+figure {
+ width: 100%;
+ margin: $figure-margin 0;
+}
+
+.post-menu-area {
+ clear: both;
+}
+
+figure img {
+ width: 100%;
+ height: auto;
+}
+
+.left-half {
+ float: left;
+ width: 50%;
+ padding-right: $figure-margin;
+}
+
+.right-half {
+ float: right;
+ width: 50%;
+ padding-right: $figure-margin;
+}
+
+.left-third {
+ float: left;
+ width: 33.3333%;
+ padding-right: $figure-margin;
+}
+
+.right-third {
+ float: right;
+ width: 33.3333%;
+ padding-right: $figure-margin;
+}
+
+.left-quarter {
+ float: left;
+ width: 25%;
+ padding-right: $figure-margin;
+}
+
+.right-quarter {
+ float: right;
+ width: 25%;
+ padding-right: $figure-margin;
+}
diff --git a/plugin.rb b/plugin.rb
index a349f0c..ccbc294 100644
--- a/plugin.rb
+++ b/plugin.rb
@@ -3,4 +3,6 @@
# version: 0.1
# authors: scossar
-register_asset 'javascripts/image-tag-whitelist.js', :server_side
\ No newline at end of file
+register_asset 'javascripts/image-tag-whitelist.js', :server_side
+register_asset 'javascripts/lib/utilities.js', :server_side
+register_asset 'stylesheets/aligned-images.scss'