add feature image to blog entry & related styles

ruoxingzpc · Apr 8, 2013 · 038c907 · 038c907
1 parent 92d3ff7
commit 038c907
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/images/dawn.jpg b/images/dawn.jpg
diff --git a/news/a-new-resource-for-asciidoc.adoc b/news/a-new-resource-for-asciidoc.adoc
@@ -1,14 +1,17 @@
 = A new resource for AsciiDoc
 Dan Allen
 2013-04-08
-:revdate: 2013-04-08 14:13:34 -0600
 :awestruct-tags: [announcement, website]
 
 AsciiDoc is an excellent tool for writing documentation, but there's simply not enough information about it.
 
 Today, I'm excited to announce a new resource for AsciiDoc, http://asciidoctor.org[asciidoctor.org].
 In addition to serving as the project page for the http://github.com/asciidoctor[Asciidoctor project] and its integrations, this website helps promote AsciiDoc through education and advocacy.
 
+[role="feature right", caption=""]
+.A new dawn for AsciiDoc. [credit]#Photo credit: http://www.flickr.com/photos/bartvandorp/8593385822[bartvandorp]#
+image::dawn.jpg[]
+
 The key highlight of the site is a collection of new AsciiDoc guides:
 
 - link:/docs/what-is-asciidoc-why-use-it/[What is AsciiDoc? Why do we need it?]

diff --git a/stylesheets/styles.scss b/stylesheets/styles.scss
@@ -688,6 +688,24 @@ span.footnote {
   }
 }
 
+.imageblock.feature {
+  @include panel($bg:#fff, $padding: .5em);
+
+  &.right {
+    margin-left: 1em;
+  }
+
+  &.left {
+    margin-right: 1em;
+  }
+
+  & > .title > span.credit {
+    font-weight: normal;
+    font-style: italic;
+    color: $blockquote-cite-font-color;
+  }
+}
+
 .button-group {
   .button.first {
     @include side-radius($default-float, $button-radius);