64 files changed, 635 insertions, 254 deletions
diff --git a/base.template.html b/base.template.html
index 50a8d11..9aecb5b 100644
--- a/base.template.html
+++ b/base.template.html
@@ -1,29 +1,33 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <title>cacharle</title>
-        <meta charset="utf-8"/>
-        <meta name="description" content="Charles Cabergs's website"/>
-        <meta name="keywords"    content="Programming"/>
-        <meta name="author"      content="Charles Cabergs"/>
-        <meta name="viewport"    content="width=device-width, initial-scale=1.0"/>
+  <head>
+    <title>cacharle</title>
+    <meta charset="utf-8"/>
+    <meta name="description" content="Charles Cabergs's website"/>
+    <meta name="keywords"    content="Programming"/>
+    <meta name="author"      content="Charles Cabergs"/>
+    <meta name="viewport"    content="width=device-width, initial-scale=1.0"/>
 
-        <link rel="alternate" type="application/rss+xml" title="cacharle - RSS" href="/rss.xml"/>
+    <link rel="alternate" type="application/rss+xml" title="cacharle - RSS" href="/rss.xml"/>
 
-        <!-- HEAD -->
-    </head>
+    <!-- HEAD -->
+  </head>
 
-    <body>
-        <header>
-            <div><a class="header-link" href="/">Home</a></div>
-            <div><a class="header-link" href="/rss.xml">RSS</a></div>
-            <div><a class="header-link" href="mailto:me@cacharle.xyz">Contact</a></div>
-            <div><a class="header-link" href="https://git.cacharle.xyz">git</a></div>
-            <div><a class="header-link" href="https://searx.cacharle.xyz">searx</a></div>
-        </header>
+  <body>
+    <header>
+      <!-- <img width="30" height="30" src="static/img/git.png"> -->
+      <!-- <img width="30" height="30" src="static/img/git.png"> -->
+      <!-- <img width="30" height="30" src="static/img/git.png"> -->
+      <!-- <img width="30" height="30" src="static/img/git.png"> -->
+      <div><a class="header-link" href="/">Home</a></div>
+      <div><a class="header-link" href="/rss.xml">RSS</a></div>
+      <div><a class="header-link" href="mailto:me@cacharle.xyz">Contact</a></div>
+      <div><a class="header-link" href="https://git.cacharle.xyz">git</a></div>
+      <div><a class="header-link" href="https://searx.cacharle.xyz">searx</a></div>
+    </header>
 
-        <div id="page-wrapper">
-            <!-- BODY -->
-        </div>
-    </body>
+    <main>
+      <!-- BODY -->
+    </main>
+  </body>
 </html>
