monochromatic

monochromatic blog: http://blog.z3bra.org
git clone git://z3bra.org/monochromatic
Log | Files | Refs

commit d2609e509c04a0c231a013455851b1b670137b67
parent ce0603dcd3f6877234efc1c4cf40e22deaa38eff
Author: z3bra <willy@mailoo.org>
Date:   Tue, 18 Nov 2014 02:11:29 +0100

Gave a more minimal look to the whole blog. Less shit, more readability

Diffstat:
2014/05/grok-that-workflow.txt | 2+-
css/monochrome.css | 211+++++++++++--------------------------------------------------------------------
feeds.sh | 13+++++++------
index.txt | 110++++++++++++-------------------------------------------------------------------
4 files changed, 53 insertions(+), 283 deletions(-)

diff --git a/2014/05/grok-that-workflow.txt b/2014/05/grok-that-workflow.txt @@ -349,7 +349,7 @@ download : <a href="/vid/2014-05-30-workflow.webm"> webm </a> </div><br> -<div class='caption-large'> +<div class='caption'> That's a typical use of my desktop. IRC chat in bottom left (group 1), dev window on top left (group 3) and web session on the right for having enough space. Any other app would go on groups 4-9, and their diff --git a/css/monochrome.css b/css/monochrome.css @@ -1,22 +1,5 @@ /* vim: set ai sw=4 ts=4 fdm=marker: */ -/* - * COLORS DEFINITION: - * - background -- #222 - * - def. text -- #aaa - * - code (bg) -- #111 - * - code (fg) -- #fff - * - borders -- #111 - * - link plain -- #fff - * - link visit -- #aaa - * - link hover -- #cf1 - * - main title -- #aaa - * - bold text -- #cf1 - * - sub titles -- #eee - * - blockquote -- #666 - * - */ - /* Font definitions {{{ */ @font-face { font-family: archivo; @@ -24,59 +7,22 @@ font-weight: normal; font-style: normal; } - -/* - * @font-face { - * font-family: district; - * src: url(/css/fonts/district.otf); - * font-weight: normal; - * font-style: normal; - * } - */ - /* }}} */ /* Main blocks style {{{ */ body { - /* background: #222 url(/css/img/pattern.jpg) repeat left top; */ - background: #222; - color: #aaa; padding: 0; margin: 0; - /* font-family: district, sans-serif; */ + font-family: sans-serif; } #wrapper { - width:90%; + width:70%; max-width:720px; - padding: 10px; margin:auto; - margin-top: 28px; - /* background-color: rgba(32, 32, 32, 0.4); */ - border-radius: 16px; -} - -hr { - width: 40%; - height: 1px; - background-color:#aaa; - margin-left: 0; - margin-top: 32px; - border:none; - /* border: 1px solid #fff; */ -} - -header { - /* background-color: #fff; */ - width:90%; - margin:auto; - max-width:720px; - border-bottom: 1px solid #aaa; - padding: 10px; } footer { - color: #aaa; font-size:90%; text-align: center; margin: auto; @@ -86,14 +32,6 @@ footer { padding: 10px; } -footer a { - color: #aaa; -} - -p { - /* padding-left: 20px; */ -} - #blank { height: 100%; padding:10px; @@ -102,193 +40,102 @@ p { /* Titles and headers {{{ */ h1, h2, h3, h4, h5, h6 { - color: #aaa; font-family: archivo, sans-serif; } -h1 a, h3 { - color: #eee; - /* text-shadow: 2px 2px 4px #fff; */ +h1, h2 { + display: inline-block; } -h1 { display:inline; } - h2 { color: #666; - display: inline; - font-weight: normal; - font-size: 90%; -} - -h3 { - text-align:right; - font-size:150%; - border-bottom: 1px solid #eee; - padding-right: 16px; -} - -h4 { font-size:120%; } - -header h1 { - font-size: 200%; - font-style: italic; - margin-right: 8px; + font-size: 80%; } - /* }}} */ /* Pretty links {{{ */ a { - color: #fff; - font-weight: bold; + color: #333; text-decoration: none; + font-style: italic; + border-bottom: 1px dotted grey; } -/* shamelessly copied for http://ratox.2f30.org, because woah, neat ! */ -p a:before, p a:after { color: #cf1; content: ":"; } -ul a:before, ul a:after { color: #cf1; content: ":"; } -ol a:before, ol a:after { color: #cf1; content: ":"; } - a:hover { - color: #cf1; - /* text-decoration: underline; */ + color: #755; } -a:visited { - text-decoration: line-through; +h1 a, h2 a, h3 a { + font-style: normal; } -h1 a, h2 a, h3 a, h4 a { - text-decoration: none; +header { + text-align: center; } header h1 a { - color: white; - text-shadow: 0px 0px 2px #111; + color: #fff; + border: none; + text-shadow: 0px 0px 8px black; } - header h1 a:hover { - color: white; - text-shadow: 0px 0px 8px #cf1; -} -/* }}} */ - -/* Tables {{{ */ -table { - border-collapse: collapse; - border: 1px solid #fff; - margin-top:8px; - margin-bottom:8px; -} - -table td, table th { - padding:4px; -} - -td { - border: 1px solid #111; -} - -th { - background-color: #111; color: #fff; - font-weight: normal; + text-shadow: 0px 0px 8px #755; } /* }}} */ /* Coding style (<code>) {{{ */ code { - - background-color: #111; color: inherit; padding: 2px; } -pre code { - color: inherit; - background-color: inherit; - padding: 0; - border-radius: 2px; +code:before, code:after { + content: "`"; } -pre { - margin:auto; - color: #fff; - background-color: #111; - border-radius: 2px; - margin-top: 4px; - padding: 6px; - max-height:200px; - overflow:auto; +pre code:before, pre code:after { + content: none; } +pre { + padding-left: 20px; +} /* }}} */ /* Text Formatting {{{ */ -strong { - color: #cf1; - font-weight: bold; -} - -em { - font-style: italic; -} - blockquote, q { color: #666; font-style: italic; } blockquote { - border-left: 8px solid #cf1; + border-left: 8px solid #aaa; padding-left: 8px; margin-left: -8px; } -.center { text-align: center; } - strike { text-decoration: line-through; } -.smiley { - font-style: normal; - font-family: sans-serif; - font-size: 80%; - padding-left:2px; - padding-right:2px; - border: 1px solid #aaa; - border-radius: 6px; - transform: rotate(90deg); -} - /* }}} */ /* Images and associated text {{{ */ img { - width:30%; - vertical-align: top; - box-shadow: 0px 0px 10px black; + display: block; + padding: 8px; border-radius: 4px; margin:auto; - margin-top: 8px; } video { width: 100%; } /* Comment images - use with <span> or <div> */ .caption { - width: 60%; - display: inline-block; - font-style: italic; - font-size: 80%; - margin-left:20px; - margin-top:20px; -} - -.caption-large { - width: 100%; display: block; font-style: italic; font-size: 80%; + margin: auto; + text-align: center; } /* }}} */ diff --git a/feeds.sh b/feeds.sh @@ -11,12 +11,13 @@ cat << EOF <link>http://blog.z3bra.org</link> EOF -sed -e "/^<!--/d" \ - -e "s/<[\/]\?[^<>]*>/\"/g" \ - -e "s/^## .*$/<description>/" \ - -e "s/^$/<\/description>\\n<\/item>/" \ - -e "s/^# \[\(.*\)\](\(.*\))/<item>\n<title>\1<\/title>\n<guid>\2<\/guid>/" \ - -e "s/<guid>/&http:\/\/blog.z3bra.org/" $1 +#sed -e "/^<!--/d" \ +# -e "s/<[\/]\?[^<>]*>/\"/g" \ +# -e "s/^## .*$/<description>/" \ +# -e "s/^$/<\/description>\\n<\/item>/" \ +# -e "s/^# \[\(.*\)\](\(.*\))/<item>\n<title>\1<\/title>\n<guid>\2<\/guid>/" \ +# -e "s/<guid>/&http:\/\/blog.z3bra.org/" $1 +sed 's^* [x0-9a-f]* - \[\(.*\)\](\(.*\))<item><title>\1</title><guid>\2</guid></item>' $1 cat << EOF </channel> diff --git a/index.txt b/index.txt @@ -1,94 +1,16 @@ -# [Backup, someone ?](/2014/09/backup-someone.html) -## &mdash; 24 September, 2014 -I finally settled on a simple backup solution. What about you ? Is your data -safe ? - -# [shred config.h](/2014/08/shred-configh.html) -## &mdash; 27 August, 2014 -Have your ever wanted to kill yourself (or the dev) because you are tired of -dealing with those `config.h` files ? Let me introduce you a quick organisation -that will save you some headache. - -# [I'm back up !](/2014/08/im-back-up.html) -## &mdash; 05 August, 2014 -... And I'm sorry about the inconvenience. Here are the reason of the downtime. - -# [Name that domain](/2014/07/name-that-domain.html) -## &mdash; 10 July, 2014 -I finally dropped the heavy `BIND` for a much lighter solution. -Here is a tutorial on how to set up `tinydns` and `dnscache` to act as a DNS for -your local network. - -# [Planning downtime](/2014/07/planning-downtime.html) -## &mdash; 02 July, 2014 -I will upgrade my hardware in a few days, and change the distribution that powers my server in the mean time. See you when I'm back up ! - -# [Grok that workflow](/2014/05/grok-that-workflow.html) -## &mdash; 30 May, 2014 -In a pretty narcissic pulsion, I decided that it could be interesting to -describe my day-to-day workflow. I'll cover the distribution, graphical windows, -terminal usage and even answer questions ! - -# [Pop it up !](/2014/04/pop-it-up.html) -## &mdash; 30 April, 2014 -What about a dynamic way to get in touch with your system infos? Something -like <q>How by the way, this just happened. I though you might be -interrested !</q>. That's what notifications are made for. Let's check this out -by building a whole notification system ! - -# [Meeting at the bar](/2014/04/meeting-at-the-bar.html) -## &mdash; 02 April, 2014 -I know that I will deceive some people but I'm not talking about alcohol here! -This article is about building a status bar for your beloved desktop. And we -will do this **the hard way**... - -# [Toolbox](/2014/03/toolbox.html) -## &mdash; 12 March, 2014 -Yeah, yet another list of unix tools. Feel free to avoid it, but you'll -probably miss some nice tools you've probably never heard of! -I'll keep this list updated, so don't forget to check it from time to time. - -# [Images in terminal](/2014/01/images-in-terminal.html) -## &mdash; 28 January, 2014 -The terminal is the heart of your linux system. You do everything -through it. Everything ? No, images are still pissing you -off... -For my next trick, I'll preview a picture of an ant, without leaving my -terminal prompt! - -# [Love me some LaTex](/2013/12/love-me-some-latex.html) -## &mdash; 06 December, 2013 -Since I'm running linux, I'm getting more and more allergic to WYSIWYG -softwares. So i searched an alternative to write documents, and I've something -way better than just an alternative. Here is LaTeX. - -# [Plain old mails](/2013/11/plain-old-mails.html) -## &mdash; 04 November, 2013 -The other day, I ran into the "mail" tool. I decided to configure and try it -out this morning, and I was really, really surprised! - -# [Home, sweet home](/2013/10/home-sweet-home.html) -## &mdash; 28 October, 2013 -There is no place like home. And this is why setting up your environment is -important! -If you want advices on how to build a cosy and nice graphical environment, take -a look here. - -# [Java without Eclipse](/2013/09/java-without-eclipse.html) -## &mdash; 8 September, 2013 -Are you disapointed to leave your perfect UNIX environnment (vim, bash, git, -...) when it comes to java ..? Have you ever tried managing a Java project by -hand ..? Trust me, it is possible ! - -# [The Hard way](/2013/08/the-hard-way.html) -## &mdash; 9 August, 2013 -Do you encounter difficulties to master a tool ? Or maybe you find that you -don't have enough free time to put yourself into learning how to do this or -that ? Here is a well-known technic, to learn stuffs quickly, and efficiently. - -# [Test your CSS !](/2013/08/test-your-css.html) -## &mdash; 8 August, 2013 -Here a simple page with a few HTML tags. It's pretty useful to test your CSS, -even if there are no 'difficult' layouts. Feel free to download and share! - -<!-- vim: set ft=markdown ts=4 et: --> +* 0x0010 - [Backup, someone ?](/2014/09/backup-someone.html) +* 0x000f - [shred config.h](/2014/08/shred-configh.html) +* 0x000e - [I'm back up !](/2014/08/im-back-up.html) +* 0x000d - [Name that domain](/2014/07/name-that-domain.html) +* 0x000c - [Planning downtime](/2014/07/planning-downtime.html) +* 0x000b - [Grok that workflow](/2014/05/grok-that-workflow.html) +* 0x000a - [Pop it up !](/2014/04/pop-it-up.html) +* 0x0009 - [Meeting at the bar](/2014/04/meeting-at-the-bar.html) +* 0x0008 - [Toolbox](/2014/03/toolbox.html) +* 0x0007 - [Images in terminal](/2014/01/images-in-terminal.html) +* 0x0006 - [Love me some LaTex](/2013/12/love-me-some-latex.html) +* 0x0005 - [Plain old mails](/2013/11/plain-old-mails.html) +* 0x0004 - [Home, sweet home](/2013/10/home-sweet-home.html) +* 0x0003 - [Java without Eclipse](/2013/09/java-without-eclipse.html) +* 0x0002 - [The Hard way](/2013/08/the-hard-way.html) +* 0x0001 - [Test your CSS !](/2013/08/test-your-css.html)