nav

Signed-off-by: Lee Calcote <[email protected]>
layer5io · Oct 28, 2023 · 2a7695a · 2a7695a
1 parent 4b33a1d
commit 2a7695a
Show file tree

Hide file tree

Showing 6 changed files with 133 additions and 8 deletions.
diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss
@@ -0,0 +1,100 @@
+//
+// Style Markdown content
+//
+
+.td-content {
+    order: 1;
+
+    p,
+    li,
+    td {
+      font-weight: $font-weight-body-text;
+    }
+
+    > h1 {
+      font-weight: $font-weight-bold;
+      margin-bottom: 1rem;
+    }
+
+    > h2 {
+      margin-bottom: 1rem;
+    }
+
+    > h2:not(:first-child) {
+      margin-top: 3rem;
+    }
+
+    > h2 + h3 {
+      margin-top: 1rem;
+    }
+
+    > h3,
+    > h4,
+    > h5,
+    > h6 {
+      margin-bottom: 1rem;
+      margin-top: 2rem;
+      color: pink;
+      & a {
+        color: pink;
+      }
+    }
+
+    img {
+      @extend .img-fluid;
+    }
+
+    table {
+      @extend .td-table;
+    }
+
+    blockquote {
+      padding: 0 0 0 1rem;
+      margin-bottom: $spacer;
+      color: $gray-600;
+      border-left: 6px solid $secondary;
+    }
+
+    ul li,
+    ol li {
+      margin-bottom: 0.25rem;
+    }
+
+    strong {
+      font-weight: $font-weight-bold;
+    }
+
+    .footnotes,
+    > .alert,
+    > .highlight,
+    > .lead,
+    > .td-table,
+    > blockquote,
+    > dl dd,
+    > h1,
+    > h2,
+    > ol,
+    > p,
+    > pre,
+    > ul {
+      @extend .td-max-width-on-larger-screens;
+    }
+
+    .alert:not(:first-child) {
+      margin-top: 2 * $spacer;
+      margin-bottom: 2 * $spacer;
+    }
+
+    .lead {
+      margin-bottom: 1.5rem;
+    }
+  }
+
+  .td-title {
+    margin-top: 1rem;
+    margin-bottom: 0.5rem;
+
+    @include media-breakpoint-up(sm) {
+      font-size: 3rem;
+    }
+  }
diff --git a/assets/scss/_section_index.scss b/assets/scss/_section_index.scss
@@ -0,0 +1,19 @@
+.section-index {
+    color: orange;
+    .entry {
+      padding: 0.75rem;
+    }
+
+    h5 {
+      margin-bottom: 0;
+        color: orange;
+      a {
+        font-weight: 700;
+        color: orange;
+      }
+    }
+
+    p {
+      margin-top: 0;
+    }
+  }
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
@@ -0,0 +1,3 @@
+.navbar-brand  {
+  margin: 1.5rem;
+}
diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
@@ -22,6 +22,7 @@ $code-color: shade-color($secondary, 40%) !default;
 // $bg-gradient-dark: linear-gradient(250deg, #477e96 0%, #00b39f 35%, rgb(60, 73, 79) 100%); 
 $body-color: #ccc;
 $body-bg: #010101;
+$color: pink;
 
 // UI element colors
 
@@ -41,10 +42,10 @@ $td-sidebar-toc-bg-color: rgba($dark,.73);
 $td-box-colors: $dark, $primary, $secondary, $info, $white, $gray-600, $success,
   $warning, $dark, $danger, $primary, $secondary, $info !default;
 
-$link-color: $danger;
+$bs-link-color: $danger;
 $link-decoration: none !default;
 $link-shade-percentage: 30% !default;
-
+$link-color: $white !default;
 // Fonts
 
 $td-enable-google-fonts: true !default;

diff --git a/content/en/Playground/index.md b/content/en/Playground/index.md
@@ -12,12 +12,12 @@ menu: {main: {weight: 10}}
 Explore the Cloud Native Computing Foundation's graduated, incubation, and sandbox projects as well as many other popular open source projects. Use Meshery Playground to explore a new way of DevOps - visual and collaborative configuration management for your infrastructure.
 Become a Layer5 power user.
 {.mt-5}
-
+<!-- 
 {{% /blocks/cover %}}
 
 {{% blocks/lead %}}
 
 
 
-{{% /blocks/lead %}}
+{{% /blocks/lead %}} -->
 
diff --git a/content/en/_index.md b/content/en/_index.md
@@ -4,12 +4,14 @@ title: Layer5
 
 {{< blocks/cover title="Find your way" image_anchor="top" height="full" >}}
 <a class="btn btn-lg btn-primary me-3 mb-4" href="/docs/">
-  Cloud Docs <i class="fas fa-arrow-alt-circle-right ms-2"></i>
+  User Guide <i class="fas fa-arrow-alt-circle-right ms-2"></i>
 </a>
 <a class="btn btn-lg btn-secondary me-3 mb-4" href="/meshmap">
-  MeshMap Docs <i class="fab fa-github ms-2 "></i>
+  Administrator Guide <i class="fab fa-github ms-2 "></i>
 </a>
-<p class="lead mt-5">Porridge temperature assessment &mdash; in the cloud!</p>
+<p class="lead mt-5"></p>
+
+<!-- 
 {{< blocks/link-down color="info" >}}
 {{< /blocks/cover >}}
 
@@ -70,4 +72,4 @@ For announcement of latest features etc.
 {{% blocks/section %}}
 This is the another section
 {.h1 .text-center}
-{{% /blocks/section %}}
+{{% /blocks/section %}} -->