From acd28f0692d32ac59b9b0e8c349e2662cd18cf32 Mon Sep 17 00:00:00 2001 From: Katharina Fey Date: Thu, 12 Oct 2017 00:05:38 +0200 Subject: Something! --- static/css/home.css | 95 +++++++++++++ static/css/nest.css | 4 +- templates/home.html | 374 ++++++++++++++++------------------------------------ 3 files changed, 214 insertions(+), 259 deletions(-) create mode 100644 static/css/home.css diff --git a/static/css/home.css b/static/css/home.css new file mode 100644 index 0000000..95052ad --- /dev/null +++ b/static/css/home.css @@ -0,0 +1,95 @@ +body { + font-family: Quicksand; + font-style: normal; + font-variant: normal; + font-size: 26px; + font-weight: 300; + color: #BEBEBE; + background-color: #222222; + background-image: none; + line-height: 32px; + -webkit-font-smoothing:antialiased; + text-rendering: optimizeLegibility; +} + +div.gradient { + background-color: #222222; +} + +div.icons { + padding-top: 32px; + font-family: Inconsolata; + /*font-variant: slim;*/ + font-size: 16px; + line-height: 16px; + font-style: normal; + font-variant: normal; +} + +/* This is used for the ASCII art stuff */ +.icons p { + white-space: pre; +} + +.icons h1 { + padding-bottom: 15px; + padding-top: 0px; +} + +.nav a { + font-size: 16px; + color: #FFBB44; +} + +h1 { + font-weight: bold; + font-size: 64px; + padding-top: 50px; + padding-right: 30px; + padding-bottom: 50px; + padding-left: 80px; +} + +#twitter:hover { + color: #00aced; + animation: .45s jump infinite linear; +} +#github:hover { + color: #bd2c00; + animation: .45s jump infinite linear; +} +#keys:hover { + color: #8d55e0; + animation: .45s jump infinite linear; +} + +#email:hover { + color: #FFBB44; +} + +a, a:visited, a:hover, a:active, a:link{ + color: #BEBEBE; + text-decoration: none; +} + +p { + padding-top: 5px; + padding-right: 30px; + padding-left: 80px; +} + + +@keyframes jump { + 0% { + transform: translateY(0); + } + 20% { + transform: translateY(-.05em); + } + 80% { + transform: translateY(.05em); + } + 100% { + transform: translateY(0); + } +} diff --git a/static/css/nest.css b/static/css/nest.css index a92a397..cd59d2b 100755 --- a/static/css/nest.css +++ b/static/css/nest.css @@ -34,7 +34,9 @@ body { } div.hacky_bg { - background-image: url("../img/banner_bg2x.png"); + background-color: #333333; + + /*background-image: url("../img/banner_bg2x.png");*/ } div.cat { diff --git a/templates/home.html b/templates/home.html index 36e29cd..1dc43e8 100755 --- a/templates/home.html +++ b/templates/home.html @@ -1,270 +1,128 @@ - - {% block head %} - - - - - - - - {% block title %}{{ SITENAME }}{% endblock title %} - - - {% if NEST_CSS_MINIFY %} - - {% else %} - - - - - {% endif %} - - - - {% if FEED_ALL_ATOM %} - - {% endif %} - {% if FEED_ALL_RSS %} - - {% endif %} - {% if FEED_ATOM %} - - {% endif %} - {% if FEED_RSS %} - - {% endif %} - {% if CATEGORY_FEED_ATOM and category %} - - {% endif %} - {% if CATEGORY_FEED_RSS and category %} - - {% endif %} - {% if TAG_FEED_ATOM and tag %} - - {% endif %} - {% if TAG_FEED_RSS and tag %} - - {% endif %} - - - - - - {% if GOOGLE_ANALYTICS %} - - - - {% endif %} + + {% block head %} + + + + + + + + {% block title %}{{ SITENAME }}{% endblock title %} + + + {% if NEST_CSS_MINIFY %} + + {% else %} + + + + + + + + {% endif %} + + + + {% if FEED_ALL_ATOM %} + + {% endif %} + {% if FEED_ALL_RSS %} + + {% endif %} + {% if FEED_ATOM %} + + {% endif %} + {% if FEED_RSS %} + + {% endif %} + {% if CATEGORY_FEED_ATOM and category %} + + {% endif %} + {% if CATEGORY_FEED_RSS and category %} + + {% endif %} + {% if TAG_FEED_ATOM and tag %} + + {% endif %} + {% if TAG_FEED_RSS and tag %} + + {% endif %} + + + + + + {% if GOOGLE_ANALYTICS %} + + + + {% endif %} + + {% endblock head %} + + + + + + +
+ + +
+
+ + + +
- -
+

Fun memory violations

- - {% if page.illustration %} -
- {% elif NEST_HEADER_IMAGES %} -
- {% else %} -
- {% endif %} +

Hi – Welcome to my dusty internet hangout place.

- -
-
- - -
-
- +

My name is Katharina Fey and I'm a software developer from Berlin. I like taking photos, writing stories and starting way too many personal projects.

- - {% block header %} -
-
-
-
-

{{ page.title }}

-
-
-
+ -
- {% endblock header %} - - -
- - - -
+

To get in touch with me, you can also send an e-mail to kookie@spacekookie.de

+
- -
- - -
- {{ page.content }} - -
-
-
-                 _                                              _                              _                  _             
-                | |                                            | |                            (_)                | |            
-                | |_   ___              ___  _ __   ___   __ _ | |_   ___           __      __ _   ___  _ __   __| |            
-                | __| / _ \            / __|| '__| / _ \ / _` || __| / _ \          \ \ /\ / /| | / _ \| '__| / _` |            
-       _  _  _  | |_ | (_) |          | (__ | |   |  __/| (_| || |_ |  __/           \ V  V / | ||  __/| |   | (_| |            
-      (_)(_)(_)  \__| \___/            \___||_|    \___| \__,_| \__| \___|            \_/\_/  |_| \___||_|    \__,_|            
-                                                                                                                               
-                                                                                                             
-                               _                                             _    _                                    
-                              | |                                           | |  | |                                   
-       _ __   __ _  _ __    __| |  ___   _ __ ___              _ __    __ _ | |_ | |_   ___  _ __  _ __   ___            
-      | '__| / _` || '_ \  / _` | / _ \ | '_ ` _ \            | '_ \  / _` || __|| __| / _ \| '__|| '_ \ / __|           
-      | |   | (_| || | | || (_| || (_) || | | | | |           | |_) || (_| || |_ | |_ |  __/| |   | | | |\__ \   _  _  _ 
-      |_|    \__,_||_| |_| \__,_| \___/ |_| |_| |_|           | .__/  \__,_| \__| \__| \___||_|   |_| |_||___/  (_)(_)(_)
-                                                              | |                                                      
-                                                              |_|                                                      
-      
-                
-
- -
-
-

KEYS

-
- 
-           _____
-          / PGP \__
-          \_____/o \
-                \_ /
-                 <|
-                 <|
-                 <|
-                 `
-                  
-
- - -
-

GITHUB

-
-        ___________________  
-       /   ______________  \
-      |   / unsigned int |  |
-      |   | number_fans()|  |
-      |   | {            |  |
-      |   \______________/  |
-      |  /|\ q  oo ===== o  | 
-       \___________________/ 
-         !_______________!   
-                  
-
- - -
-

OTHER DEV

-
-        _____________________  
-       /   ________________  \
-      |   / public static |  |
-      |   | void main(Str |  |
-      |   | ing args[]) { |  |
-      |   \_______________/  |
-      |  /|\ q  oo ====== o  | 
-       \_____________________/ 
-         !_________________!   
-                  
-
-
-
-
-
- - - - - - -
- + + -- cgit v1.2.3