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,