blog

my personnal blog / site
Log | Files | Refs | git clone https://git.ne02ptzero.me/git/blog

commit a7109b60592c3b1b5ac0c19f605478a739191ab8
parent 30bd3e5395f92078515b227e4017290781f5a2a5
Author: Louis Solofrizzo <louis@ne02ptzero.me>
Date:   Thu,  4 Apr 2019 01:27:14 +0200

Blog & Site: New theme and new content

Signed-off-by: Louis Solofrizzo <louis@ne02ptzero.me>

Diffstat:
Mlayouts/footer.html | 10++++------
Mlayouts/header.html | 4++--
Mlayouts/intro.html | 19++-----------------
Asite/contact.html | 36++++++++++++++++++++++++++++++++++++
Asite/index.html | 47+++++++++++++++++++++++++++++++++++++++++++++++
Mstyles/main.css | 141+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------
6 files changed, 222 insertions(+), 35 deletions(-)

diff --git a/layouts/footer.html b/layouts/footer.html @@ -1,6 +1,4 @@ -<hr /> -louis (at sign) ne02ptzero.me<br /> -<a href="https://blog.ne02ptzero.me/rss.xml">RSS</a> -<a href="https://ne02ptzero.me">ne02ptzero.me</a> -<a href="https://ne02ptzero.me/public.key">Public PGP Key</a> -<a href="https://git.ne02ptzero.me">GIT</a> +<blockquote> + No copyright - louis at ne02ptzero dot me<br /> + Any and all opinions listed here are my own and not representative of my employers; future, past and present. +</blockquote> diff --git a/layouts/header.html b/layouts/header.html @@ -1,3 +1,3 @@ -<p style='margin-bottom: 40px; font-size: 24px'> - <b><a href="/">container_of</a></b> : Random things about low-level software development +<p> + <a href="/">Louis</a> - <a href="https://git.ne02ptzero.me/">Git</a> - <a href="/blog">Blog</a> - <a href="/contact.html">Contact</a> - <a href="cv.pdf">Resume</a> </p> diff --git a/layouts/intro.html b/layouts/intro.html @@ -1,17 +1,2 @@ -Hi, my name is <b>Louis</b>. I'm a software developer, currently working at -Scaleway. I'm specialized in all the stuff that touches Kernel and low-level -programming in general. I'm also a big fan of C, Unix and Open Source (free) -software. - -<br /> -<br /> -On this blog, you can find some random things about low-level software, and -maybe some stuff about my setup, thoughts, etc. - -<br /> -<br /> -Feel free to drop me an email at louis (at sign) ne02ptzero.me if you have any -question / comment. - -<br /> -<h3>Articles</h3> +<h1>Blogposts</h1> +If you have a compatible reader, be sure to check out my <a href="/rss.xml">RSS Feed</a> for automatic updates. diff --git a/site/contact.html b/site/contact.html @@ -0,0 +1,36 @@ +<!DOCTYPE HTML> +<html> + <head> + <meta charset='utf-8'> + <meta name='viewport' content='width=device-width, initial-scale=1'> + <title>container_of</title> + <link rel='stylesheet' href='file:///home/louis/Work/perso/blog/build/blog/styles/main.css'> + </head> +<body> + <p> + <a href="/">Louis</a> - <a href="https://git.ne02ptzero.me/">Git</a> - <a href="/blog">Blog</a> - <a href="/contact.html">Contact</a> - <a href="cv.pdf">Resume</a> + </p> + + <h1>Contact Information</h1> + <h3>Email</h3> + <p>louis at ne02ptzero dot me</p> + + <p>My GPG fingerprint is <code>0209 DF0B 01A2 C446</code>. If you get an email that + appears to be from me and the signature does not match that fingerprint, it + is not from me. You may download a copy of my public key <a href="">here</a>.</p> + + <h3>Social Media</h3> + <ul style='padding-left: 0'> + <li><a href="https://twitter.com/Ne02ptzero">Twitter</a></li> + <li><a href="https://keybase.io/ne02ptzero">Keybase</a></li> + <li><a href="https://github.com/Ne02ptzero">Github</a></li> + <li><a href="https://news.ycombinator.com/user?id=Ne02ptzero">HN</a></li> + <li><a href="https://old.reddit.com/user/Ne02ptzero/">Reddit</a></li> + </ul> + + <blockquote> + No copyright - louis at ne02ptzero dot me<br /> + Any and all opinions listed here are my own and not representative of my employers; future, past and present. + </blockquote> +</body> +</html> diff --git a/site/index.html b/site/index.html @@ -0,0 +1,47 @@ +<!DOCTYPE HTML> +<html> + <head> + <meta charset='utf-8'> + <meta name='viewport' content='width=device-width, initial-scale=1'> + <title>container_of</title> + <link rel='stylesheet' href='file:///home/louis/Work/perso/blog/build/blog/styles/main.css'> + </head> +<body> + <p> + + <a href="/">Louis</a> - <a href="https://git.ne02ptzero.me/">Git</a> - <a href="/blog">Blog</a> - <a href="/contact.html">Contact</a> - <a href="cv.pdf">Resume</a> + </p> + <table> + <tr> + <td class='left'> + <img src="https://morphux.org/single_penguin.png" alt="Logo" /> + </td> + <td class='right'> + <h1>Louis Solofrizzo</h1> + <h4>System & Kernel developer</h4> + <h5>Skills</h5> + <ul style='padding-left: 0'> + <li>C, C++, Golang, Python and other languages</li> + <li>Linux Kernel, FreeBSD</li> + <li>Distributed Systems</li> + <li>Low level network</li> + </ul> + <h5>Some Projects</h5> + <ul style='padding-left: 0'> + <li><a href="https://git.ne02ptzero.me/shayla">Shayla</a> - A simple yet fast static site builder</li> + <li><a href="https://git.ne02ptzero.me/lt">lt</a> - A simple terminal emulator</li> + <li><a href="https://git.ne02ptzero.me/KraKern">KraKern</a> - C++ Kernel</li> + <li><a href="https://git.ne02ptzero.me/KFS">KFS</a> - Kernel From Scratch course</li> + <li><a href="https://meshnet.github.io/Documentation/build/N2NP.html">N2NP</a> - Radio Mesh Applicative / Routing Protocol</li> + <li><a href="">Mobley</a> - C HTTP git viewer</li> + <li><a href="">Cisco</a> - Distributed home cloud</li> + </ul> + </td> + </tr> + </table> + <blockquote> + No copyright - louis at ne02ptzero dot me<br /> + Any and all opinions listed here are my own and not representative of my employers; future, past and present. + </blockquote> +</body> +</html> diff --git a/styles/main.css b/styles/main.css @@ -7,8 +7,11 @@ body { margin: 0 auto; max-width: 800px; padding: 10px; - font-family: Noto Serif, serif; - font-size: 22px; + font-family: 'Inconsolata', monospace; + font-size: 14px; + background: #101010; + color: #999; + line-height: 1.3rem; } code { @@ -19,21 +22,139 @@ img { width: 100%; } -blockquote { +pre code { width: 100%; overflow-x: auto; - padding-left: 20px; - margin: 0; - border-left: 2px solid #0000004d; - font-style: italic; + font-weight: 100; + color: #689d6a; + line-height: 20px; } -code, pre { - width: 100%; - overflow-x: auto; +pre code::after, pre code::before { + content: none; } pre { background: #0000001a; padding: 5px; } + +a { + color: #b5e853; + text-decoration: none; + border-bottom: 1px solid #b5e853; +} + +a:hover { + background: #b5e853; + color: #999; +} + + +em, h1, h2, h3, h4, h5, h6, strong { + font-size: 1em; + font-style: normal; +} + +h1, h2, h3, h4, h5, h6 { + color: #98971a; +} + +h1 { + position: relative; + display: inline-block; + display: table-cell; + padding: 10px 0 20px; + margin: 0; +} + +h1::after { + content: "==========================================================================="; + position: absolute; + left: 0; + display: block; +} + +h2::before, h3::before, h4::before, h5::before, h6::before { + display: inline; +} + +h2::before { + content: "## "; +} + +h3::before { + content: "### "; +} + +h4::before { + content: "#### "; +} + +h5::before { + content: "##### "; +} + +h6::before { + content: "###### "; +} + +code::after, code::before { + content: "`"; + display: inline; +} + +code { + color: #98971a; +} + +blockquote::after { + content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>"; + white-space: pre; + position: absolute; + top: 0; + left: 0; + line-height: 17px; +} + +blockquote { + position: relative; + padding-left: 20px; + overflow: hidden; + margin: 0; + color: #999999b3; + line-height: 17px; +} + +ul { + list-style: none; +} + +ul > li::after { + content: "-"; +} + +li::after { + position: absolute; + top: 0; + left: 0; +} + +li { + position: relative; + display: block; + padding-left: 20px; +} + +table { + width: 100%; +} + +table .left { + width: 33%; + vertical-align: baseline; +} + +table .right { + width: 77%; +}