[style] [experimental] test for citing

opattison · Nov 21, 2014 · 3f0f703 · 3f0f703
1 parent 9151d33
commit 3f0f703
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/about/index.md b/about/index.md
@@ -8,7 +8,7 @@ date: 2014-10-31 18:25
 image:
   - src: 2011-11-10-oliver-bench-jeancflanagan-ccbync.jpg
     alt: 'Oliver Pattison sitting on a bench'
-    caption: 'Photo credit: [Jean Flanagan](http://jeancflanagan.com) – CC BY-NC'
+    caption: '<p>That’s me!</p><i class="credit">Photo credit: <cite><a href="http://jeancflanagan.com">Jean Flanagan</a></cite> CC BY-NC.</i>'
     date: 2011-11-10
     camera: 'Nikon D3000'
     lens: 'Nikon DX 55-200 mm f/4.0-5.6'

diff --git a/site.css b/site.css
@@ -259,6 +259,10 @@ mark > code {
   vertical-align: text-bottom; /* fix for alignment issue */
 }
 
+cite {
+  font-style: normal;
+}
+
 /***! END Basic styles ***/
 
 /*** Site headers and footers ******************/
@@ -566,6 +570,16 @@ article figure {
   width: calc(100% + 2em);
 }
 
+figure .credit {
+  background: gainsboro;
+  display: block;
+  float: right;
+  font-size: 1rem;
+  margin: -2.5em -12.5% 0 0;
+  padding: .5em .75em;
+  max-width: 37.5%;
+}
+
 /***! END Image styles ***/
 
 /*** Media queries *****************************/