nindwen.blue

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

commit 6397d83f6c56be33431d4ea5c49b4895b07c60e6
parent 15541e78302d0780ac86e18ddcc810b111d6fb47
Author: Laura Ketola <me@nindwen.blue>
Date:   Wed,  7 Mar 2018 00:47:42 +0200

2018 update

Diffstat:
.gitignore | 2+-
README.md | 12+++++++++++-
foot.html | 12+-----------
head.html | 14+++++++++-----
head2.html | 1+
index.md | 52++++++++++++++++++++++++++++++++++++----------------
main.scss | 44+++++++++++++++++++++++++++++++++++++++-----
7 files changed, 98 insertions(+), 39 deletions(-)

diff --git a/.gitignore b/.gitignore @@ -1,3 +1,3 @@ -output +output/* .sass-cache/ *.css* diff --git a/README.md b/README.md @@ -1 +1,11 @@ -This is my personal site - nindwen.blue +This is my personal contanct page - [nindwen.blue](https://nindwen.blue). + +### Structure + +When `make` is executed, it builds the page as follows: + + * head.html + * `sass` main.scss + * head2.html + * `pandoc` index.md + * foot.html diff --git a/foot.html b/foot.html @@ -1,14 +1,4 @@ </div> - <footer></footer> - <script> - (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ - (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), - m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) - })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); - - ga('create', 'UA-76786751-1', 'auto'); - ga('send', 'pageview'); - - </script> + <footer>© laura ketola 2018</footer> </body> </html> diff --git a/head.html b/head.html @@ -1,16 +1,20 @@ <!doctype html> <!-- - This website is generated from markdown - with a very simple makefile, so I must apologize - for the source formatting. + This page is generated with a simple makefile from markdown. + As a consequense, this source is not very readable. + Somewhat up-to-date source is available at + https://github.com/nindwen/nindwen.blue --> <html> <head> - <title>Azure Númen - Laura Ketola</title> + <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="Contact, portfolio"> + <meta name="description" content="Laura Ketola contact page"> + <link rel="shortcut icon" type="image/png" href="66006f.png"/> + <meta name="theme-color" content="#66006f"> + <style> diff --git a/head2.html b/head2.html @@ -2,5 +2,6 @@ </head> <body> <header> + <img src="persikka.png" /> </header> <div id="content"> diff --git a/index.md b/index.md @@ -1,29 +1,49 @@ -```bash -$ cd www/nindwen.blue -$ vim index.md -$ make -``` + $ cd www/nindwen.blue + $ vim index.md + $ make *** -Hello! +### Hi! 👋 -I'm *Laura Ketola*. Often nindwen/Persikka on the internet. At the moment, I'm a third year CS student at the University of Tampere, Finland. - -In practise I mostly do Web Dev nowadays, but my love is always in simplistic/UNIX/CLI -stuff. VR is cool. Statically typed languages are cool. Writing in plain text is cool. - -Outside tech, I am a tolkien-geek, trying to enjoy the nature as much as the Finnish winter allows and sometimes failing pretending to be a normal person. Sauron is cool. My boyfriend is cool. Autumn is cool. +I'm *Laura Ketola*. Often Nindwen or Persikka on the internet. At the moment, I'm studying computer science at the University of Tampere, Finland and working part-time as software developer. This is my front page / contact info. *** -------- ----------------------------------------- - email me (at) nindwen.blue - github <http://github.com/nindwen> - irc nindwen@freenode/ircnet -------- ----------------------------------------- +-------- ----------------------------------------- + email me (at) nindwen.blue + github [github.com/nindwen](http://github.com/nindwen) + twitter [twitter.com/nindwen](https://twitter.com/nindwen) +-------- ----------------------------------------- *** +### Tech 💻 + +> Ed is the standard text editor. + +I enjoy messing around with *NIX-systems and terminals. If something can be simple, it probably should be. Knowing when that's true is often the hard part. + +My actual work is generally in web dev. And while my experience is mostly in frontend/backend development, UX design is also something very important for me. + +I'm most confident in my skills in Java and the Javascript ecosystem (Html5 & Node). I also have experience in for example Python, C/C++ and Rust, though I haven't had the opportunity to build anything larger with them yet. + +### Life 🌈 + +> All we have to decide is what to do with the time that is given us.<Paste> +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. + +I enjoy running, reading and writing, at least when I remember not to live in my computers. I enjoy gaming from time to time, but less than I used to. I tend to like RPG:s and immersive sims, but also like to play multiplayer games with my partner and friends. + +If you know me, or want to connect for some other reason, feel free to shoot an email at the address above, it's likely the easiest way to reach me. + +### This page ⚙ + +> <!doctype html> + +This page is built with a simple Makefile from [Markdown](https://daringfireball.net/projects/markdown/) source using [Pandoc](https://pandoc.org/). Check the source [at my GitHub!](https://github.com/nindwen/nindwen.blue) There's nothing particularly fancy, but I think it illuminates the way I like to do things when possible. + +*** diff --git a/main.scss b/main.scss @@ -1,14 +1,13 @@ $back: #fefefe; $front: #1b1b1b; -$accent: #de935f; +$accent: #66006f; -// $font-stack: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif; -$font-stack: Impact, Charcoal, sans-serif; -// $font-stack: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif; +$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%; @@ -21,9 +20,9 @@ html, body { max-width: 500px; padding: 50px; padding-bottom: 0px; + padding-top: 0px; margin: auto; text-align: left; - height: 100%; line-height: 1.5; em { @@ -37,14 +36,22 @@ html, body { 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 { @@ -63,3 +70,30 @@ tr { a, a:visited { color: $accent; } + +header { + max-width: 200px; + margin: auto; +} + +header 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); +} + +footer { + text-align: center; + color: grey; + margin: 20px; + font-size: 90%; +} +