From: Ralf Jung Date: Tue, 6 Oct 2015 21:02:38 +0000 (+0200) Subject: compute the menu recursively; put it between title and content X-Git-Url: https://git.ralfj.de/web.git/commitdiff_plain/458f641e8782b0b55e9ef8d2c6534de581c69b9c?ds=inline compute the menu recursively; put it between title and content --- diff --git a/_config.yml b/_config.yml index f091138..55fc117 100644 --- a/_config.yml +++ b/_config.yml @@ -2,11 +2,19 @@ title: ralfj.de url: "https://www.ralfj.de" -struct: +structure: - url: "/" title: "ralfj.de" - - url: "/blog" - title: "test" + structure: + - url: "projects/" + title: "Projects" + structure: + - url: "lilass/" + title: LiLaSS + - url: "schsh/" + title: schsh + - url: "cs/" + title: "Research" defaults: - scope: diff --git a/_includes/menu-level.html b/_includes/menu-level.html new file mode 100644 index 0000000..ae29931 --- /dev/null +++ b/_includes/menu-level.html @@ -0,0 +1,12 @@ + diff --git a/_includes/menu.html b/_includes/menu.html deleted file mode 100644 index 86eae4f..0000000 --- a/_includes/menu.html +++ /dev/null @@ -1,6 +0,0 @@ - diff --git a/_layouts/default.html b/_layouts/default.html index e19cd91..7db3ba6 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -9,20 +9,24 @@ {% if page.excerpt %}{% endif %} - + {% capture canonicalurl %}{{ page.url | replace:'index.html','' }}{% endcapture %} + {% if page.rss or page.layout == 'post' %}{% endif %}
+ +
+

{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}

+
- {% include menu.html %} + -
-

{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}

-
- {{ content }} -
+
+ {{ content }}
diff --git a/projects/index.md b/projects/index.md new file mode 100644 index 0000000..7467d3c --- /dev/null +++ b/projects/index.md @@ -0,0 +1,26 @@ +--- +ttle: Projects +--- + +This page lists some of the tools I wrote, mostly for my own purposes: +To solve some issue I was having, or to facilitate my daily computer usage. +The tools were usually not written with general reusability in mind. +But maybe you are having just the same problem as I did, in which case I hope they can be helpful. + +* `LiLaSS `_: A simple xrandr-based application to configure laptop screens on Linux. If you are using a + Laptop, frequently work both with and without an external screen, and you are not happy with + the configuration options your desktop provides, this may be for you. +* `dyn-nsupdate `_: A tool to dynamically and securely update DNS zones via CGI. + This provides self-hosted DynDNS services. +* `zonemaker `_: A small script to generate DNS zone files from Python. +* `schsh `_: A collection of scripts and configuration files which can be used to grant + someone secure (SSH-based) access to a machine, without giving them a shell or read access + to the entire file system. +* `Rust-101 `_: A small tutorial for the `Rust language `_. +* `git-mirror `_: This can keep multiple git repositories of the same project in sync automatically. + +For some more of my projects, check out the `public git repositories`_ hosted on my server and the +`Debian packages`_ I am maintaining as DM. + +.. _public git repositories: https://www.ralfj.de/git/ +.. _Debian packages: http://qa.debian.org/developer.php?login=post%40ralfj.de diff --git a/style.css b/style.css index be1c63c..d13bd3a 100644 --- a/style.css +++ b/style.css @@ -39,22 +39,32 @@ body { margin: 0 auto; max-width: calc(50em + 2*11em); /* content width plus 2*navi width */ } -#page { + +/* The inner box */ +#title, #content { border: solid #121212 1px; background-color: #252525; margin: 0 11.0em; /* navi width */ - border-radius: 10px; padding: 0; } -#page h1 { +#title { + border-bottom: none; + border-radius: 10px 10px 0px 0px; +} +#title h1 { border-bottom: solid #08f 2px; text-align: center; padding: 0 0.7em; + margin-bottom: 0; } #content { + border-top: none; + border-radius: 0px 0px 10px 10px; display: block; - margin: 0.7em; + padding: 0.7em; + padding-top: 1px; /* If we use 0 here, things get ugly. What?!? */ } + /* Navigation menu */ #navi { /* No border, no padding, so all the width computations become easy. */ @@ -63,7 +73,6 @@ body { width: 11.0em; /* navi width */ padding: 0; margin: 0; - margin-top:2.7em; } #navi ul { margin: 0px; @@ -76,7 +85,7 @@ body { } #navi li { /* Border around the links */ - margin-top:0.1em; + margin-bottom:0.1em; background-color: #252525; border-left: solid #36ff00 2px; border-right: solid #36ff00 2px; @@ -103,33 +112,33 @@ body { #navi li:hover a { color: #DDD; } + /* Small screens */ @media screen and (max-width:60em) { - #frame, #page, #navi { + #frame, #title, #content, #navi { margin: 0; width: auto; max-width: none; clear: both; } - #page { - /* the navi will be added above this */ - border-top-left-radius: 0; - border-top-right-radius: 0; - } #navi { /* Place navi above the title */ float: none; - border-top-left-radius: 10px; - border-top-right-radius: 10px; - border-bottom: solid #36ff00 2px; + border: solid #121212 1px; + border-bottom: none; background-color: #252525; - padding: 0.7em; + padding: 0; } #navi ul, #navi ul ul, #navi li, #navi li a { margin: 0; padding: 0; display: inline; } + #navi > ul { + padding: 0.3em; + display: block; + border-bottom: solid #36ff00 2px; + } /* Display only parent and children, and deocare them appropriately */ #navi li { display:inline-block; @@ -154,15 +163,17 @@ body { text-decoration: underline; } } + /* Printing */ @media print { - #frame, #page { + #frame, #title, #content { margin: 0; + padding: 0; width: auto; max-width: none; border: none; } - #page h1 { + #title h1 { border: none; } #navi {