Proof-read article about WebRTC

css/default.css

@@ -8,7 +8,8 @@ html,body,p,div,h1,h2,h3,h4,h5,h6,img,article,section {
 /*                                                                                                            GENERAL */
 
 html {
-    font-family: 'Source Sans Pro', sans-serif;
+    font-family: 'Oxygen', sans-serif;
+
 }
 
 body {
@@ -27,7 +28,7 @@ a {
 
 p {
     text-align: justify;
-    font-size: 1.3em;
+    /*font-size: 1.2em;*/
     margin-bottom: 20px;
 }
 
@@ -48,18 +49,20 @@ blockquote {
     opacity: 0.5;
 }
 
-code {
+ul li {
-    font-family: 'Inconsolata';
+    list-style-type: square;
-    font-size: 0.8em;
+    /*font-size: 1.2em;*/
+    text-align: justify;
 }
 
-code::-moz-selection {
+table {
-    background: white;
+    border-collapse: collapse;
-    text-shadow: none;
+    border: 1px solid black;
 }
 
-li {
+td, tr, th {
-    list-style-type: square;
+    border: 1px solid black;
+    padding: 3px;
 }
 
 /*                                                                                                             HEADER */
@@ -78,13 +81,15 @@ header > a {
     /*box-sizing: border-box;*/
     display: inline-block;
     height: 100%;
-    width: 120px;
+    /*width: 120px;*/
+    width: 130px;
     text-align: center;
     line-height: 60px;
     text-transform: uppercase;
     color: rgba(200,200,200,1);
     transition: background 0.35s;
     border: none;
+    /*border: 1px solid red;*/
 }
 
 header > a:hover:not([href$="rss.xml"]) {
@@ -230,3 +235,20 @@ h4:before {
     display: block;
     border: none;
 }
+
+.figure {
+    /*border: 1px solid black;*/
+    text-align: center;
+}
+
+.figure img {
+    box-shadow: 0px 0px 5px 1px rgba(200,200,200,1);
+}
+
+.caption {
+    text-align: center;
+    font-style: italic;
+    font-weight: bold;
+    font-size: 0.8em;
+    color: gray;
+}

css/syntax_highlighting.css

@@ -16,11 +16,19 @@ pre.sourceCode {
 }
 
 code {
-    border: 1px solid black;
+    /*border: 1px solid black;*/
-    background: rgba(0,0,0,0.3);
+    background: rgba(100,100,100,0.2);
     padding: 0px 5px;
+    font-family: 'Inconsolata';
+    font-size: 0.8em;
+    border-radius: 4px;
+    color: rgb(50,50,100);
 }
 
+code::-moz-selection {
+    background: white;
+    text-shadow: none;
+}
 pre.sourceCode span.kw { color: #A91700; font-weight: bold; }
 pre.sourceCode span.dt { color: #9D2A2A; }
 pre.sourceCode span.dv { color: #40a070; }
@@ -28,7 +36,7 @@ pre.sourceCode span.bn { color: #40a070; }
 pre.sourceCode span.fl { color: #40a070; }
 pre.sourceCode span.ch { color: #4070a0; }
 pre.sourceCode span.st { color: #4070a0; }
-pre.sourceCode span.co { color: #60a0b0; font-style: italic; }
+pre.sourceCode span.co { color: #505050; font-style: italic; }
 pre.sourceCode span.ot { color: #504E4D; font-weight: bold }
 pre.sourceCode span.al { color: red; font-weight: bold; }
 pre.sourceCode span.fu { color: #06287e; }

site.hs

@@ -6,7 +6,7 @@ import           Hakyll
 
 --------------------------------------------------------------------------------
 main :: IO ()
-main = hakyll $ do
+main = hakyllWith config $ do
     match "images/*" $ do
         route   idRoute
         compile copyFileCompiler
@@ -96,4 +96,12 @@ nschoeslabsRSSConfig = FeedConfiguration
     , feedAuthorName  = "Nicolas SCHOEMAEKER"
     , feedAuthorEmail = "ns.schoe@gmail.com"
     , feedRoot        = "http://www.nschoeslabs.com"
-    }
+    }
+
+--------------------------------------------------------------------------------
+
+config :: Configuration
+config = defaultConfiguration
+    {
+        deployCommand = "rsync -avz -e ssh ./_site/ nschoe@nschoe.com:public_html/"
+    }

templates/default.html

@@ -8,9 +8,9 @@
         <link rel="icon" href="favicon.gif" type="image/gif" sizes="128x128"> 
 
         <title>nschoe's labs - $title$</title>
-        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
         <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
         <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
+        <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
         <link rel="stylesheet" type="text/css" href="/css/default.css">
         <link rel="stylesheet" type="text/css" href="/css/syntax_highlighting.css">
     </head>