styles

Signed-off-by: Lee Calcote <[email protected]>

assets/scss/_styles_project.scss

@@ -1,4 +1,5 @@
 @import 'fonts';
+@import 'content_project';
 
 .navbar-brand  {
   margin: 1.5rem;
@@ -74,23 +75,63 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
   text-decoration: none; }
 
 // Taxonomy 
-
-.taxonomy-label {
-  color: $gray-900;
-}
 .taxonomy-term {
-  color: $black;
-  background-color: $primary;
-  & :hover {
-    background-color: $secondary;
+    background: $gray-600;
+    border-width: 0;
+    border-radius: 0 3px 3px 0;
+    color: $white;
+    display: inline-block;
+    font-size: 1em;
+    line-height: 1.5em;
+    min-height: 1.5em;
+    max-width: 100%;
+    padding: 0 0.5em 0 1em;
+    position: relative;
+    margin: 0 0.5em 0.2em 0;
+    text-decoration: none;
+    -webkit-transition: color 0.2s;
+    -webkit-clip-path: polygon(100% 0, 100% 100%, 0.8em 100%, 0 50%, 0.8em 0);
+    clip-path: polygon(100% 0, 100% 100%, 0.8em 100%, 0 50%, 0.8em 0);
+
+    .taxonomy-count {
+      color: $dark !important;
+    }
+    &:hover {
+      background-color: $primary;
+      color: $white;
+
+      .taxonomy-count {
+        color: $dark !important;
+      }
+    }
+
+    &:hover::before {
+      background: $primary;
+    }
   }
-}
+  .article-teaser {
+    &.card {
+      padding: 1em;
+      margin-bottom: 1.5em;
+      background-color: $dark;
+    }
+
+    .breadcrumb {
+      margin-bottom: 0em;
+      font-size: 0.85rem;
+    }
+
+    .article-meta {
+      margin-bottom: 0em;
+    }
+  }
+
+
 
 // Footer
 .td-footer {
   background-color: $black;
   bottom: 0%;
-  position: absolute;
   width: 100%;
   z-index: 5;
 
@@ -145,6 +186,23 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
   }
 }
 
+.td-toc {
+  margin-top: 2rem;
+  #TableOfContents {
+    > ul > li > ul > li > a {
+    }
+
+    a {
+      color: $lightslategray;
+
+      &:hover {
+        color: $white;
+        text-decoration: none;
+      }
+    }
+  }
+}
+
 // pageinfo
 .pageinfo {
   font-weight: $font-weight-medium;

assets/scss/_variables_project.scss

@@ -54,6 +54,7 @@ $bs-link-color: $danger;
 $link-decoration: none !default;
 $link-shade-percentage: 30% !default;
 $link-color: $white !default;
+
 // Fonts
 
 $td-enable-google-fonts: false;

assets/scss/tax.scss

@@ -332,6 +332,7 @@
     &.card {
       padding: 1em;
       margin-bottom: 1.5em;
+      background-color: $dark;
     }
 
     .breadcrumb {

content/en/Cloud/Concepts/_index.md

@@ -12,3 +12,9 @@ This is a placeholder page that shows you how to use this template site.
 For many projects, users may not need much information beyond the information in the [Overview](/docs/overview/), so this section is **optional**. However if there are areas where your users will need a more detailed understanding of a given term or feature in order to do anything useful with your project (or to not make mistakes when using it) put that information in this section. For example, you may want to add some conceptual pages if you have a large project with many components and a complex architecture.
 
 Remember to focus on what the user needs to know, not just what you think is interesting about your project! If they don’t need to understand your original design decisions to use or contribute to the project, don’t put them in, or include your design docs in your repo and link to them. Similarly, most users will probably need to know more about how features work when in use rather than how they are implemented. Consider a separate architecture page for more detailed implementation and system design information that potential project contributors can consult.
+
+
+{{ $context := . }}
+{{ range $taxo, $taxo_map := .Site.Taxonomies }}
+  {{ partial "taxonomy_terms_article.html" (dict "context" $context "taxo" $taxo ) }}
+{{ end }}

content/en/_index.md

@@ -23,22 +23,39 @@ title: Layer5
 </div>
 
 <div style="margin-top:25%;padding-top:25%"><a href="/cloud" class="dash">Expect More from Your Infrastructure</a> </div>
+<div class="taxonomy taxonomy-terms-cloud taxo-categories">
+  <h5 class="taxonomy-title">Cloud of Categories</h5>
+  <ul class="taxonomy-terms">
+    <li><a class="taxonomy-term" href="//localhost:1313/categories/category-1/" data-taxonomy-term="category-1"><span class="taxonomy-label">category 1</span><span class="taxonomy-count">3</span></a></li>
+    <li><a class="taxonomy-term" href="//localhost:1313/categories/category-2/" data-taxonomy-term="category-2"><span class="taxonomy-label">category 2</span><span class="taxonomy-count">1</span></a></li>
+    <li><a class="taxonomy-term" href="//localhost:1313/categories/category-3/" data-taxonomy-term="category-3"><span class="taxonomy-label">category 3</span><span class="taxonomy-count">2</span></a></li>
+    <li><a class="taxonomy-term" href="//localhost:1313/categories/category-4/" data-taxonomy-term="category-4"><span class="taxonomy-label">category 4</span><span class="taxonomy-count">6</span></a></li>
+  </ul>
+</div>
 
 
 <div class="dash-tangle"></div>
 <div class="dash-ircle"></div>
 
 {{< /blocks/cover >}}
 
-<!-- 
+{{< card header="**Imagine**" title="Artist and songwriter: John Lennon" subtitle="Co-writer: Yoko Ono"
+          footer="![SignatureJohnLennon](https://server.tld/…/signature.png 'Signature John Lennon')">}}
+Imagine there's no heaven, It's easy if you try<br/>
+No hell below us, above us only sky<br/>
+Imagine all the people living for today…
+
+…
+{{< /card >}}
+
 
 {{% blocks/lead color="primary" %}}
 Jump right in and learn about Layer5.
 {{< blocks/link-down color="info" >}}
 
 {{% /blocks/lead %}}
 
-
+<!-- 
 {{% blocks/section color="dark" type="row" %}}
 {{% blocks/feature icon="fa-lightbulb" title="New chair metrics!" %}}
 The Goldydocs UI now shows chair size metrics by default.

hugo.toml

@@ -26,7 +26,7 @@ category = "categories"
 taxonomyCloud = ["tags", "categories"]
 
 # If used, must have same length as taxonomyCloud
-taxonomyCloudTitle = ["Tag Cloud", "Categories"]
+taxonomyCloudTitle = ["Tags", "Categories"]
 
 # set taxonomyPageHeader = [] to hide taxonomies on the page headers
 taxonomyPageHeader = ["tags", "categories"]