timproved style to get syntax highlight (thanks vim) - monochromatic - monochromatic blog: http://blog.z3bra.org
(HTM) git clone git://z3bra.org/monochromatic
(DIR) Log
(DIR) Files
(DIR) Refs
---
(DIR) commit fe878a4f8951e4db4c248f0ba89f1db0f1762f05
(DIR) parent 75be994b4e289f7d6c2166456ef37e128aae7221
(HTM) 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:
M 2013/08/test-your-css.html | 31 +++++++++++++++++++++----------
D buffer.html | 37 -------------------------------
M css/monochrome.css | 26 ++++++++++++++++++++++----
M css/phone.css | 3 +--
4 files changed, 44 insertions(+), 53 deletions(-)
---
(DIR) diff --git a/2013/08/test-your-css.html b/2013/08/test-your-css.html
t@@ -69,22 +69,34 @@
<pre>
index.html
<hr/>
-<html>
- <body>
- <p>Hello, World!</p>
- </body>
-</html>
+<span class="Comment"><!DOCTYPE html></span>
+<span class="Function"><</span><span class="Statement">html</span><span class="Function">></span>
+ <span class="Function"><</span><span class="Statement">head</span><span class="Function">></span>
+<span class="PreProc"> </span><span class="Function"><</span><span class="Statement">title</span><span class="Function">></span><span class="Normal">monochromatic</span><span class="Identifier"></</span><span class="Statement">title</span><span class="Identifier">></span>
+<span class="PreProc"> </span><span class="Identifier"></</span><span class="Statement">head</span><span class="Identifier">></span>
+ <span class="Function"><</span><span class="Statement">body</span><span class="Function">></span>
+ <span class="Function"><</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">></span>
+ Hello, World!
+ <span class="Identifier"></</span><span class="Statement">p</span><span class="Identifier">></span>
+ <span class="Identifier"></</span><span class="Statement">body</span><span class="Identifier">></span>
+<span class="Identifier"></</span><span class="Statement">html</span><span class="Identifier">></span>
</pre>
</code>
<code>
<pre>
main.c
<hr/>
-#include <stdio.h>
-int
-main (int argc, char **argv)
+<span class="PreProc">#include </span><span class="String"><stdio.h></span>
+
+<span class="PreProc">#define TEXT </span><span class="String">"Hello, World!"</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">"</span><span class="Special">%s</span><span class="Special">\n</span><span class="String">"</span>, TEXT);
+
+ <span class="Statement">return</span> <span class="Constant">EXIT_SUCCESS</span>;
}
</pre>
</code>
t@@ -93,7 +105,6 @@ main (int argc, char **argv)
</section>
</div>
<div id='blank'></div>
- <div id='blank'></div>
<footer>
© 2013 WTFPL — <a href='http://www.wtfpl.net/about/'>Do What the Fuck You Want to Public License</a>
— contact : <<a href='mailto:willy@mailoo.org'>willy at mailoo dot org</a>>
(DIR) diff --git a/buffer.html b/buffer.html
t@@ -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>— <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>
- — 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>
- © 2013 WTFPL — <a href='http://www.wtfpl.net/about/'>Do What the Fuck You Want to Public License</a>
- — contact : <<a href='mailto:willy@mailoo.org'>willy at mailoo dot org</a>>
- </footer>
- </body>
-</html>
-<!-- vim: set sw=2 et ai: -->
(DIR) diff --git a/css/monochrome.css b/css/monochrome.css
t@@ -20,9 +20,10 @@ body {
}
#wrapper {
- width:800px;
+ width:80%;
+ max-width:800px;
padding: 10px;
- margin-left: 128px;
+ margin:auto;
margin-top: 28px;
}
t@@ -44,9 +45,14 @@ footer {
}
article {
- margin: none;
+ margin: 0;
padding-left: 20px;
}
+
+#blank {
+ height: 100%;
+ padding:10px;
+}
/* }}} */
/* Titles and headers {{{ */
t@@ -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%;
(DIR) diff --git a/css/phone.css b/css/phone.css
t@@ -13,12 +13,11 @@ body {
}
#wrapper {
- width:95%;
margin: auto;
}
section h2 {
- display: block;
+ display: inline;
}
/* }}} */