diff options
author | Katharina Fey <kookie@spacekookie.de> | 2018-01-21 21:56:53 +0100 |
---|---|---|
committer | Katharina Fey <kookie@spacekookie.de> | 2018-01-21 21:56:53 +0100 |
commit | fcd91ca44d2fd9c55164fb72810286f5d38d2c92 (patch) | |
tree | f5c68cafdeb777fb942c2a95a8b4a57031b474a5 /crumbs/templates | |
parent | b2fb2f3028fcbd696de86a189919e48382dc0d81 (diff) |
Working on the complete re-design
Diffstat (limited to 'crumbs/templates')
-rwxr-xr-x | crumbs/templates/home.html | 155 | ||||
-rw-r--r-- | crumbs/templates/style.html | 7 |
2 files changed, 50 insertions, 112 deletions
diff --git a/crumbs/templates/home.html b/crumbs/templates/home.html index 1dc43e8..503602b 100755 --- a/crumbs/templates/home.html +++ b/crumbs/templates/home.html @@ -1,128 +1,59 @@ <!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"> + {% block head %} <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 --> + <!-- Inconsolata for code? --> + <!-- <link href="https://fonts.googleapis.com/css?family=Inconsolata|Quicksand:300,400|Roboto:300,400&subset=cyrillic,cyrillic-ext" rel="stylesheet"> --> - <!-- 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 --> + <!-- Fonts --> + <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500|Raleway:200,200i,300,300i,400,400i,500" rel="stylesheet"> - <!-- 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'); + <!-- Include font awesome --> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> - ga('create', '{{ GOOGLE_ANALYTICS }}', 'auto'); - ga('send', 'pageview'); - </script> - <!-- /Google Analytics --> - {% endif %} + <!-- Load bootstrap, then my own CSS --> + <link href="{{ SITEURL }}/theme/css/bootstrap.min.css" rel="stylesheet"> + <link href="{{ SITEURL }}/theme/css/crums.css" rel="stylesheet"> + <!-- /Stylesheets --> - {% endblock head %} + {% 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 %} - - </div> <!-- end nav pull-right --> - </div> <!-- end header-nav --> - - <h1>Fun memory violations</h1> - - <p><b>Hi –</b> Welcome to my dusty internet hangout place.</p> - - <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> - - <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> - - - <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 --> + <body> + + <!-- Outer bootstrap container --> + <div class="container"> + + <h1>Fun Memory Violations</h1> + + <div class="colours"> + <div class="colour" id="colour1"></div> + <div class="colour" id="colour2"></div> + <div class="colour" id="colour3"></div> + <div class="colour" id="colour4"></div> + <div class="colour" id="colour5"></div> + <div class="colour" id="colour6"></div> + <div class="colour" id="colour7"></div> + <div class="colour" id="colour8"></div> + <div class="colour" id="colour9"></div> + <div class="colour" id="colour10"></div> + <div class="colour" id="colour11"></div> + <div class="colour" id="colour12"></div> + <div class="colour" id="colour13"></div> + <div class="colour" id="colour14"></div> + <div class="colour" id="colour15"></div> + </div> + + <br/> + + <p>Hi – Welcome to my dusty internet hangout place.</p> + + <p>I'm a software developer from Berlin. I like taking photos, writing stories and starting way too many personal projects.</p> + </div> - <!-- </div> end hacky_bg --> </body> </html> diff --git a/crumbs/templates/style.html b/crumbs/templates/style.html new file mode 100644 index 0000000..756560c --- /dev/null +++ b/crumbs/templates/style.html @@ -0,0 +1,7 @@ +<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">
\ No newline at end of file |