monochromatic

monochromatic blog: http://blog.z3bra.org
git clone git://z3bra.org/monochromatic
Log | Files | Refs

commit 2df1dce95bb2ac4d8270594fe572625afd2131b6
parent bd57506960f0d032697a128d683c6726be7744d9
Author: Willy Goiffon <w.goiffon@gmail.com>
Date:   Fri,  9 Aug 2013 08:47:25 +0200

added img support and fixed footer + CSS (for W3C validation)

Diffstat:
2013/08/test-your-css.html | 11++++++++++-
about.html | 3++-
css/monochrome.css | 21++++++++++++++++++++-
css/phone.css | 13+++++++++++++
foot.template | 2+-
index.html | 3++-
6 files changed, 48 insertions(+), 5 deletions(-)

diff --git a/2013/08/test-your-css.html b/2013/08/test-your-css.html @@ -42,6 +42,14 @@ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> + <h3>Images</h3> + <p> + <a href='/img/2013-08-ratpoison.jpg'> + <img src='/img/thumb/2013-08-ratpoison.jpg' alt='ratpoison screenshot' /> + </a> + <span class='caption'>&larr; Ratpoison screenshot &mdash; Uses "ratpoison -c set border 28" to make the shot sexier</span> + </p> + <h3>Tables and code</h3> <p> <table> @@ -107,8 +115,9 @@ main (<span class="Type">int</span> argc, <span class="Type">char</span> **argv) <div id='blank'></div> <!-- Footer {{{ --> <!-- footer {{{ --> + <!-- footer {{{ --> <footer> - &copy; 2013 wtfpl &mdash; <a href='http://www.wtfpl.net/about/'>do what the fuck you want to public license</a> + &copy; 2013 WTFPL &mdash; <a href='http://www.wtfpl.net/about/'>Do What the Fuck You Want to Public License</a> &mdash; contact : &lt;<a href='mailto:willy@mailoo.org'>willy at mailoo dot org</a>&gt; </footer> <!-- }}} --> diff --git a/about.html b/about.html @@ -63,8 +63,9 @@ <div id='blank'></div> <!-- Footer {{{ --> <!-- footer {{{ --> + <!-- footer {{{ --> <footer> - &copy; 2013 wtfpl &mdash; <a href='http://www.wtfpl.net/about/'>do what the fuck you want to public license</a> + &copy; 2013 WTFPL &mdash; <a href='http://www.wtfpl.net/about/'>Do What the Fuck You Want to Public License</a> &mdash; contact : &lt;<a href='mailto:willy@mailoo.org'>willy at mailoo dot org</a>&gt; </footer> <!-- }}} --> diff --git a/css/monochrome.css b/css/monochrome.css @@ -151,7 +151,7 @@ pre { } /* Generated by macro :TOhtml in vim */ -.Comment { color: #; } +.Comment { color: #333; } .Constant { color: #ffff00; } .Folded { color: #808080; padding-bottom: 1px; } .Function { color: #af8700; } @@ -190,3 +190,22 @@ blockquote { padding-left: 8px; } /* }}} */ + +/* Images and associated text {{{ */ + +img { + vertical-align: top; + display: inline-block; + box-shadow: 4px 4px 16px #000; +} + +/* Comment images - use with <span> or <div> */ +.caption { + width:40%; + font-style: italic; + font-size: 80%; + display: inline-block; + margin-left:20px; + margin-top:30px; +} +/* }}} */ diff --git a/css/phone.css b/css/phone.css @@ -29,3 +29,16 @@ a:hover { a:active { text-decoration: none; } +/* }}} */ + +/* Images {{{ */ + +img { + width:60%; +} + +/* Comment images - use with <span> or <div> */ +.caption { + width:30%; +} +/* }}} */ diff --git a/foot.template b/foot.template @@ -1,6 +1,6 @@ <!-- footer {{{ --> <footer> - &copy; 2013 wtfpl &mdash; <a href='http://www.wtfpl.net/about/'>do what the fuck you want to public license</a> + &copy; 2013 WTFPL &mdash; <a href='http://www.wtfpl.net/about/'>Do What the Fuck You Want to Public License</a> &mdash; contact : &lt;<a href='mailto:willy@mailoo.org'>willy at mailoo dot org</a>&gt; </footer> <!-- }}} --> diff --git a/index.html b/index.html @@ -32,8 +32,9 @@ <div id='blank'></div> <!-- Footer {{{ --> <!-- footer {{{ --> + <!-- footer {{{ --> <footer> - &copy; 2013 wtfpl &mdash; <a href='http://www.wtfpl.net/about/'>do what the fuck you want to public license</a> + &copy; 2013 WTFPL &mdash; <a href='http://www.wtfpl.net/about/'>Do What the Fuck You Want to Public License</a> &mdash; contact : &lt;<a href='mailto:willy@mailoo.org'>willy at mailoo dot org</a>&gt; </footer> <!-- }}} -->