diff options
author | Katharina Fey <kookie@spacekookie.de> | 2017-10-12 00:05:38 +0200 |
---|---|---|
committer | Katharina Fey <kookie@spacekookie.de> | 2017-10-12 00:05:38 +0200 |
commit | acd28f0692d32ac59b9b0e8c349e2662cd18cf32 (patch) | |
tree | 62c04008dda2fe3fdd15ddfa63759c786bd795df | |
parent | ea137b7285d64a0e16e955e07f9c1fe69ce81664 (diff) |
Something!
-rw-r--r-- | static/css/home.css | 95 | ||||
-rwxr-xr-x | static/css/nest.css | 4 | ||||
-rwxr-xr-x | templates/home.html | 374 |
3 files changed, 214 insertions, 259 deletions
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 @@ <!DOCTYPE html> <html lang="{{ DEFAULT_LANG }}"> - <head> - {% block head %} - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <meta name="description" content="{% block description %}{% endblock description %}"> - <meta name="keywords" content="{% block keywords %}{% endblock keywords %}"> - <link rel="icon" href="{{ SITEURL }}/favicon.ico"> - - <title>{% block title %}{{ SITENAME }}{% endblock title %}</title> - - <!-- Stylesheets --> - {% if NEST_CSS_MINIFY %} - <link href="{{ SITEURL }}/theme/css/all.min.css" rel="stylesheet"> - {% else %} - <link href="{{ SITEURL }}/theme/css/bootstrap.min.css" rel="stylesheet"> - <link href="{{ SITEURL }}/theme/css/fonts.css" rel="stylesheet"> - <link href="{{ SITEURL }}/theme/css/nest.css" rel="stylesheet"> - <link href="{{ SITEURL }}/theme/css/pygment.css" rel="stylesheet"> - {% endif %} - <!-- /Stylesheets --> - - <!-- RSS Feeds --> - {% if FEED_ALL_ATOM %} - <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" /> - {% endif %} - {% if FEED_ALL_RSS %} - <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Full RSS Feed" /> - {% endif %} - {% if FEED_ATOM %} - <link href="{{ FEED_DOMAIN }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" /> - {% endif %} - {% if FEED_RSS %} - <link href="{{ FEED_DOMAIN }}/{{ FEED_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" /> - {% endif %} - {% if CATEGORY_FEED_ATOM and category %} - <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_ATOM|format(category.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Categories Atom Feed" /> - {% endif %} - {% if CATEGORY_FEED_RSS and category %} - <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_RSS|format(category.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Categories RSS Feed" /> - {% endif %} - {% if TAG_FEED_ATOM and tag %} - <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_ATOM|format(tag.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Tags Atom Feed" /> - {% endif %} - {% if TAG_FEED_RSS and tag %} - <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_RSS|format(tag.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" /> - {% endif %} - <!-- /RSS Feeds --> - - <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> - <!--[if lt IE 9]> - <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> - <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> - <![endif]--> - - {% if GOOGLE_ANALYTICS %} - <!-- Google Analytics --> - <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','//www.google-analytics.com/analytics.js','ga'); - - ga('create', '{{ GOOGLE_ANALYTICS }}', 'auto'); - ga('send', 'pageview'); - </script> - <!-- /Google Analytics --> - {% endif %} + <head> + {% block head %} + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="{% block description %}{% endblock description %}"> + <meta name="keywords" content="{% block keywords %}{% endblock keywords %}"> + <link rel="icon" href="{{ SITEURL }}/favicon.ico"> + + <title>{% block title %}{{ SITENAME }}{% endblock title %}</title> + + <!-- Stylesheets --> + {% if NEST_CSS_MINIFY %} + <link href="{{ SITEURL }}/theme/css/all.min.css" rel="stylesheet"> + {% else %} + <link href="https://fonts.googleapis.com/css?family=Inconsolata|Quicksand:300,400|Roboto:300,400&subset=cyrillic,cyrillic-ext" rel="stylesheet"> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> + <link href="{{ SITEURL }}/theme/css/bootstrap.min.css" rel="stylesheet"> + <link href="{{ SITEURL }}/theme/css/fonts.css" rel="stylesheet"> + <link href="{{ SITEURL }}/theme/css/nest.css" rel="stylesheet"> + <link href="{{ SITEURL }}/theme/css/pygment.css" rel="stylesheet"> + <link href="{{ SITEURL }}/theme/css/home.css" rel="stylesheet"> + {% endif %} + <!-- /Stylesheets --> + + <!-- RSS Feeds --> + {% if FEED_ALL_ATOM %} + <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" /> + {% endif %} + {% if FEED_ALL_RSS %} + <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Full RSS Feed" /> + {% endif %} + {% if FEED_ATOM %} + <link href="{{ FEED_DOMAIN }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" /> + {% endif %} + {% if FEED_RSS %} + <link href="{{ FEED_DOMAIN }}/{{ FEED_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" /> + {% endif %} + {% if CATEGORY_FEED_ATOM and category %} + <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_ATOM|format(category.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Categories Atom Feed" /> + {% endif %} + {% if CATEGORY_FEED_RSS and category %} + <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_RSS|format(category.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Categories RSS Feed" /> + {% endif %} + {% if TAG_FEED_ATOM and tag %} + <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_ATOM|format(tag.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Tags Atom Feed" /> + {% endif %} + {% if TAG_FEED_RSS and tag %} + <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_RSS|format(tag.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" /> + {% endif %} + <!-- /RSS Feeds --> + + <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> + <![endif]--> + + {% if GOOGLE_ANALYTICS %} + <!-- Google Analytics --> + <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','//www.google-analytics.com/analytics.js','ga'); + + ga('create', '{{ GOOGLE_ANALYTICS }}', 'auto'); + ga('send', 'pageview'); + </script> + <!-- /Google Analytics --> + {% endif %} + + {% endblock head %} + </head> + + <body class="home"> + <!-- <div class="hacky_bg nav"> --> + + <!-- Header --> + <div class="header-container gradient"> + + <!-- Static nav bar and banner image and stuff --> + <div class="container"> + <div class="header-nav"> + <div class="header-logo"> + <a class="pull-left" href="{{ SITEURL }}/"><img class="mr20" width=192px height=64px src="{{ SITEURL }}{{NEST_HEADER_LOGO or "/images/logo3.png" }}" alt="logo"></a> + </div> <!-- header logo --> + + <div class="nav pull-right"> + + {% for title, link in MENUITEMS %} + {% if 'http://' in link or 'https://' in link %} + <a class="nav" href="{{ link }}">{{ title }}</a> + {% else %} + <a class="nav" href="{{ SITEURL }}{{ link }}">{{ title }}</a> + {% endif %} + {% endfor %} + + {% if DISPLAY_PAGES_ON_MENU %} + {% for pg in PAGES %} + <a {% if pg == page %} class="active"{% endif %} href="{{ SITEURL }}/{{ pg.url }}">{{ pg.title }}</a> + {% endfor %} + {% endif %} - {% endblock head %} - </head> + </div> <!-- end nav pull-right --> + </div> <!-- end header-nav --> - <body> - <div class="hacky_bg"> + <h1>Fun memory violations</h1> - <!-- Header --> - {% if page.illustration %} - <div class="header-container" style="background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('{{ SITEURL }}/images/{{ page.illustration }}'); background-position: center; "> - {% elif NEST_HEADER_IMAGES %} - <div class="header-container" style="background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('{{ SITEURL }}/images/{{ NEST_HEADER_IMAGES }}'); background-position: center; "> - {% else %} - <div class="header-container gradient"> - {% endif %} + <p><b>Hi –</b> Welcome to my dusty internet hangout place.</p> - <!-- Static navbar --> - <div class="container"> - <div class="header-nav"> - <div class="header-logo"> - <a class="pull-left" href="{{ SITEURL }}/"><img class="mr20" width=192px height=64px src="{{ SITEURL }}{{NEST_HEADER_LOGO or "/images/logo2.png" }}" alt="logo"></a> - </div> - <div class="nav pull-right"> - {% for title, link in MENUITEMS %} - {% if 'http://' in link or 'https://' in link %} - <a href="{{ link }}">{{ title }}</a> - {% else %} - <a href="{{ SITEURL }}{{ link }}">{{ title }}</a> - {% endif %} - {% endfor %} - {% if DISPLAY_PAGES_ON_MENU %} - {% for pg in PAGES %} - <a {% if pg == page %} class="active"{% endif %} href="{{ SITEURL }}/{{ pg.url }}">{{ pg.title }}</a> - {% endfor %} - {% endif %} - </div> - </div> - </div> - <!-- /Static navbar --> + <p>My name is <b>Katharina Fey</b> and I'm a software developer from Berlin. I like taking photos, writing stories and starting way too many personal projects.</p> - <!-- Header --> - {% block header %} - <div class="container header-wrapper"> - <div class="row"> - <div class="col-lg-12"> - <div class="header-content"> - <h1 class="header-title text-uppercase">{{ page.title }}</h1> - <div class="header-underline"></div> - </div> - </div> + <div class="icons"> + <a href="https://twitter.com/spacekookie"><h1 id="twitter"><i class="fa fa-twitter"></i> Twitter</h1></a> + <a href="https://github.com/spacekookie"><h1 id="github"><i class="fa fa-github"></i> Github</h1></a> + <a href="https://spacekookie.de/kookie.txt"><h1 id="keys"><i class="fa fa-key"></i> Keys</h1></a> </div> - </div> - {% endblock header %} - <!-- /Header --> - - </div> - <!-- /Header --> - - <!-- Content --> - <div class="container"> + <p>To get in touch with me, you can also send an e-mail to <a href="mailto:kookie@spacekookie.de" id="email"><b>kookie@spacekookie.de</b></a></p> + </div> <!-- end container --> - <!-- Special "home" container --> - <div class="home"> - - <!-- Displays the default content from the home page --> - <div class="container content color_shit"> - {{ page.content }} - - <div class="row color_shit"> - <pre class="highlight"> - - _ _ _ _ - | | | | (_) | | - | |_ ___ ___ _ __ ___ __ _ | |_ ___ __ __ _ ___ _ __ __| | - | __| / _ \ / __|| '__| / _ \ / _` || __| / _ \ \ \ /\ / /| | / _ \| '__| / _` | - _ _ _ | |_ | (_) | | (__ | | | __/| (_| || |_ | __/ \ V V / | || __/| | | (_| | - (_)(_)(_) \__| \___/ \___||_| \___| \__,_| \__| \___| \_/\_/ |_| \___||_| \__,_| - - - _ _ _ - | | | | | | - _ __ __ _ _ __ __| | ___ _ __ ___ _ __ __ _ | |_ | |_ ___ _ __ _ __ ___ - | '__| / _` || '_ \ / _` | / _ \ | '_ ` _ \ | '_ \ / _` || __|| __| / _ \| '__|| '_ \ / __| - | | | (_| || | | || (_| || (_) || | | | | | | |_) || (_| || |_ | |_ | __/| | | | | |\__ \ _ _ _ - |_| \__,_||_| |_| \__,_| \___/ |_| |_| |_| | .__/ \__,_| \__| \__| \___||_| |_| |_||___/ (_)(_)(_) - | | - |_| - - </pre> - </div> - - <div class="row color_shit"> - <div class="col-md-4 col-xs-12"> - <h2><a href="kookie.txt">KEYS</a></h2> - <pre class="col"> - - _____ - / PGP \__ - \_____/o \ - \_ / - <| - <| - <| - ` - </pre> - </div> - - <!-- Next special little nugget --> - <div class="col-md-4 col-xs-12"> - <h2><a href="https://github.com/spacekookie">GITHUB</a></h2> - <pre class="col"> - ___________________ - / ______________ \ - | / unsigned int | | - | | number_fans()| | - | | { | | - | \______________/ | - | /|\ q oo ===== o | - \___________________/ - !_______________! - </pre> - </div> - - <!-- Replace this ? --> - <div class="col-md-4 col-xs-12"> - <h2><a href="https://dev.spacekookie.de/">OTHER DEV</a></h2> - <pre class="col"> - _____________________ - / ________________ \ - | / public static | | - | | void main(Str | | - | | ing args[]) { | | - | \_______________/ | - | /|\ q oo ====== o | - \_____________________/ - !_________________! - </pre> - </div> - </div> <!-- end row color_shit --> - </div> <!-- end container content color_shit --> - </div> <!-- end home --> - </div> <!-- end container --> - - <!-- /Content --> - - <!-- Footer --> - <div class="footer gradient-2"> - <div class="container footer-container "> - <div class="row"> - <div class="col-xs-4 col-sm-3 col-md-3 col-lg-3"> - <div class="footer-title">{{ NEST_SITEMAP_COLUMN_TITLE }}</div> - <ul class="list-unstyled"> - {% for title, link in NEST_SITEMAP_MENU %} - <li><a href="{{ SITEURL }}{{ link }}">{{ title }}</a></li> - {% endfor %} - {% if FEED_ALL_ATOM %} - <li><a href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate">{{ NEST_SITEMAP_ATOM_LINK }}</a></li> - {% endif %} - {% if FEED_ALL_RSS %} - <li><a href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate">{{ NEST_SITEMAP_RSS_LINK }}</a></li> - {% endif %} - </ul> - </div> - <div class="col-xs-4 col-sm-3 col-md-3 col-lg-3"> - {% if SOCIAL %} - <div class="footer-title">{{ NEST_SOCIAL_COLUMN_TITLE }}</div> - <ul class="list-unstyled"> - {% for name, link in SOCIAL %} - <li><a href="{{ link }}" target="_blank">{{name}}</a></li> - {% endfor %} - </ul> - {% endif %} - </div> - <div class="col-xs-4 col-sm-3 col-md-3 col-lg-3"> - {% if LINKS %} - <div class="footer-title">{{ NEST_LINKS_COLUMN_TITLE }}</div> - <ul class="list-unstyled"> - {% for name, link in LINKS %} - <li><a href="{{ link }}" target="_blank">{{name}}</a></li> - {% endfor %} - </ul> - {% endif %} - </div> - <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3"> - <p class="pull-right text-right"> - {# <small><em>Proudly powered by <a href="http://docs.getpelican.com/" target="_blank">pelican</a></em></small><br/> - <small><em>Theme and code by <a href="https://github.com/molivier" target="_blank">molivier</a></em></small><br/> #} - <small>{{ NEST_COPYRIGHT }}</small> - {% if NEST_FOOTER_HTML %}<small><em>{{ NEST_FOOTER_HTML }}</em></small>{% endif %} - </p> - </div> - </div> - </div> - </div> - <!-- /Footer --> - </div> <!-- end hacky_bg --> - </body> + <!-- </div> end hacky_bg --> + </body> </html> |