Improve tags

zombeats · Sep 19, 2015 · 2a63ae5 · 2a63ae5
1 parent 27d7d04
commit 2a63ae5
Show file tree

Hide file tree

Showing 9 changed files with 672 additions and 10 deletions.
diff --git a/assets/css/application.css b/assets/css/application.css
diff --git a/assets/js/application.js b/assets/js/application.js
diff --git a/assets/scss/global.scss b/assets/scss/global.scss
@@ -361,7 +361,7 @@ h6 a {
     font-weight: normal;
 
     color: #fff;
-    background: #ffc336;
+    background: $yellow;
   }
 
   ol {
@@ -1251,3 +1251,16 @@ pre[class*="language-"] {
 .token.entity {
   cursor: help;
 }
+
+.tags {
+  vertical-align: text-bottom;
+  > a {
+    padding: 0.167rem 0.5rem;
+    font-size: .55rem;
+    transition: all 350ms;
+    text-transform: uppercase;
+    color: #f8f8f8;
+    border-radius: 0.7rem;
+    background-color: rgba($orange, .7);
+  }
+}
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
@@ -39,3 +39,4 @@ $blue                        : #3498db;
 $red                         : #e74c3c;
 $orange                      : #e67e22;
 $green                       : #2ecc71;
+$yellow                      : #f1c40f;
diff --git a/author.hbs b/author.hbs
@@ -19,7 +19,7 @@
                     <span class="author-name">{{author}}</span>
                     &bull;
                     <time datetime="{{date format='YYYY-MM-DD'}}">{{date format="D MMM YYYY"}}</time>
-                    <span class="tags">{{tags prefix="• Subject: "}}</span>
+                    <span class="tags">{{tags prefix="• " separator=" "}}</span>
                 </section>
             </header>
             <section class="post-excerpt">
@@ -42,4 +42,4 @@
 
     {{> sidebar}}
 
-</div>
+</div>
diff --git a/default.hbs b/default.hbs
@@ -35,8 +35,7 @@
 
     {{! Styles'n'Scripts }}
     <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:700,400,200" />
-    <link rel="stylesheet" type="text/css" href="https://ghost.org/assets/application-53c891abfa2c2305e65de0c84c76e9e1.css" media="all" />
-
+    <link rel="stylesheet" type="text/css" href="{{asset "css/application.css"}}" media="all" />
     <link rel="stylesheet" type="text/css" href="{{asset "css/itch.css"}}" />
 
     {{ghost_head}}
@@ -129,7 +128,7 @@
       }
     </script>
     <script src="https://ghost.org/navigation/"></script>
-    <script type="text/javascript" src="https://ghost.org/assets/application-f70a08abb1fd9fbfdd4ae25ddd2c3d6b.js"></script>
+    <script type="text/javascript" src="{{asset "js/application.js"}}"></script>
     <script type="text/javascript" src="{{asset "js/itch.js"}}"></script>
 
     {{! Twitter buttons }}

diff --git a/index.hbs b/index.hbs
@@ -19,7 +19,7 @@
                     <span class="author-name">{{author}}</span>
                     &bull;
                     <time datetime="{{date format='YYYY-MM-DD'}}">{{date format="D MMM YYYY"}}</time>
-                    <span class="tags">{{tags prefix="• Subject: "}}</span>
+                    <span class="tags">{{tags prefix="• " separator=" "}}</span>
                 </section>
             </header>
             <section class="post-excerpt">

diff --git a/post.hbs b/post.hbs
@@ -14,7 +14,7 @@
                 <span class="author-name">{{author}}</span>
                 on the
                 <time datetime="{{date format='YYYY-MM-DD'}}">{{date format="Do of MMMM YYYY"}}</time>
-                <span class="tags">{{tags prefix="in "}}</span>
+                <span class="tags">{{tags prefix="in " separator=" "}}</span>
             </section>
 
             <section class="post-content">

diff --git a/tag.hbs b/tag.hbs
@@ -19,7 +19,7 @@
                     <span class="author-name">{{author}}</span>
                     &bull;
                     <time datetime="{{date format='YYYY-MM-DD'}}">{{date format="D MMM YYYY"}}</time>
-                    <span class="tags">{{tags prefix="• Subject: "}}</span>
+                    <span class="tags">{{tags prefix="• " separator=" "}}</span>
                 </section>
             </header>
             <section class="post-excerpt">
@@ -42,4 +42,4 @@
 
     {{> sidebar}}
 
-</div>
+</div>