diff options
| -rw-r--r-- | sass/parts/_article.scss | 7 | ||||
| -rw-r--r-- | source/_includes/custom/after_footer.html | 1 | ||||
| -rw-r--r-- | source/images/caption.png | bin | 0 -> 1266 bytes | |||
| -rw-r--r-- | source/javascripts/caption.js | 9 |
4 files changed, 17 insertions, 0 deletions
diff --git a/sass/parts/_article.scss b/sass/parts/_article.scss index 6d880ce..09555f4 100644 --- a/sass/parts/_article.scss +++ b/sass/parts/_article.scss @@ -59,6 +59,13 @@ article{ img{ max-width: 100%; height: auto; + & + .caption{ + background: image-url('caption.png') 0 4px no-repeat; + display: block; + font-size: 12px; + color: #999; + padding-left: 25px; + } } blockquote{ background: $border; diff --git a/source/_includes/custom/after_footer.html b/source/_includes/custom/after_footer.html index 7796caf..059b593 100644 --- a/source/_includes/custom/after_footer.html +++ b/source/_includes/custom/after_footer.html @@ -1,3 +1,4 @@ <script src="{{ root_url }}/javascripts/jquery.easing.1.3.js"></script> <script src="{{ root_url }}/javascripts/external.js"></script> +<script src="{{ root_url }}/javascripts/caption.js"></script> <script src="{{ root_url }}/javascripts/twitter.js"></script>
\ No newline at end of file diff --git a/source/images/caption.png b/source/images/caption.png Binary files differnew file mode 100644 index 0000000..33e073a --- /dev/null +++ b/source/images/caption.png diff --git a/source/javascripts/caption.js b/source/javascripts/caption.js new file mode 100644 index 0000000..271c428 --- /dev/null +++ b/source/javascripts/caption.js @@ -0,0 +1,9 @@ +(function($){ + $('.entry img').each(function(){ + var alt = $(this).attr('alt'); + + if (alt != ''){ + $(this).after('<span class="caption">'+alt+'</span>'); + } + }); +})(jQuery);
\ No newline at end of file |
