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
---
#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
<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
@ -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/)

View File

@ -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;
}

View File

@ -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

View File

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