all repos — hastysite @ dac1b3de81ec15f2393bc4e42cf931a5d7f4422e

A high-performance static site generator. 

Fixed stylesheets & header.
h3rald h3rald@h3rald.com
Sat, 04 Nov 2017 09:23:28 +0100
commit

dac1b3de81ec15f2393bc4e42cf931a5d7f4422e

parent

cd2f7e8ac581c0e47d3ae1a7e053e4bc88a2da7c

5 files changed, 76 insertions(+), 9 deletions(-)

jump to
A site/assets/styles/fonts.css 
@@ -0,0 +1,46 @@ 
+@font-face {
+ font-family: "FontAwesome";
+ src: url("../fonts/FontAwesome-webfont.woff") format("woff");
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+@font-face {
+ font-family: "Source Sans Pro";
+ src: url("../fonts/SourceSansPro-Regular.woff") format("woff");
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+@font-face {
+ font-family: "Source Sans Pro";
+ src: url("../fonts/SourceSansPro-It.woff") format("woff");
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "Source Sans Pro";
+ src: url("../fonts/SourceSansPro-Bold.woff") format("woff");
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-weight: bold;
+}
+
+@font-face {
+ font-family: "Source Sans Pro";
+ src: url("../fonts/SourceSansPro-BoldIt.woff") format("woff");
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-weight: bold;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "Source Code Pro";
+ src: url("../fonts/SourceCodePro-Regular.woff") format("woff");
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
A site/assets/styles/hastysite.css 
@@ -0,0 +1,21 @@ 
+.fa {
+  font-family: 'FontAwesome'; 
+}
+
+i.fa {
+  font-style: normal;
+  font-weight: normal;
+}
+
+main {
+  margin-top: 60px;
+}
+
+footer {
+  margin: auto;
+  text-align: center;
+}
+
+footer a::before {
+  content: none !important;  
+}
M site/contents/home.md → site/contents/home.md 
@@ -1,6 +1,6 @@ 
 -----
 content-type: "page"
-title: "HastySite — A simple but highly-configurable static site generator"
+title: "Home"
 -----
 
 Content will be added *here*...
M site/templates/_head.mustache → site/templates/_head.mustache 
@@ -3,6 +3,8 @@ <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="{{site-description}}">
     <title>{{site-title}} - {{title}}</title>
+    <link rel="stylesheet" href="/styles/fonts.css">
     <link rel="stylesheet" href="/styles/hastyscribe.css">
+    <link rel="stylesheet" href="/styles/hastysite.css">
     <link rel="stylesheet" href="/styles/luxbar.css">
   </head>
M site/templates/_header.mustache → site/templates/_header.mustache 
@@ -3,17 +3,15 @@ <input type="checkbox" class="luxbar-checkbox" id="luxbar-checkbox"/>
     <div class="luxbar-menu luxbar-menu-right luxbar-menu-dark">
         <ul class="luxbar-navigation">
             <li class="luxbar-header">
-                <a href="#" class="luxbar-brand">{{title}}</a>
+                <a href="#" class="luxbar-brand">{{site-title}}</a>
                 <label class="luxbar-hamburger luxbar-hamburger-doublespin" 
                 id="luxbar-hamburger" for="luxbar-checkbox"> <span></span> </label>
             </li>
-            <li class="luxbar-item"><a href="#">Item 1</a></li>
-
-            <li class="luxbar-item"><a href="#">Item 2</a></li>
-
-            <li class="luxbar-item"><a href="#">Item 3</a></li>
-
-            <li class="luxbar-item"><a href="#">Item 4</a></li>
+            <li class="luxbar-item"><a href="/news"><i class="fa fa-bullhorn"></i> News</a></li>
+            <li class="luxbar-item"><a href="/getting-started"><i class="fa fa-star"></i> Getting Started</a></li>
+            <li class="luxbar-item"><a href="/usage"><i class="fa fa-wrench"></i> Usage</a></li>
+            <li class="luxbar-item"><a href="/reference"><i class="fa fa-book"></i> Reference</a></li>
+            <li class="luxbar-item"><a href="/about"><i class="fa fa-info-circle"></i> About</a></li>
         </ul>
     </div>
 </header>