diff --git a/generate b/generate
index 6bb22fb..f1f3378 100755
--- a/generate
+++ b/generate
@@ -30,11 +30,11 @@ base_template_link () {
 blog_path=blog
 mkdir -p "$blog_path"
 base_template < index.template.html |
-    base_template_link 'favicon.png' |
-    base_template_link 'style.css' > index.html
+    base_template_link 'static/img/favicon.png' |
+    base_template_link 'static/css/style.css' > index.html
 base_template < school.template.html |
-    base_template_link 'favicon.png' |
-    base_template_link 'style.css' > school.html
+    base_template_link 'static/img/favicon.png' |
+    base_template_link 'static/css/style.css' > school.html
 
 cp rss.template.xml rss.xml
 
@@ -45,8 +45,8 @@ do
 
     pandoc -f markdown -t html < "$post_path" |
         base_template |
-        base_template_link '../favicon.png' |
-        base_template_link '../style.css' > "$post_dst_path"
+        base_template_link '../static/img/favicon.png' |
+        base_template_link '../static/css/style.css' > "$post_dst_path"
 
     # Add blog artcle link to the index.html
     title=$(grep '^# .*$' -m 1 "$post_path" | cut -c 2-)
@@ -74,8 +74,8 @@ do
     title=$(basename "$util_path" | tr '_' ' ')
     sed '$ a <script type="text/javascript" src="script.js"></script>' < "$util_path/index.template.html" |
         base_template |
-        base_template_link '../../favicon.png' |
-        base_template_link '../../style.css' |
+        base_template_link '../../static/img/favicon.png' |
+        base_template_link '../../static/css/style.css' |
         base_template_link 'style.css' > "$util_path/index.html"
     sed -i'' "/<!-- UTILSINDEX -->/ a\
         <li><a href=\"$util_path\">$title</a></li>" index.html
diff --git a/index.template.html b/index.template.html
index 2bf60d5..3a2faa8 100644
--- a/index.template.html
+++ b/index.template.html
@@ -1,4 +1,5 @@
-<h1>Charles's website</h1>
+<h1 id="site-title">Charles's website</h1>
+
 
 <h2>About me</h2>
 <p>I'm a computer science student currently at <a href="https://www.s19.be/">s19</a>, a summary of my progress can be found <a href="school.html">here</a></p>
@@ -23,5 +24,3 @@
     <li><a href="https://github.com/cacharle">github</a></li>
     <li><a href="charlescabergspublic.gpg">GPG public key</a></li>
 </ul>
-
-<p>The style sheet used for this site can be found <a href="https://github.com/markdowncss/retro">here</a>.</p>
diff --git a/rundev b/rundev
new file mode 100755
index 0000000..7fab532
--- /dev/null
+++ b/rundev
@@ -0,0 +1,7 @@
+#!/bin/sh
+
+while true
+do
+    inotifywait -q -r -e modify .
+    ./generate
+done
diff --git a/school.template.html b/school.template.html
index 6b13ae5..9ae37ee 100644
--- a/school.template.html
+++ b/school.template.html
@@ -66,8 +66,8 @@
 <p>I've made tests for some project's</p>
 <table>
     <tr>
-        <td>Test</td>
-        <td>Tested</td>
+        <th>Test</th>
+        <th>Tested</th>
     </tr>
     <tr>
         <td><a href="https://git.cacharle.xyz/ft_printf_test">ft_printf_test</a></td>
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..a8142fb
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,202 @@
+:root {
+  --color-dark:         #1b1b1b;
+  --color-darker:       #141414;
+  --color-light-blue:   #75AFE9;
+  --color-lighter-blue: #89D0F2;
+  --color-grey:         #2D3436;
+  --color-light-grey:   #636E72;
+}
+
+@font-face {
+  font-family: OpenSans;
+  font-weight: normal;
+  src: url(font/OpenSans/OpenSans-Regular.ttf);
+}
+
+@font-face {
+  font-family: OpenSans;
+  font-weight: bold;
+  src: url(font/OpenSans/OpenSans-Bold.ttf);
+}
+
+@font-face {
+  font-family: OpenSans;
+  font-weight: normal;
+  font-style: italic;
+  src: url(font/OpenSans/OpenSans-Italic.ttf);
+}
+
+html {
+  background-color: var(--color-dark);
+  min-height: 100%;
+  font-family: OpenSans, sans-serif;
+  font-size: 1.1rem;
+}
+
+body {
+  margin: 0;
+}
+
+@media screen and (max-width: 48rem) {
+  html {
+    font-size: 1.0rem;
+  }
+}
+
+/*****************************************************************************/
+/* header                                                                    */
+
+header {
+  display: flex;
+  margin-bottom: 20px;
+  background-color: #191919;
+  padding: 10px;
+}
+
+header div {
+  margin-right: 30px;
+  color: #ccc;
+}
+
+a.header-link {
+  color: #ccc;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+a.header-link:hover {
+  color: #fff;
+}
+
+/*****************************************************************************/
+/* main                                                                      */
+
+main {
+  color: #fafafa;
+  line-height: 1.80;
+  margin: 2rem auto 1rem;
+  max-width: 55rem;
+  padding: 1.5rem;
+}
+
+/*****************************************************************************/
+/* common tags                                                               */
+
+/* link */
+
+a {
+  text-decoration: none;
+}
+
+a, a:visited {
+  color: var(--color-lighter-blue);
+}
+
+a:hover, a:focus, a:active {
+  color: var(--color-light-blue);
+}
+
+/* title */
+
+@font-face {
+  font-family: Montserrat, sans-serif;
+  font-weight: bold;
+  src: url(font/Montserrat/Montserrat-Bold.ttf);
+}
+
+h1, h2, h3, h4 {
+  margin: 10px 0 5px 0;
+  line-height: 1.42;
+  font-weight: bold;
+  font-family: Montserrat;
+  letter-spacing: 0.1rem;
+}
+
+h1 {
+  margin-top: 0;
+  font-size: 2.3rem;
+}
+
+h2 { font-size: 2.0rem; }
+h3 { font-size: 1.7rem; }
+h4 { font-size: 1.5rem; }
+h5 { font-size: 1.3rem; }
+h6 { font-size: 1.1rem; }
+
+/* code */
+
+@font-face {
+  font-family: FiraMono;
+  font-weight: normal;
+  src: url(font/FiraMono/FiraMono-Regular.ttf);
+}
+
+pre, code {
+  font-family: FiraMono, "Courier New", monospace;
+}
+
+code {
+  background-color: var(--color-grey);
+  padding: 0.2rem 0.3rem;
+  border: 1px solid var(--color-light-grey);
+  font-size: 82%;
+}
+
+pre {
+  padding: 0.5rem;
+  line-height: 1.25;
+  overflow-x: auto;
+}
+
+pre > code {
+  border: none;
+  font-size: 100%;
+  padding: 0;
+  line-height: 1.4;
+}
+
+pre {
+  background-color: var(--color-grey);
+}
+
+/* other */
+
+p {
+  font-size: 1rem;
+  margin: 1.3rem 0;
+}
+
+
+blockquote {
+  margin-left: 1rem;
+  border-left: 3px solid var(--color-light-grey);
+  padding-left: 0.5rem;
+}
+
+img, canvas, iframe, video, svg, select, textarea {
+  max-width: 100%;
+}
+
+hr {
+  border: 1px solid var(--color-light-grey);
+}
+
+table {
+  margin: 20px 10px;
+}
+
+table, td, th {
+  border-collapse: collapse;
+  border: 1px solid var(--color-light-grey);
+}
+
+td, th {
+  vertical-align: top;
+  text-align: left;
+  padding: 3px 6px;
+}
+
+th {
+  font-weight: bold;
+  background-color: var(--color-grey);
+}
diff --git a/static/font/FiraMono/FiraMono-Bold.ttf b/static/font/FiraMono/FiraMono-Bold.ttf
new file mode 100644
index 0000000..db6f63f
--- /dev/null
+++ b/static/font/FiraMono/FiraMono-Bold.ttf
diff --git a/static/font/FiraMono/FiraMono-Medium.ttf b/static/font/FiraMono/FiraMono-Medium.ttf
new file mode 100644
index 0000000..892c124
--- /dev/null
+++ b/static/font/FiraMono/FiraMono-Medium.ttf
diff --git a/static/font/FiraMono/FiraMono-Regular.ttf b/static/font/FiraMono/FiraMono-Regular.ttf
new file mode 100644
index 0000000..3910f17
--- /dev/null
+++ b/static/font/FiraMono/FiraMono-Regular.ttf
diff --git a/static/font/FiraMono/OFL.txt b/static/font/FiraMono/OFL.txt
new file mode 100644
index 0000000..1ba1596
--- /dev/null
+++ b/static/font/FiraMono/OFL.txt
@@ -0,0 +1,93 @@
+Copyright (c) 2012-2013, The Mozilla Corporation and Telefonica S.A.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/static/font/Montserrat/Montserrat-Black.ttf b/static/font/Montserrat/Montserrat-Black.ttf
new file mode 100644
index 0000000..437b115
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-Black.ttf
diff --git a/static/font/Montserrat/Montserrat-BlackItalic.ttf b/static/font/Montserrat/Montserrat-BlackItalic.ttf
new file mode 100644
index 0000000..5234835
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-BlackItalic.ttf
diff --git a/static/font/Montserrat/Montserrat-Bold.ttf b/static/font/Montserrat/Montserrat-Bold.ttf
new file mode 100644
index 0000000..221819b
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-Bold.ttf
diff --git a/static/font/Montserrat/Montserrat-BoldItalic.ttf b/static/font/Montserrat/Montserrat-BoldItalic.ttf
new file mode 100644
index 0000000..9ae2bd2
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-BoldItalic.ttf
diff --git a/static/font/Montserrat/Montserrat-ExtraBold.ttf b/static/font/Montserrat/Montserrat-ExtraBold.ttf
new file mode 100644
index 0000000..80ea806
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-ExtraBold.ttf
diff --git a/static/font/Montserrat/Montserrat-ExtraBoldItalic.ttf b/static/font/Montserrat/Montserrat-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..6c961e1
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-ExtraBoldItalic.ttf
diff --git a/static/font/Montserrat/Montserrat-ExtraLight.ttf b/static/font/Montserrat/Montserrat-ExtraLight.ttf
new file mode 100644
index 0000000..ca0bbb6
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-ExtraLight.ttf
diff --git a/static/font/Montserrat/Montserrat-ExtraLightItalic.ttf b/static/font/Montserrat/Montserrat-ExtraLightItalic.ttf
new file mode 100644
index 0000000..f3c1559
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-ExtraLightItalic.ttf
diff --git a/static/font/Montserrat/Montserrat-Italic.ttf b/static/font/Montserrat/Montserrat-Italic.ttf
new file mode 100644
index 0000000..eb4232a
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-Italic.ttf
diff --git a/static/font/Montserrat/Montserrat-Light.ttf b/static/font/Montserrat/Montserrat-Light.ttf
new file mode 100644
index 0000000..990857d
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-Light.ttf
diff --git a/static/font/Montserrat/Montserrat-LightItalic.ttf b/static/font/Montserrat/Montserrat-LightItalic.ttf
new file mode 100644
index 0000000..2096040
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-LightItalic.ttf
diff --git a/static/font/Montserrat/Montserrat-Medium.ttf b/static/font/Montserrat/Montserrat-Medium.ttf
new file mode 100644
index 0000000..6e079f6
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-Medium.ttf
diff --git a/static/font/Montserrat/Montserrat-MediumItalic.ttf b/static/font/Montserrat/Montserrat-MediumItalic.ttf
new file mode 100644
index 0000000..0dc3ac9
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-MediumItalic.ttf
diff --git a/static/font/Montserrat/Montserrat-Regular.ttf b/static/font/Montserrat/Montserrat-Regular.ttf
new file mode 100644
index 0000000..8d443d5
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-Regular.ttf
diff --git a/static/font/Montserrat/Montserrat-SemiBold.ttf b/static/font/Montserrat/Montserrat-SemiBold.ttf
new file mode 100644
index 0000000..f8a43f2
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-SemiBold.ttf
diff --git a/static/font/Montserrat/Montserrat-SemiBoldItalic.ttf b/static/font/Montserrat/Montserrat-SemiBoldItalic.ttf
new file mode 100644
index 0000000..336c56e
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-SemiBoldItalic.ttf
diff --git a/static/font/Montserrat/Montserrat-Thin.ttf b/static/font/Montserrat/Montserrat-Thin.ttf
new file mode 100644
index 0000000..b985875
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-Thin.ttf
diff --git a/static/font/Montserrat/Montserrat-ThinItalic.ttf b/static/font/Montserrat/Montserrat-ThinItalic.ttf
new file mode 100644
index 0000000..e488998
--- /dev/null
+++ b/static/font/Montserrat/Montserrat-ThinItalic.ttf
diff --git a/static/font/Montserrat/OFL.txt b/static/font/Montserrat/OFL.txt
new file mode 100644
index 0000000..7881887
--- /dev/null
+++ b/static/font/Montserrat/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/static/font/OpenSans/LICENSE.txt b/static/font/OpenSans/LICENSE.txt
new file mode 100644
index 0000000..75b5248
--- /dev/null
+++ b/static/font/OpenSans/LICENSE.txt
@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/static/font/OpenSans/OpenSans-Bold.ttf b/static/font/OpenSans/OpenSans-Bold.ttf
new file mode 100644
index 0000000..efdd5e8
--- /dev/null
+++ b/static/font/OpenSans/OpenSans-Bold.ttf
diff --git a/static/font/OpenSans/OpenSans-BoldItalic.ttf b/static/font/OpenSans/OpenSans-BoldItalic.ttf
new file mode 100644
index 0000000..9bf9b4e
--- /dev/null
+++ b/static/font/OpenSans/OpenSans-BoldItalic.ttf
diff --git a/static/font/OpenSans/OpenSans-ExtraBold.ttf b/static/font/OpenSans/OpenSans-ExtraBold.ttf
new file mode 100644
index 0000000..67fcf0f
--- /dev/null
+++ b/static/font/OpenSans/OpenSans-ExtraBold.ttf
diff --git a/static/font/OpenSans/OpenSans-ExtraBoldItalic.ttf b/static/font/OpenSans/OpenSans-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..0867228
--- /dev/null
+++ b/static/font/OpenSans/OpenSans-ExtraBoldItalic.ttf
diff --git a/static/font/OpenSans/OpenSans-Italic.ttf b/static/font/OpenSans/OpenSans-Italic.ttf
new file mode 100644
index 0000000..1178567
--- /dev/null
+++ b/static/font/OpenSans/OpenSans-Italic.ttf
diff --git a/static/font/OpenSans/OpenSans-Light.ttf b/static/font/OpenSans/OpenSans-Light.ttf
new file mode 100644
index 0000000..6580d3a
--- /dev/null
+++ b/static/font/OpenSans/OpenSans-Light.ttf
diff --git a/static/font/OpenSans/OpenSans-LightItalic.ttf b/static/font/OpenSans/OpenSans-LightItalic.ttf
new file mode 100644
index 0000000..1e0c331
--- /dev/null
+++ b/static/font/OpenSans/OpenSans-LightItalic.ttf
diff --git a/static/font/OpenSans/OpenSans-Regular.ttf b/static/font/OpenSans/OpenSans-Regular.ttf
new file mode 100644
index 0000000..29bfd35
--- /dev/null
+++ b/static/font/OpenSans/OpenSans-Regular.ttf
diff --git a/static/font/OpenSans/OpenSans-SemiBold.ttf b/static/font/OpenSans/OpenSans-SemiBold.ttf
new file mode 100644
index 0000000..54e7059
--- /dev/null
+++ b/static/font/OpenSans/OpenSans-SemiBold.ttf
diff --git a/static/font/OpenSans/OpenSans-SemiBoldItalic.ttf b/static/font/OpenSans/OpenSans-SemiBoldItalic.ttf
new file mode 100644
index 0000000..aebcf14
--- /dev/null
+++ b/static/font/OpenSans/OpenSans-SemiBoldItalic.ttf
diff --git a/font/Roboto-Black.ttf b/static/font/Roboto/Roboto-Black.ttf
index 59b6646..59b6646 100644
--- a/font/Roboto-Black.ttf
+++ b/static/font/Roboto/Roboto-Black.ttf
diff --git a/font/Roboto-BlackItalic.ttf b/static/font/Roboto/Roboto-BlackItalic.ttf
index 77f54e5..77f54e5 100644
--- a/font/Roboto-BlackItalic.ttf
+++ b/static/font/Roboto/Roboto-BlackItalic.ttf
diff --git a/font/Roboto-Bold.ttf b/static/font/Roboto/Roboto-Bold.ttf
index 0458229..0458229 100644
--- a/font/Roboto-Bold.ttf
+++ b/static/font/Roboto/Roboto-Bold.ttf
diff --git a/font/Roboto-BoldItalic.ttf b/static/font/Roboto/Roboto-BoldItalic.ttf
index ca07299..ca07299 100644
--- a/font/Roboto-BoldItalic.ttf
+++ b/static/font/Roboto/Roboto-BoldItalic.ttf
diff --git a/font/Roboto-Italic.ttf b/static/font/Roboto/Roboto-Italic.ttf
index f5f5538..f5f5538 100644
--- a/font/Roboto-Italic.ttf
+++ b/static/font/Roboto/Roboto-Italic.ttf
diff --git a/font/Roboto-Light.ttf b/static/font/Roboto/Roboto-Light.ttf
index d00b2ba..d00b2ba 100644
--- a/font/Roboto-Light.ttf
+++ b/static/font/Roboto/Roboto-Light.ttf
diff --git a/font/Roboto-LightItalic.ttf b/static/font/Roboto/Roboto-LightItalic.ttf
index b89820a..b89820a 100644
--- a/font/Roboto-LightItalic.ttf
+++ b/static/font/Roboto/Roboto-LightItalic.ttf
diff --git a/font/Roboto-Medium.ttf b/static/font/Roboto/Roboto-Medium.ttf
index af1cdee..af1cdee 100644
--- a/font/Roboto-Medium.ttf
+++ b/static/font/Roboto/Roboto-Medium.ttf
diff --git a/font/Roboto-MediumItalic.ttf b/static/font/Roboto/Roboto-MediumItalic.ttf
index 034b164..034b164 100644
--- a/font/Roboto-MediumItalic.ttf
+++ b/static/font/Roboto/Roboto-MediumItalic.ttf
diff --git a/font/Roboto-Regular.ttf b/static/font/Roboto/Roboto-Regular.ttf
index 5e84294..5e84294 100644
--- a/font/Roboto-Regular.ttf
+++ b/static/font/Roboto/Roboto-Regular.ttf
diff --git a/font/Roboto-Thin.ttf b/static/font/Roboto/Roboto-Thin.ttf
index b0c8ed9..b0c8ed9 100644
--- a/font/Roboto-Thin.ttf
+++ b/static/font/Roboto/Roboto-Thin.ttf
diff --git a/font/Roboto-ThinItalic.ttf b/static/font/Roboto/Roboto-ThinItalic.ttf
index 6e2fd13..6e2fd13 100644
--- a/font/Roboto-ThinItalic.ttf
+++ b/static/font/Roboto/Roboto-ThinItalic.ttf
diff --git a/font/RobotoCondensed-Bold.ttf b/static/font/Roboto/RobotoCondensed-Bold.ttf
index 6bc290e..6bc290e 100644
--- a/font/RobotoCondensed-Bold.ttf
+++ b/static/font/Roboto/RobotoCondensed-Bold.ttf
diff --git a/font/RobotoCondensed-BoldItalic.ttf b/static/font/Roboto/RobotoCondensed-BoldItalic.ttf
index 5526c26..5526c26 100644
--- a/font/RobotoCondensed-BoldItalic.ttf
+++ b/static/font/Roboto/RobotoCondensed-BoldItalic.ttf
diff --git a/font/RobotoCondensed-Italic.ttf b/static/font/Roboto/RobotoCondensed-Italic.ttf
index d93a7af..d93a7af 100644
--- a/font/RobotoCondensed-Italic.ttf
+++ b/static/font/Roboto/RobotoCondensed-Italic.ttf
diff --git a/font/RobotoCondensed-Light.ttf b/static/font/Roboto/RobotoCondensed-Light.ttf
index cef3636..cef3636 100644
--- a/font/RobotoCondensed-Light.ttf
+++ b/static/font/Roboto/RobotoCondensed-Light.ttf
diff --git a/font/RobotoCondensed-LightItalic.ttf b/static/font/Roboto/RobotoCondensed-LightItalic.ttf
index 2ecf35e..2ecf35e 100644
--- a/font/RobotoCondensed-LightItalic.ttf
+++ b/static/font/Roboto/RobotoCondensed-LightItalic.ttf
diff --git a/font/RobotoCondensed-Regular.ttf b/static/font/Roboto/RobotoCondensed-Regular.ttf
index d0945cc..d0945cc 100644
--- a/font/RobotoCondensed-Regular.ttf
+++ b/static/font/Roboto/RobotoCondensed-Regular.ttf
diff --git a/favicon.png b/static/img/favicon.png
index e26ffe9..e26ffe9 100644
--- a/favicon.png
+++ b/static/img/favicon.png
diff --git a/static/img/git.png b/static/img/git.png
new file mode 100644
index 0000000..51f4ae5
--- /dev/null
+++ b/static/img/git.png
diff --git a/static/img/github.png b/static/img/github.png
new file mode 100644
index 0000000..95d0fe9
--- /dev/null
+++ b/static/img/github.png
diff --git a/static/img/rss.png b/static/img/rss.png
new file mode 100644
index 0000000..94d08fa
--- /dev/null
+++ b/static/img/rss.png
diff --git a/static/img/searx.png b/static/img/searx.png
new file mode 100644
index 0000000..87b13c0
--- /dev/null
+++ b/static/img/searx.png
diff --git a/style.css b/style.css
deleted file mode 100644
index 03a14c3..0000000
--- a/style.css
+++ /dev/null
@@ -1,219 +0,0 @@
-/*****************************************************************************/
-/* Credit: https://github.com/markdowncss/retro
-/*****************************************************************************/
-
-pre, code {
-    font-family: Menlo, Monaco, "Courier New", monospace;
-}
-
-code {
-    background-color: #333;
-    padding: .1rem;
-    border: 1px solid #FFFFFF2F;
-    border-radius: 3px;
-    font-size: 85%;
-}
-
-pre {
-    padding: .5rem;
-    line-height: 1.25;
-    overflow-x: auto;
-}
-
-pre > code {
-    border: none;
-    font-size: 100%;
-}
-
-@media print {
-    *,
-    *:before,
-    *:after {
-        background: transparent !important;
-        color: #000 !important;
-        box-shadow: none !important;
-        text-shadow: none !important;
-    }
-
-    a, a:visited {
-        text-decoration: underline;
-    }
-
-    /* a[href]:after { */
-    /*     content: " (" attr(href) ")"; */
-    /* } */
-    /*  */
-    /* abbr[title]:after { */
-    /*     content: " (" attr(title) ")"; */
-    /* } */
-    /*  */
-    /* a[href^="#"]:after, */
-    /* a[href^="javascript:"]:after { */
-    /*     content: ""; */
-    /* } */
-
-    pre, blockquote {
-        border: 1px solid #999;
-        page-break-inside: avoid;
-    }
-
-    thead {
-        display: table-header-group;
-    }
-
-    tr, img {
-        page-break-inside: avoid;
-    }
-
-    img {
-        max-width: 100% !important;
-    }
-
-    p,
-    h2,
-    h3 {
-        orphans: 3;
-        widows: 3;
-    }
-
-    h2,
-    h3 {
-        page-break-after: avoid;
-    }
-}
-
-a, a:visited {
-    color: #01ff70;
-}
-
-a:hover, a:focus, a:active {
-    color: #2ecc40;
-}
-
-html {
-    font-size: 10px;
-}
-
-@media screen and (min-width: 32rem) and (max-width: 48rem) {
-    html {
-        font-size: 13px;
-    }
-}
-
-@media screen and (min-width: 48rem) {
-    html {
-        font-size: 14px;
-    }
-}
-
-#page-wrapper {
-    line-height: 1.85;
-}
-
-p {
-    font-size: 1rem;
-    margin-bottom: 1.3rem;
-}
-
-h1 h2, h3, h4 {
-    margin: 1.414rem 0 .5rem;
-    font-weight: inherit;
-    line-height: 1.42;
-}
-
-h1 {
-    margin-top: 0;
-    font-size: 2.5rem;
-}
-
-h2 {
-    font-size: 2.1rem;
-}
-
-h3 {
-    font-size: 1.8rem;
-}
-
-h4 {
-    font-size: 1.6rem;
-}
-
-h5 {
-    font-size: 1.4rem;
-}
-
-h6 {
-    font-size: 1.2rem;
-}
-
-small {
-    font-size: .707em;
-}
-
-/* https://github.com/mrmrs/fluidity */
-
-img, canvas, iframe, video, svg, select, textarea {
-    max-width: 100%;
-}
-
-html, body {
-    margin: 0;
-    background-color: #222;
-    min-height: 100%;
-    font-family: "Courier New";
-}
-
-html {
-    font-size: 16px;
-}
-
-#page-wrapper {
-    color: #fafafa;
-    line-height: 1.45;
-    margin: 2rem auto 1rem;
-    max-width: 48rem;
-    padding: .25rem;
-}
-
-pre {
-    background-color: #333;
-}
-
-blockquote {
-    border-left: 3px solid #01ff70;
-    padding-left: 1rem;
-}
-
-/* added */
-
-header {
-    display: flex;
-    margin-bottom: 20px;
-    background-color: #191919;
-    padding: 10px;
-}
-
-header div {
-    margin-right: 30px;
-    color: #ccc;
-}
-
-a.header-link {
-    color: #ccc;
-    text-decoration: none;
-    font-weight: bold;
-}
-
-a.header-link:hover {
-    transition: 0.5s;
-    color: #fff;
-}
-
-td {
-    vertical-align: top;
-    padding: 2px;
-}
-
-.sourceCode a {
-    color: #fafafa;
-}