From 62fcc5d6245e4c547bb6bbff8f996d7abc7c1885 Mon Sep 17 00:00:00 2001
From: Katharina Fey <kookie@spacekookie.de>
Date: Sun, 21 Jan 2018 23:45:24 +0100
Subject: Working on the theme redesign

---
 crumbs/templates/home.html | 64 +++++++++++++++++++++++++++++++---------------
 1 file changed, 43 insertions(+), 21 deletions(-)

(limited to 'crumbs/templates')

diff --git a/crumbs/templates/home.html b/crumbs/templates/home.html
index 503602b..27fd976 100755
--- a/crumbs/templates/home.html
+++ b/crumbs/templates/home.html
@@ -10,7 +10,8 @@
     <!-- <link href="https://fonts.googleapis.com/css?family=Inconsolata|Quicksand:300,400|Roboto:300,400&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet"> -->
 
     <!-- Fonts -->
-    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500|Raleway:200,200i,300,300i,400,400i,500" rel="stylesheet"> 
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500|Raleway:200,200i,300,300i,400,400i,500" rel="stylesheet"> 
+    <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet"> 
 
     <!-- Include font awesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
@@ -18,6 +19,7 @@
     <!-- 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">
+    <link href="{{ SITEURL }}/theme/css/cr_title.css" rel="stylesheet">
     <!-- /Stylesheets -->
 
     {% endblock head %}
@@ -28,31 +30,51 @@
     <!-- Outer bootstrap container -->
     <div class="container">
 
-      <h1>Fun Memory Violations</h1>
+      <!-- Add dynamic header -->
 
+      <hr/>
+
+      <!-- The page title -->
+      <div class="title">
+        <h1>
+          <span id="t-color-red"><b># ~ </b></span>
+          <span id="t-color-org">Fun</span>
+          <span id="t-color-ylw">Memory</span>
+          <span id="t-color-grn">Violations</span>
+          <span class="cursor" id="cursor">▁</span>
+        </h1>
+      </div>
+
+      <!-- Cool colour bar, yo -->
       <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 class="colour colour1"></div>
+        <div class="colour colour2"></div>
+        <div class="colour colour3"></div>
+        <div class="colour colour4"></div>
+        <div class="colour colour5"></div>
+        <div class="colour colour6"></div>
+        <div class="colour colour7"></div>
+        <div class="colour colour8"></div>
+        <div class="colour colour9"></div>
+        <div class="colour colour10"></div>
+        <div class="colour colour11"></div>
+        <div class="colour colour12"></div>
+        <div class="colour colour13"></div>
+        <div class="colour colour14"></div>
+        <div class="colour colour15"></div>
       </div>
 
-      <br/>
-   
-      <p>Hi – Welcome to my dusty internet hangout place.</p>
+      <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>
+
+
+
 
-      <p>I'm a software developer from Berlin. I like taking photos, writing stories and starting way too many personal projects.</p>
     </div>
 
   </body>
-- 
cgit v1.2.3