all repos — h3rald @ 533ab3f4bedba2f9a184e43bd898d4e6b9a81773

The sources of https://h3rald.com 

Stylesheet & template improvements.
h3rald h3rald@h3rald.com
Fri, 06 Oct 2017 20:53:55 +0200
commit

533ab3f4bedba2f9a184e43bd898d4e6b9a81773

parent

7e7fe144b6b836d2b15f5fdff9083048340d794e

4 files changed, 58 insertions(+), 22 deletions(-)

jump to
M assets/styles/style.css → assets/styles/style.css 
@@ -19,7 +19,7 @@ b, strong, h1, h2, h3, h4, h5, h6, .panel-title {
   font-weight: bold;
 }
 
-i, em, .subtitle, .panel-header, a {
+i, em, .subtitle, .panel-header {
   font-family: 'Raleway', sans-serif;
   font-style: italic;
   -moz-font-feature-settings: "liga", "clig", "dlig", "onum", "frac", "kern";

@@ -28,13 +28,20 @@ -ms-font-feature-settings: "liga", "clig", "dlig", "onum", "frac", "kern";
   font-feature-settings: "liga", "clig", "dlig", "onum", "frac", "kern";
 }
 
-h1 a, h2 a, h3 a, h4 a, h5 a {
+h1, h2, h3, h4, h5 {
   font-family: 'Raleway', sans-serif;  
   font-style: normal;
-  -moz-font-feature-settings: "liga", "clig", "onum", "frac", "kern";
-  -webkit-font-feature-settings: "liga", "clig", "onum", "frac", "kern";
-  -ms-font-feature-settings: "liga", "clig", "onum", "frac", "kern";
-  font-feature-settings: "liga", "clig", "onum", "frac", "kern";
+  -moz-font-feature-settings: "liga", "clig", "dlig", "onum", "frac", "kern";
+  -webkit-font-feature-settings: "liga", "clig", "dlig", "onum", "frac", "kern";
+  -ms-font-feature-settings: "liga", "clig", "dlig", "onum", "frac", "kern";
+  font-feature-settings: "liga", "clig", "dlig", "onum", "frac", "kern";
+}
+
+.projects-page h3,
+.body-text h3, 
+.body-text h4, 
+.body-text h5 {
+  padding-top: 1rem;  
 }
 
 a {

@@ -48,10 +55,8 @@ line-height: 1.2rem;
   margin-top: -0.3rem;
 }
 
-.featured .subtitle {
-}
-
-p {
+.body-text p {
+  padding-bottom: 1rem;
 }
 
 ol, ul {

@@ -61,12 +66,18 @@ ol li, ul li {
 }
 
 main.container {
-  padding: 1rem;
+  padding: 1rem 2rem 1rem 2rem;
 }
 
 article {
 }
 
+article header h3 {
+    font-weight: normal;
+    font-style: italic;
+    font-size: 1.2em;
+}
+
 footer.container {
   font-size: 0.7rem;
   padding: 1rem;

@@ -114,7 +125,33 @@ text-align: right;
   font-size: 0.8rem;
 }
 
+.timeline {
+  padding: 1rem 0;  
+}
+
 .timeline .timeline-item .timeline-icon.icon-lg {
   font-size: 0.8rem;
   line-height: 1.3rem;
 }
+
+.timeline .timeline-item::before {
+  left: 9px;
+  top: 1.3rem;
+}
+
+time {
+  float: right;
+  padding-bottom: 1rem;
+}
+
+.body-text, h4, .timeline {
+  clear: right;  
+}
+
+img {
+  max-width: 100%;  
+}
+
+.archives-search {
+  float: right;  
+}
M templates/_archives.mustache → templates/_archives.mustache 
@@ -1,4 +1,8 @@ 
 <div class="container article-aggregation">
+  <div class="input-group archives-search">
+    <input type="text" class="form-input" placeholder="Search articles...">
+    <button class="btn btn-primary input-group-btn"><i class="ent ent-magnifying-glass"></i></button>
+  </div>
   <div class="timeline">
   {{#archives}}
     <div class="timeline-item">
M templates/article.mustache → templates/article.mustache 
@@ -4,19 +4,13 @@ {{> _head}}
 	<body>
     <div id="wrap">
       {{> _header}}
-      <main id="main" class="container">
+      <main class="container">
         <article class="{{content-type}}">
           <div class="row">
             {{> _page_header}}
-            <ul class="list-unstyled article-info col-md-3">
-              <li><i class="h3-quill-ink"></i> <time datetime="{{date-iso8601}}">{{date}}</time></li>
-              <li><i class="h3-tags"></i> {{tag-links}}</li>
-              {{#pdf}}
-              <li><a href="/articles/{{id}}/{{id}}.pdf"><i class="fa fa-download"> </i>Download as PDF</a></li>
-              {{/pdf}}
-            </ul>
+            <time datetime="{{date-iso8601}}"><i class="ent ent-calendar"></i>&nbsp;{{date}}</time>
           </div>
-          <div id="body-text" class="hyphenate">
+          <div class="body-text" class="hyphenate">
             {{{contents}}}
 					</div>
 				</article>
M templates/home.mustache → templates/home.mustache 
@@ -12,8 +12,8 @@ <h2><a href="/{{latest.id}}">{{latest.title}}</a></h2>
             <p class="subtitle">
               {{latest.subtitle}}
             </p>
-            <p class="date"><i class="ent ent-calendar"></i> <time>{{latest.date}}</time></p>
-            <section>
+            <time><i class="ent ent-calendar"></i> {{latest.date}}</time></p>
+            <section class="body-text">
               {{{latest.summary}}}
               <p><a href="/articles/litestore/">Continue reading →</a></p>
             </section>

@@ -25,6 +25,7 @@ <h4><a href="/{{id}}">{{title}}</a></h4>
               <p class="subtitle">
                 {{subtitle}}
               </p>
+              <time><i class="ent ent-calendar"></i> {{date}}</time></p>
             </article>
           {{/recents}}
         </div>