From f733c6765817cf05a83cc81ad5e42fb407b5aed7 Mon Sep 17 00:00:00 2001 From: nek0 Date: Wed, 25 Jul 2018 15:53:14 +0200 Subject: [PATCH] let's change it a little --- site/about.md | 8 ++++---- site/css/default.css | 37 +++++++++++++++++++++++++++++++++---- src/Main.hs | 2 +- templates/default.html | 6 +++--- 4 files changed, 41 insertions(+), 12 deletions(-) diff --git a/site/about.md b/site/about.md index 2dabc3e..ecfb32b 100644 --- a/site/about.md +++ b/site/about.md @@ -3,20 +3,20 @@ title: About author: nek0 --- -#Hi there! +# Hi there! You found your way to my little spot in the internet and you want to know more. So be it! -##About me +## About me The name I identify with is nek0. This is of course a nickname. I live in Central Europe as a random dude. In my free time I like to code, play piano, sing and read books. I have a very broad taste in music and a great deal of understanding. -##About this site +## About this site Haskell logo This site came to existence as a byproduct of an experiment. I am trying to @@ -31,7 +31,7 @@ As you can see I have been successful so far. Due to this experimental state it is very likely that the appearance of this site will change over time. -###Technical data +### Technical data * Webserver: [nginx](https://www.nginx.com/) * Certificate authority: [letsencrypt](https://letsencrypt.org/) diff --git a/site/css/default.css b/site/css/default.css index afb731a..550daf9 100644 --- a/site/css/default.css +++ b/site/css/default.css @@ -48,7 +48,7 @@ header a:visited { article { text-align: left; padding: 20px; - margin-left: 200px; + margin-left: 300px; overflow: auto; max-width: 100ex; } @@ -95,10 +95,10 @@ article li { .sidebar { position: fixed; - width: 200px; + width: 300px; } -.navigation, .tagcloud, .plugs { +.navigation, .tags, .plugs { background-color: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1); border-radius: 5px; @@ -110,7 +110,7 @@ article li { margin-bottom: 16px; } -.tagcloud, .plugs { +.tags, .plugs { text-align: right; padding-right: 20px; padding-left: 20px; @@ -118,6 +118,10 @@ article li { .navigation { padding-right: 10px; + display: flex; + height: 50px; + flex-direction: column; + flex-wrap: wrap; } nav ul, .plugs ul { @@ -264,6 +268,31 @@ h2 { flex-direction: column; } +.tags a { + display: inline-block; + margin-right: 1.5ex; + padding: 0 5px 0; + transition: 0.5s; +} + +.tags a:hover { + background-color: white; + border-radius: 5px; + transition: 0.5s; +} + +.tags a:before { + display: inline-block; + fill: darkgreen; + width: 2ex; + height: 2ex; + content: ""; + margin-right: 0.5ex; + background-repeat: no-repeat; + background-size: contain; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaGVpZ2h0PSIxMDAlIgogICB3aWR0aD0iMTAwJSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNDMwMyIKICAgdmlld0JveD0iMCAtMjU2IDE5NTAgMTk1MCI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNDMxMyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczQzMTEiIC8+CiAgPGcKICAgICBpZD0iZzQzMDUiCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMjEuNjc4Nzg2LDEzOTIuODE5KSI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6Y3VycmVudENvbG9yIgogICAgICAgaWQ9InBhdGg0MzA3IgogICAgICAgZD0ibSA0NDgsMTA4OCBxIDAsNTMgLTM3LjUsOTAuNSBRIDM3MywxMjE2IDMyMCwxMjE2IDI2NywxMjE2IDIyOS41LDExNzguNSAxOTIsMTE0MSAxOTIsMTA4OCAxOTIsMTAzNSAyMjkuNSw5OTcuNSAyNjcsOTYwIDMyMCw5NjAgcSA1MywwIDkwLjUsMzcuNSBRIDQ0OCwxMDM1IDQ0OCwxMDg4IHogTSAxNTE1LDUxMiBxIDAsLTUzIC0zNywtOTAgTCA5ODcsLTcwIHEgLTM5LC0zNyAtOTEsLTM3IC01MywwIC05MCwzNyBMIDkxLDY0NiBRIDUzLDY4MyAyNi41LDc0NyAwLDgxMSAwLDg2NCB2IDQxNiBxIDAsNTIgMzgsOTAgMzgsMzggOTAsMzggaCA0MTYgcSA1MywwIDExNywtMjYuNSA2NCwtMjYuNSAxMDIsLTY0LjUgbCA3MTUsLTcxNCBxIDM3LC0zOSAzNywtOTEgeiBtIDM4NCwwIHEgMCwtNTMgLTM3LC05MCBMIDEzNzEsLTcwIHEgLTM5LC0zNyAtOTEsLTM3IC0zNiwwIC01OSwxNCAtMjMsMTQgLTUzLDQ1IGwgNDcwLDQ3MCBxIDM3LDM3IDM3LDkwIDAsNTIgLTM3LDkxIGwgLTcxNSw3MTQgcSAtMzgsMzggLTEwMiw2NC41IC02NCwyNi41IC0xMTcsMjYuNSBoIDIyNCBxIDUzLDAgMTE3LC0yNi41IDY0LC0yNi41IDEwMiwtNjQuNSBsIDcxNSwtNzE0IHEgMzcsLTM5IDM3LC05MSB6IiAvPgogIDwvZz4KPC9zdmc+Cg==); +} + .wrapper { flex: 1; } diff --git a/src/Main.hs b/src/Main.hs index e00e9fc..4a22d22 100644 --- a/src/Main.hs +++ b/src/Main.hs @@ -40,7 +40,7 @@ main = tags <- buildTags "site/posts/*.md" (fromCapture "tags/*.html") --build tagcloud - let baseCtx = tagCloudField "tagcloud" 80.0 200.0 tags <> + let baseCtx = tagCloudField "tags" 100 100 tags <> defaultContext match "site/index.md" $ do diff --git a/templates/default.html b/templates/default.html index a4a0b02..ed11338 100644 --- a/templates/default.html +++ b/templates/default.html @@ -39,9 +39,9 @@
  • Contact
  • Archive
  • -
    - Tagcloud:
    - $tagcloud$ +
    +

    Tags:

    + $tags$