let's change it a little

This commit is contained in:
nek0 2018-07-25 15:53:14 +02:00
parent 531aa34c8c
commit f733c67658
4 changed files with 41 additions and 12 deletions

View file

@ -3,20 +3,20 @@ title: About
author: nek0 author: nek0
--- ---
#Hi there! # Hi there!
You found your way to my little spot in the internet and you want to know more. You found your way to my little spot in the internet and you want to know more.
So be it! So be it!
##About me ## About me
The name I identify with is nek0. This is of course a nickname. I live in 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, 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 sing and read books. I have a very broad taste in music and a great deal
of understanding. of understanding.
##About this site ## About this site
<img alt="Haskell logo" src="/images/haskell-logo.png" style="width:auto"> <img alt="Haskell logo" src="/images/haskell-logo.png" style="width:auto">
This site came to existence as a byproduct of an experiment. I am trying to 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 Due to this experimental state it is very likely that the appearance of this
site will change over time. site will change over time.
###Technical data ### Technical data
* Webserver: [nginx](https://www.nginx.com/) * Webserver: [nginx](https://www.nginx.com/)
* Certificate authority: [letsencrypt](https://letsencrypt.org/) * Certificate authority: [letsencrypt](https://letsencrypt.org/)

View file

@ -48,7 +48,7 @@ header a:visited {
article { article {
text-align: left; text-align: left;
padding: 20px; padding: 20px;
margin-left: 200px; margin-left: 300px;
overflow: auto; overflow: auto;
max-width: 100ex; max-width: 100ex;
} }
@ -95,10 +95,10 @@ article li {
.sidebar { .sidebar {
position: fixed; position: fixed;
width: 200px; width: 300px;
} }
.navigation, .tagcloud, .plugs { .navigation, .tags, .plugs {
background-color: rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.1);
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
border-radius: 5px; border-radius: 5px;
@ -110,7 +110,7 @@ article li {
margin-bottom: 16px; margin-bottom: 16px;
} }
.tagcloud, .plugs { .tags, .plugs {
text-align: right; text-align: right;
padding-right: 20px; padding-right: 20px;
padding-left: 20px; padding-left: 20px;
@ -118,6 +118,10 @@ article li {
.navigation { .navigation {
padding-right: 10px; padding-right: 10px;
display: flex;
height: 50px;
flex-direction: column;
flex-wrap: wrap;
} }
nav ul, .plugs ul { nav ul, .plugs ul {
@ -264,6 +268,31 @@ h2 {
flex-direction: column; 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 { .wrapper {
flex: 1; flex: 1;
} }

View file

@ -40,7 +40,7 @@ main =
tags <- buildTags "site/posts/*.md" (fromCapture "tags/*.html") tags <- buildTags "site/posts/*.md" (fromCapture "tags/*.html")
--build tagcloud --build tagcloud
let baseCtx = tagCloudField "tagcloud" 80.0 200.0 tags <> let baseCtx = tagCloudField "tags" 100 100 tags <>
defaultContext defaultContext
match "site/index.md" $ do match "site/index.md" $ do

View file

@ -39,9 +39,9 @@
<li><a href="/contact.html">Contact</a></li> <li><a href="/contact.html">Contact</a></li>
<li><a href="/archive.html">Archive</a></li> <li><a href="/archive.html">Archive</a></li>
</ul> </ul>
<div class="tagcloud"> <div class="tags">
Tagcloud:<br> <p>Tags:</p>
$tagcloud$ $tags$
</div> </div>
</nav> </nav>
<div class="plugs"> <div class="plugs">