monochromatic

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

commit 6380d9c028a53d991c9da53fb12863216ba74ac0
parent cd94311eed62db4ad7df6652f7f2d5ce9a0e4bc1
Author: z3bra <contactatz3bradotorg>
Date:   Thu,  6 Jul 2017 13:29:10 +0200

Simplify content management and deployment

All content is now in a single pub/ directory, meant to be handled
separately from this repo

Diffstat:
2013/08/test-your-css.txt | 2+-
2013/10/home-sweet-home.txt | 14+++++++-------
2014/01/images-in-terminal.txt | 4++--
2014/03/toolbox.txt | 14+++++++-------
2014/04/meeting-at-the-bar.txt | 4++--
2014/04/pop-it-up.txt | 4++--
2014/05/grok-that-workflow.txt | 6+++---
2014/11/avoid-workspaces.txt | 2+-
2014/12/so-tox-me-maybe.txt | 4++--
2015/06/vomiting-colors.txt | 12++++++------
2015/08/cross-compiling-with-pcc-and-musl.txt | 8++++----
2016/01/make-your-own-distro.txt | 6+++---
2016/09/pack-it-up.txt | 4++--
13 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/2013/08/test-your-css.txt b/2013/08/test-your-css.txt @@ -22,7 +22,7 @@ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ### Images -[![ratpoison screenshot](/img/thumb/2013-08-ratpoison.jpg)](/img/2013-08-ratpoison.jpg) +[![ratpoison screenshot](/pub/img/thumb/2013-08-ratpoison.jpg)](/pub/img/2013-08-ratpoison.jpg) <span class='caption'>Ratpoison screenshot Uses "ratpoison -c set border 28" to make the shot sexier</span> diff --git a/2013/10/home-sweet-home.txt b/2013/10/home-sweet-home.txt @@ -86,7 +86,7 @@ to look the way you want. Use stuff like [librgba](http://gnome-look.org/content [compton](https://github.com/chjj/compton) to make it even prettier! -[![cwm screenshot](/img/thumb/2013-10-28-cwm.jpg)](/img/2013-10-28-cwm.jpg) +[![cwm screenshot](/pub/img/thumb/2013-10-28-cwm.jpg)](/pub/img/2013-10-28-cwm.jpg) <span class='caption'>Here is a quick CWM setup, using compton and librgba</span> @@ -230,9 +230,9 @@ Here is a small example: So, we have seen how to tweak the terminal, let's see what it looks like! I wrote a small script for the purpose: -[![term screenshot](/img/thumb/2013-10-28-term.jpg)](/img/2013-10-28-term.jpg) +[![term screenshot](/pub/img/thumb/2013-10-28-term.jpg)](/pub/img/2013-10-28-term.jpg) <span class='caption'>A terminal running the script -[info.sh](http://blog.z3bra.org/data/info.sh) that dump 16 +[info.sh](pub/misc/info.sh) that dump 16 colors along system informations</span> <h3 id='sh'>Shell</h3> @@ -295,7 +295,7 @@ And my old zsh prompt: PROMPT=" %{$fg_bold[yellow]%} ยป " RPROMPT="%{$fg[black]%}%M:%{$fg_bold[yellow]%}%~%{$reset_color%} " -[![shell screenshot](/img/thumb/2013-10-28-shell.jpg)](/img/2013-10-28-shell.jpg) +[![shell screenshot](/pub/img/thumb/2013-10-28-shell.jpg)](/pub/img/2013-10-28-shell.jpg) <span class='caption'>A few different prompts, from top to bottom: sh, zsh, bash, zsh</span> @@ -327,7 +327,7 @@ As an alternative, take a look at [emacs](https://www.gnu.org/software/emacs/), [weechat](http://weechat.org/) and [Alpine](http://sourceforge.net/projects/re-alpine/). -[![cwm screenshot](/img/thumb/2013-10-28-cli.jpg)](/img/2013-10-28-cli.jpg) +[![cwm screenshot](/pub/img/thumb/2013-10-28-cli.jpg)](/pub/img/2013-10-28-cli.jpg) <span class='caption'>Mandatory screenshot of the setup with those apps (and custom themes). top-left: **vim** @@ -363,7 +363,7 @@ That is all you need. For example, if you only need the date in the bar: And there you go! You can achieve really great looking stuff with that simple process: -[![bar screenshot](/img/thumb/2013-10-28-bar.jpg)](/img/2013-10-28-bar.jpg) +[![bar screenshot](/pub/img/thumb/2013-10-28-bar.jpg)](/pub/img/2013-10-28-bar.jpg) <span class='caption'>You can also choose to put your status bar within a terminal multiplexer status bar, [as phyrne suggested](http://calummacrae.blogspot.fr/2012/12/dropping-status-bars-for-tmux-as-im.html) @@ -440,7 +440,7 @@ Finally, here is my own xinitrc wm $1 -[![final screenshot](/img/thumb/2013-10-28-final.jpg)](/img/2013-10-28-final.jpg) +[![final screenshot](/pub/img/thumb/2013-10-28-final.jpg)](/pub/img/2013-10-28-final.jpg) <span class='caption'>That shot show off the whole setup, with prompt, bar, applications, etc... I hope you will like it!</span> diff --git a/2014/01/images-in-terminal.txt b/2014/01/images-in-terminal.txt @@ -114,7 +114,7 @@ the ranger source, I ended up with this line: echo -e '0;1;0;0;200;160;;;;;ant.jpg\n4;\n3;' | /usr/lib/w3m/w3mimgdisplay **BOOM !** [It works!](http://chezmoicamarche.com) -[![Fucked up w3mimgdisplay trial](/img/thumb/w3mimgdisplay-crap.jpg)](/img/w3mimgdisplay-crap.jpg) +[![Fucked up w3mimgdisplay trial](/pub/img/thumb/w3mimgdisplay-crap.jpg)](/pub/img/w3mimgdisplay-crap.jpg) <span class='caption'>The result of the previous command. Our picture drawn in 200x100px, at offset +0+0 in the terminal. I'm sure you're already trying it ;)</span> @@ -159,7 +159,7 @@ the script I came with: echo -e $w3m_command|$W3MIMGDISPLAY Let's see the rendering... -[![Fucked up w3mimgdisplay trial](/img/thumb/w3mimgdisplay-good.jpg)](/img/w3mimgdisplay-good.jpg) +[![Fucked up w3mimgdisplay trial](/pub/img/thumb/w3mimgdisplay-good.jpg)](/pub/img/w3mimgdisplay-good.jpg) The script draws the image depending on the terminal size (width AND height), and put the cursor after the image (exactly 2 lines after). diff --git a/2014/03/toolbox.txt b/2014/03/toolbox.txt @@ -50,7 +50,7 @@ tools, because that's too specific. <h3 id='2bwm'>2bwm</h3> [LINK](http://git.z3bra.org/2bwm/log.html) &mdash; -[SHOT](/img/2014-01-08-2bwm.jpg) +[SHOT](/pub/img/2014-01-08-2bwm.jpg) It means <q>Two borders window manager</q>. This is my WM of choice. It is a fork of [mcwm](http://hack.org/mc/hacks/mcwm/), but the author, Venam, added so @@ -71,7 +71,7 @@ showcase [here](http://raw.z3bra.org/vid/linux/2bwm.webm). <h3 id='9menu'>9menu</h3> [LINK](ftp://freefriends.org/arnold/Source/) &mdash; -[SHOT](/img/2014-03-17-menus.jpg) +[SHOT](/pub/img/2014-03-17-menus.jpg) Here is a simple, yet powerfull menu application. 9menu allows you to create static menus to launch your favorite applications. Users of the \*box WM, or @@ -88,7 +88,7 @@ shebang: `#!/usr/bin/9menu` <h3 id='bar'>bar</h3> [LINK](https://github.com/lemonboy/bar) &mdash; -[SHOT](/img/2014-03-13-bar.jpg) +[SHOT](/pub/img/2014-03-13-bar.jpg) Bar (or (b)ar (a)in't (r)ecursive) is a lightweight status bar application written on top of XCB. You can pipe text to it, and it will be displayed within @@ -100,7 +100,7 @@ It allow the use of complex scripts to get a tons of infos within that thin, lov <h3 id='dtach'>dtach</h3> [LINK](http://dtach.sourceforge.net/) &mdash; -[SHOT](/img/2014-03-13-dtach.jpg) +[SHOT](/pub/img/2014-03-13-dtach.jpg) I often see newbies asking this question: @@ -242,7 +242,7 @@ Anyway, this is pretty neat to me! I hope you'll enjoy it. <h3 id='skroll'>skroll</h3> [LINK](http://git.z3bra.org/skroll/log.html) &mdash; -[SHOT](/img/2014-03-28-skroll.gif) +[SHOT](/pub/img/2014-03-28-skroll.gif) Here is something I wrote for fun. I don't actually need it, but other might find it useful. Skroll takes its input from stdin, and then makes it scroll on @@ -260,7 +260,7 @@ bar or whatever. **BAM** that's black magic ! <h3 id='thingmenu'>thingmenu</h3> [LINK](http://git.r-36.net/thingmenu/) &mdash; -[SHOT](/img/2014-03-17-menus.jpg) +[SHOT](/pub/img/2014-03-17-menus.jpg) Thingmenu is one of those app you've never heard of, but you use (or have used) daily, because it was part of a WM. @@ -274,7 +274,7 @@ Also, feel free to browse the whole git repo, it's full of good stuff ! <h3 id='wendy'>wendy</h3> [LINK](http://git.z3bra.org/cgit.cgi/wendy) &mdash; -[SHOT](/img/2014-03-13-wendy.jpg) +[SHOT](/pub/img/2014-03-13-wendy.jpg) Wendy makes my life better. I first wrote it as an exercise to learn inotify, but it turned out to be a good replacement to inotifywait. diff --git a/2014/04/meeting-at-the-bar.txt b/2014/04/meeting-at-the-bar.txt @@ -537,14 +537,14 @@ But I'm pretty sure that it's a good start for your imagination. By the way, if you find neat tricks to improve the performances of the functions listed above, feel free to mail me these, I'll be glad to modify them! -[![barmk showcase](/img/thumb/2014-04-02-barmk.png)](/img/2014-04-02-barmk.png) +[![barmk showcase](/pub/img/thumb/2014-04-02-barmk.png)](/pub/img/2014-04-02-barmk.png) <span class='caption'>Before leaving you, here is what I got using this script (with some tweaks, see the `diff` output)</span> <span class='caption'>Oh, and for reference. It tried to get the same result with conky and barmk, just to see the difference. Note how conky does not display float numbers (for CPU). Also, I was not able to recreate a desktop bar with conky, so I "downgraded" -the barmk script to make the battle more fair.</span>[![barmk vs conky](/img/thumb/2014-04-10-conky-mkbar.png)](/img/2014-04-10-conky-mkbar.png) +the barmk script to make the battle more fair.</span>[![barmk vs conky](/pub/img/thumb/2014-04-10-conky-mkbar.png)](/pub/img/2014-04-10-conky-mkbar.png) Now go ahead, and watch how your computer tell you how he (or she) feels... Isn't that **amazing** ?! diff --git a/2014/04/pop-it-up.txt b/2014/04/pop-it-up.txt @@ -92,7 +92,7 @@ After that, you can style it to make it look like you want: Create the popup and make it live for 3 seconds (echo " $@"; sleep ${duration}) | bar ${baropt} -[![simple popup](/img/thumb/2014-04-29-popup-simple.png)](/img/2014-04-29-popup-simple.png) +[![simple popup](/pub/img/thumb/2014-04-29-popup-simple.png)](/pub/img/2014-04-29-popup-simple.png) <span class='caption'>The simple script above, started with a random text. It's my upper left hand-corner</span> @@ -305,7 +305,7 @@ status bar away, or switch from libnotify and such. It's just a bare simple alternative to those, as I like to have :) [![popup show -off](/img/thumb/2014-04-30-popup-showoff.png)](/img/2014-04-30-popup-showoff.png) +off](/pub/img/thumb/2014-04-30-popup-showoff.png)](/pub/img/2014-04-30-popup-showoff.png) <span class="caption">Here is a little show case of what you can achieve. I used `stlarch_font` for the icon. the first popup is the volume bar. It goes red when it's muted. diff --git a/2014/05/grok-that-workflow.txt b/2014/05/grok-that-workflow.txt @@ -52,7 +52,7 @@ Here is a typical crux workflow: 10. GOTO 4 [![installing packages under -crux](/img/thumb/2014-05-26-prtutils.jpg)](/img/2014-05-26-prtutils.gif) +crux](/pub/img/thumb/2014-05-26-prtutils.jpg)](/pub/img/2014-05-26-prtutils.gif) <span class='caption'>Here is a show case of a package installation under crux. [prtmk](http://git.z3bra.org/cgit.cgi/scripts/tree/prtmk) is a small script I wrote that will create `Pkgfile`s using templates. Once the Pkgfile is created, @@ -86,7 +86,7 @@ Here is how my keybinds are organised: </table> [![managning -windows](/img/thumb/2014-05-27-windows.jpg)](/img/2014-05-27-windows.gif) +windows](/pub/img/thumb/2014-05-27-windows.jpg)](/pub/img/2014-05-27-windows.gif) <span class='caption'>Here are the movements I use on a daily basis. There are more features, but that's the one I use the most (other are just combination of those)</span> @@ -117,7 +117,7 @@ behavior with a hotkey ! </table> [![managning -groups](/img/thumb/2014-05-27-groups.jpg)](/img/2014-05-27-groups.gif) +groups](/pub/img/thumb/2014-05-27-groups.jpg)](/pub/img/2014-05-27-groups.gif) <span class='caption'>Showing the two behavior: workspaces VS. groups. Each windows holds the number of the group it's sitting on</span> diff --git a/2014/11/avoid-workspaces.txt b/2014/11/avoid-workspaces.txt @@ -141,7 +141,7 @@ Also, as per tradition, here is a video of what it looks like. <source src="/vid/2014-11-18-groups.mp4" type="video/mp4"> </video> -video: [mp4](/vid/2014-11-18-groups.mp4) +video: [mp4](/pub/vid/2014-11-18-groups.mp4) <span class="caption">this video illustrate the previous example showing how groups works, using a [forked version](git://z3bra.org/2bwm) (not maintained diff --git a/2014/12/so-tox-me-maybe.txt b/2014/12/so-tox-me-maybe.txt @@ -43,7 +43,7 @@ Each user is assigned a tox ID (which is a randomly generated sequence of alphanumeric chars) that you can share with your friends to add them in your client of choice. -[![an utox window](/img/thumb/2014-12-11-utox.png)](/img/2014-12-11-utox.png) +[![an utox window](/pub/img/thumb/2014-12-11-utox.png)](/pub/img/2014-12-11-utox.png) <span class="caption">An [utox](http://utox.org) window. As you can see, the friend list is on the right, and the chat happens on the right pane. Fairly easy @@ -152,7 +152,7 @@ scripts related to ratox. Oh, and by the way... Here is the mandatory screenshot ;) -[![ratox in action](/img/thumb/2014-12-11-ratox.png)](/img/2014-12-11-ratox.png) +[![ratox in action](/pub/img/thumb/2014-12-11-ratox.png)](/pub/img/2014-12-11-ratox.png) <span class="caption">Ratox in action. A terminal multiplexer is of good help with it. It is also pretty easy to create an input bar for your `text_in` diff --git a/2015/06/vomiting-colors.txt b/2015/06/vomiting-colors.txt @@ -14,14 +14,14 @@ ways. Without any further commenting, let's see how it works with this magnificent picture, randomly taken from the internet: -[![bamboo.png](/img/thumb/20150609-bamboo.png)](/img/20150609-bamboo.png) +[![bamboo.png](/pub/img/thumb/20150609-bamboo.png)](/pub/img/20150609-bamboo.png) `colors` allow you to choose the number of clusters you want to see on the output, so in our case, we'll output 16. It's possible that `colors` don't output the number of clusters you asked for. You can "force" outputing empty clusters with `-e`. -![default output](/img/20150609-colors0.png) +![default output](/pub/img/20150609-colors0.png) Then you can choose how to set your clusters (from the hue domain or pixel space at the time of writing). Another solution when you don't get the number of @@ -29,14 +29,14 @@ colors you asked for (in my case, I only got 12 colors with -h), is to just ask for more, and truncate the output. It might give better colors than with `-e` sometimes. -![output from hue](/img/20150609-colors1.png) -![output from pix](/img/20150609-colors2.png) +![output from hue](/pub/img/20150609-colors1.png) +![output from pix](/pub/img/20150609-colors2.png) And then you can randomize the output, if you feel in the mood! You could also try using the [k-medians](https://en.wikipedia.org/wiki/K-medians) method, which takes longer but provides a better output regarding the initial file -![output random](/img/20150609-colors3.png) +![output random](/pub/img/20150609-colors3.png) Try different pictures and flag combinations for better results! @@ -61,7 +61,7 @@ wallpaper. This works by outputing 32 colors, extracting the 16 colors in the middle and randomizing them. this way, your colors will not be too dark or too light. -![output neat](/img/20150609-colors4.png) +![output neat](/pub/img/20150609-colors4.png) You can then make a script to change your wall every now and then, and change the colorscheme on the fly. Your colorscheme will ALWAYS match your current diff --git a/2015/08/cross-compiling-with-pcc-and-musl.txt b/2015/08/cross-compiling-with-pcc-and-musl.txt @@ -1,7 +1,7 @@ # [cross-compiling with PCC and musl](#) ## &mdash; 16 August, 2015 -**TL;DR**: See the full script here: [cross-pcc.sh](/data/cross-pcc.sh). It will +**TL;DR**: See the full script here: [cross-pcc.sh](/pub/misc/cross-pcc.sh). It will create your toolchain in `$HOME/cross/pcc-x86_64` and name the tools `x86_64-linux-musl-*`. @@ -53,9 +53,9 @@ with an alternative libc. It *seems* to be fixed in 1.2.0 (DEVEL version), if you're interrested. They fix the `configure` script to accept musl based targets, and fix the default library pass of the compiler. -+ [pcc-1.1.0-musl.diff](/data/pcc-1.1.0-musl.diff) -+ [pcc-libs-1.1.0-musl.diff](/data/pcc-libs-1.1.0-musl.diff) -+ [pcc-1.1.0-deflibdirs.diff](/data/pcc-1.1.0-deflibdirs.diff) ++ [pcc-1.1.0-musl.diff](/pub/misc/pcc-1.1.0-musl.diff) ++ [pcc-libs-1.1.0-musl.diff](/pub/misc/pcc-libs-1.1.0-musl.diff) ++ [pcc-1.1.0-deflibdirs.diff](/pub/misc/pcc-1.1.0-deflibdirs.diff) ### 3,4,5,6. build everything diff --git a/2016/01/make-your-own-distro.txt b/2016/01/make-your-own-distro.txt @@ -65,7 +65,7 @@ In order to use it, add the path to the toolchain in your path. Calling prefix. <video controls> - <source src='/vid/20160131-osdev-xcompiler.webm' type='video/webm'> + <source src="/vid/20160131-osdev-xcompiler.webm" type="video/webm"> </video> <span class='caption'>Using the cross-compiler to build a software statically against musl libc.</span> @@ -93,7 +93,7 @@ port directory of your tool, eg `pm/pm#1.0.tar.bz`. Theses file are suitable for installation via [pm](http://git.z3bra.org/pm/log.html). <video controls> - <source src='/vid/20160131-osdev-mkports.webm' type='video/webm'> + <source src="/vid/20160131-osdev-mkports.webm" type="video/webm"> </video> <span class='caption'>Show casing the creation of a port within the mk port-tree and building/installing it under a specific directory</span> @@ -115,7 +115,7 @@ As of today, spawning gettys doesn't work. I'll need to figure out why, but othe it's been a pretty successful (and fun!) experience. <video controls> - <source src='/vid/20160131-osdev-containers.webm' type='video/webm'> + <source src="/vid/20160131-osdev-containers.webm" type="video/webm"> </video> <span class='caption'>Demonstrating the whole testing process, from creating the containers and saying "hello world!" from within this container</span> diff --git a/2016/09/pack-it-up.txt b/2016/09/pack-it-up.txt @@ -213,8 +213,8 @@ describing the actual workflow. So as usual. Here is a quick video to show off the whole process! <video controls> - <source src='/vid/20160916-skroll-install.webm' type='video/webm'> + <source src="/vid/20160916-skroll-install.webm" type="video/webm"> </video> -<span class='caption'>Packagin, deploying and installing +<span class='caption'>Packaging, deploying and installing [`skroll`](http://z3bra.org/skroll) on my system</span>