monochromatic

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

commit fe878a4f8951e4db4c248f0ba89f1db0f1762f05
parent 75be994b4e289f7d6c2166456ef37e128aae7221
Author: Willy Goiffon <w.goiffon@gmail.com>
Date:   Thu,  8 Aug 2013 19:07:52 +0200

improved style to get syntax highlight (thanks vim)

Diffstat:
2013/08/test-your-css.html | 31+++++++++++++++++++++----------
buffer.html | 37-------------------------------------
css/monochrome.css | 26++++++++++++++++++++++----
css/phone.css | 3+--
4 files changed, 44 insertions(+), 53 deletions(-)

diff --git a/2013/08/test-your-css.html b/2013/08/test-your-css.html @@ -69,22 +69,34 @@ <pre> index.html <hr/> -&lt;html&gt; - &lt;body&gt; - &lt;p&gt;Hello, World!&lt;/p&gt; - &lt;/body&gt; -&lt;/html&gt; +<span class="Comment">&lt;!DOCTYPE html&gt;</span> +<span class="Function">&lt;</span><span class="Statement">html</span><span class="Function">&gt;</span> + <span class="Function">&lt;</span><span class="Statement">head</span><span class="Function">&gt;</span> +<span class="PreProc"> </span><span class="Function">&lt;</span><span class="Statement">title</span><span class="Function">&gt;</span><span class="Normal">monochromatic</span><span class="Identifier">&lt;/</span><span class="Statement">title</span><span class="Identifier">&gt;</span> +<span class="PreProc"> </span><span class="Identifier">&lt;/</span><span class="Statement">head</span><span class="Identifier">&gt;</span> + <span class="Function">&lt;</span><span class="Statement">body</span><span class="Function">&gt;</span> + <span class="Function">&lt;</span><span class="Statement">p</span><span class="Function"> </span><span class="Type">id</span><span class="Function">=</span><span class="String">'shblah'</span><span class="Function">&gt;</span> + Hello, World! + <span class="Identifier">&lt;/</span><span class="Statement">p</span><span class="Identifier">&gt;</span> + <span class="Identifier">&lt;/</span><span class="Statement">body</span><span class="Identifier">&gt;</span> +<span class="Identifier">&lt;/</span><span class="Statement">html</span><span class="Identifier">&gt;</span> </pre> </code> <code> <pre> main.c <hr/> -#include &lt;stdio.h&gt; -int -main (int argc, char **argv) +<span class="PreProc">#include </span><span class="String">&lt;stdio.h&gt;</span> + +<span class="PreProc">#define TEXT </span><span class="String">&quot;Hello, World!&quot;</span> +<span class="PreProc">#define </span><span class="Constant">EXIT_SUCCESS</span><span class="PreProc"> </span><span class="Constant">0</span> + +<span class="Type">int</span> +main (<span class="Type">int</span> argc, <span class="Type">char</span> **argv) { - puts("Hello, World!"); + printf(<span class="String">&quot;</span><span class="Special">%s</span><span class="Special">\n</span><span class="String">&quot;</span>, TEXT); + + <span class="Statement">return</span> <span class="Constant">EXIT_SUCCESS</span>; } </pre> </code> @@ -93,7 +105,6 @@ main (int argc, char **argv) </section> </div> <div id='blank'></div> - <div id='blank'></div> <footer> &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; diff --git a/buffer.html b/buffer.html @@ -1,37 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <meta charset='utf-8'/> - <link rel='stylesheet' href='/css/monochrome.css'/> - <link rel='stylesheet' href='/css/phone.css' media='screen and (max-width: 540px)'/> - <title>monochromatic</title> - </head> - <body> - <header> - <a href='/'><h1>Monochromatic</h1></a> <h2>&mdash; <a href='/about.html'>z3bra</a>, the stripes appart</h2> - </header> - <div id='wrapper'> - <section> - <h1> - <a href='/2013/08/test-your-css.html'>Test your CSS !</a> - </h1> - <h2> - &mdash; 8 August, 2013 - </h2> - <article> - <p> - Here a simple page with a few HTML tags.<br /> - It's pretty useful to test your CSS, even if there are no 'difficult' layouts.<br /> - Feel free to download and share! - </p> - </article> - </section> - </div> - <div id='blank'></div> - <footer> - &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> - </body> -</html> -<!-- vim: set sw=2 et ai: --> diff --git a/css/monochrome.css b/css/monochrome.css @@ -20,9 +20,10 @@ body { } #wrapper { - width:800px; + width:80%; + max-width:800px; padding: 10px; - margin-left: 128px; + margin:auto; margin-top: 28px; } @@ -44,9 +45,14 @@ footer { } article { - margin: none; + margin: 0; padding-left: 20px; } + +#blank { + height: 100%; + padding:10px; +} /* }}} */ /* Titles and headers {{{ */ @@ -135,7 +141,19 @@ pre { padding: 10px; border-radius: 10px; margin-top: 4px; -} + white-space: pre-wrap; +} + +/* Generated by macro :TOhtml in vim */ +.Comment { color: #; } +.Constant { color: #ffff00; } +.Folded { color: #808080; padding-bottom: 1px; } +.Function { color: #af8700; } +.Special { color: #ffd787; } +.Statement { color: #ffff00; } +.PreProc { color: #d7af00; } +.String { color: #d75f00; } +.Type { color: #804000; } pre hr { width: 100%; diff --git a/css/phone.css b/css/phone.css @@ -13,12 +13,11 @@ body { } #wrapper { - width:95%; margin: auto; } section h2 { - display: block; + display: inline; } /* }}} */