nindwen.blue

my home page
git clone https://git.nindwen.blue/nindwen.blue.git
Log | Files | Refs | README

commit 23d4374a92a091c5cf8384a963211774ba926718
parent 6397d83f6c56be33431d4ea5c49b4895b07c60e6
Author: Laura Ketola <me@nindwen.blue>
Date:   Wed,  7 Mar 2018 23:42:18 +0200

2018 update, next day fixes

Diffstat:
Makefile | 2+-
head.html | 5+++--
head2.html | 2+-
index.md | 4+++-
main.scss | 144+++++++++++++++++++++++++++++++++++++++++--------------------------------------
5 files changed, 83 insertions(+), 74 deletions(-)

diff --git a/Makefile b/Makefile @@ -1,4 +1,4 @@ -default: output/index.html output/main.css push +default: output/index.html push output/index.html: index.md output/main.css head.html head2.html foot.html pandoc $< | cat head.html output/main.css head2.html - foot.html > $@ diff --git a/head.html b/head.html @@ -7,14 +7,15 @@ https://github.com/nindwen/nindwen.blue --> -<html> +<html lang="en"> <head> <title>Laura Ketola</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="Laura Ketola"> - <meta name="description" content="Laura Ketola contact page"> + <meta name="description" content="Laura Ketola's contact page. At the moment, I’m studying computer science at the University of Tampere, Finland and working part-time as software developer."> <link rel="shortcut icon" type="image/png" href="66006f.png"/> <meta name="theme-color" content="#66006f"> + <meta name="google-site-verification" content="h95iC1UVYOooJsjQ06MmTiYJLmhsc96FSkuen8NDL0k" /> <style> diff --git a/head2.html b/head2.html @@ -2,6 +2,6 @@ </head> <body> <header> - <img src="persikka.png" /> + <img src="persikka.png" alt="Header image. The word Persikka written in tengwar." /> </header> <div id="content"> diff --git a/index.md b/index.md @@ -15,7 +15,9 @@ This is my front page / contact info. -------- ----------------------------------------- email me (at) nindwen.blue github [github.com/nindwen](http://github.com/nindwen) + keybase [keybase.io/nindwen](https://keybase.io/nindwen) twitter [twitter.com/nindwen](https://twitter.com/nindwen) +linkedIn [linkedin.com/in/laura-ketola](https://www.linkedin.com/in/laura-ketola/) -------- ----------------------------------------- *** @@ -32,7 +34,7 @@ I'm most confident in my skills in Java and the Javascript ecosystem (Html5 & No ### Life 🌈 -> All we have to decide is what to do with the time that is given us.<Paste> +> All we have to decide is what to do with the time that is given us. I'm a huge Tolkien geek, and can likely talk forever about those things. Similarly my other media interest are mostly fantasy or science fiction. diff --git a/main.scss b/main.scss @@ -6,88 +6,94 @@ $font-stack: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif; $mono-stack: "Courier New", Courier, monospace; html, body { - font-family: $font-stack; - font-size: 14pt; - background: $back; - color: $front; - height: 100%; - margin: 0px; - padding: 0px; + font-family: $font-stack; + font-size: 14pt; + background: $back; + color: $front; + height: 100%; + margin: 0px; + padding: 0px; } #content { - background: $back; - max-width: 500px; - padding: 50px; - padding-bottom: 0px; - padding-top: 0px; - margin: auto; - text-align: left; - line-height: 1.5; - - em { - color: $accent; - font-style: normal; - font-weight: bold; - } - - img { - } - - blockquote { - font-style: italic; - border-left: solid lightgrey 4px; - padding-left: 20px; - color: grey; - } - - code { - display: block; - font-family: $mono-stack; - font-size: 90%; - color: grey; - line-height: 1.0; - } - - h3 { - color: $accent; - } -} - -table { - margin: 0 auto; -} - -th, td { - padding: 10px; - margin: 10px; -} + background: $back; + max-width: 500px; + padding: 50px; + padding-bottom: 0px; + padding-top: 0px; + margin: auto; + text-align: left; + line-height: 1.5; + + em { + color: $accent; + font-style: normal; + font-weight: bold; + } + + blockquote { + font-style: italic; + border-left: solid lightgrey 4px; + padding-left: 20px; + color: grey; + } + + code { + display: block; + font-family: $mono-stack; + font-size: 90%; + color: grey; + line-height: 1.0; + } + + h3 { + color: $accent; + } + + table { + margin: 0 auto; + + th, td { + padding: 20px; + padding-top: 0px; + padding-bottom: 0px; + } + + td:nth-child(1) { + font-weight: bold; + color: $accent; + } + + tr { + border-bottom: 1px solid $front; + } + } + + + a, a:visited { + color: $accent; + } -tr { - border-bottom: 1px solid $front; -} - -a, a:visited { - color: $accent; } header { - max-width: 200px; - margin: auto; -} + max-width: 200px; + margin: auto; -header img { - max-width: 100%; + img { + max-width: 100%; + } } + hr { border: 0; height: 2px; - background-image: linear-gradient(left, $back, $accent, $back); - background-image: -webkit-linear-gradient(left, $back, $accent, $back); - background-image: -moz-linear-gradient(left, $back, $accent, $back); - background-image: -ms-linear-gradient(left, $back, $accent, $back); - background-image: -o-linear-gradient(left, $back, $accent, $back); + background-image: linear-gradient(to left, $back, $accent, $back); + background-image: -webkit-linear-gradient(to left, $back, $accent, $back); + background-image: -moz-linear-gradient(to left, $back, $accent, $back); + background-image: -ms-linear-gradient(to left, $back, $accent, $back); + background-image: -o-linear-gradient(to left, $back, $accent, $back); } footer {