Fix links in non-doc layouts

- Use Hugo to convert scss to css - Update .gitignore file - Fix Product home page link - commit public folder - Add product name, key, datasheetFormID keys - Add product class to body - Remove css files - Fix big cta and footer links
kubedb · Jun 14, 2019 · 97ef347 · 97ef347
1 parent 9fd0b7d
commit 97ef347
Show file tree

Hide file tree

Showing 28 changed files with 195 additions and 3,967 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,6 @@
-.firebase/
-content/docs/
-node_modules/
-repos/
-resources/
+/.firebase
+/content/docs
+/node_modules
+/repos
+/resources
 .sass-cache
diff --git a/config.yaml b/config.yaml
@@ -1,6 +1,7 @@
 title: Run production-grade databases easily on Kubernetes
 baseurl: https://kubedb-v2-hugo.web.app
 languageCode: en-us
+assetDir: static
 disableKinds:
   - taxonomy
   - taxonomyTerm

diff --git a/data/products.json b/data/products.json
@@ -1,6 +1,9 @@
 {
   "products": {
     "docs": {
+      "key": "kubedb",
+      "name": "KubeDB",
+      "datasheetFormID": "9d6f5a4d3fe306ecf3b9ca3c8e121265bcf355b2c3f198a8439cf9035bbda0e7",
       "url": "https://github.com/kubedb/docs.git",
       "versions": [
           { "branch": "master", "hostDocs": false, "v-dropdown": true },

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <meta name="theme-color" content="#2D9AED" />
-    <title>KubeDB Home</title>
+    <title>{{.Site.Data.products.products.docs.name}} Home</title>
     <!-- favicon -->
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
     <!-- Font Awesome CSS -->
@@ -15,12 +15,16 @@
     <!-- Bulma CSS -->
     <link rel="stylesheet" href="/assets/css/bulma.min.css" />
     <!-- Custom CSS -->
-    <link rel="stylesheet" href="/assets/css/style.css" />
+    {{ with $style := resources.Get "assets/sass/main.scss" | resources.ToCSS | resources.PostCSS }}
+    <link rel="stylesheet" href="{{ $style.RelPermalink }}" />
+    {{ end }}
     <!-- Responsive CSS -->
-    <link rel="stylesheet" href="/assets/css/responsive.css" />
+    {{ with $style := resources.Get "assets/css/responsive.css" | resources.Minify | resources.Fingerprint }}
+    <link rel="stylesheet" href="{{ $style.RelPermalink }}" />
+    {{ end }}
   </head>
 
-  <body>
+  <body class="{{.Site.Data.products.products.docs.key}}">
     <!--[if lte IE 9]>
       <p class="browserupgrade">
         You are using an <strong>outdated</strong> browser. Please
@@ -38,7 +42,7 @@
         <div class="container section">
           <nav class="navbar">
             <div class="navbar-brand">
-              <a class="navbar-item" href="#">
+              <a class="navbar-item" href="{{.Site.Params.domain_appscode}}">
                 <img src="/assets/images/logo-color-appscode.png" alt="" />
               </a>
 
@@ -426,8 +430,8 @@ <h5>KubeVault</h5>
         <div class="container section">
           <nav class="navbar">
             <div class="navbar-brand">
-              <a class="navbar-item" href="index.html">
-                <img src="/assets/images/kubedb-white.png" alt="" />
+              <a class="navbar-item" href="{{.Site.BaseURL}}">
+                <img src="/assets/images/{{.Site.Data.products.products.docs.key}}-white.png" alt="" />
               </a>
 
               <a
@@ -679,6 +683,7 @@ <h4>Anup Deb</h4>
 
     <!-- call to action area start -->
     {{ block "cta-install" . }}
+    {{ $latestVersion:= (index $.Site.Data.products.products.docs "latestVersion") }}
     <section class="cta-area section-padding pt-0">
       <div class="container section">
         <div class="cta-padding">
@@ -695,7 +700,7 @@ <h2>Ready to get Start?</h2>
               <div class="cta-button d-table">
                 <!-- cta button start -->
                 <div class="cta-button-inner d-table-cell">
-                  <a href="#" class="button kd-button kd-primary"
+                  <a href="/docs/{{ $latestVersion }}/setup/" class="button kd-button kd-primary"
                     >Try Now for FREE</a
                   >
                 </div>
@@ -719,7 +724,7 @@ <h2>Ready to get Start?</h2>
               <div class="single-footer-widget">
                 <!-- logo start -->
                 <div class="footer-logo">
-                  <a href="#"
+                  <a href="{{.Site.Params.domain_appscode}}"
                     ><img
                       src="/assets/images/logo-color-appscode.png"
                       alt=""
@@ -728,6 +733,8 @@ <h2>Ready to get Start?</h2>
                 </div>
                 <!-- logo end -->
 
+                <!-- subscription form start -->
+
                 <!-- single modal start -->
                 <div class="modal-div">
                   <!-- subscription button start -->
@@ -759,7 +766,7 @@ <h2>Ready to get Start?</h2>
                   <!-- modal end -->
                 </div>
                 <!-- single modal end -->
-               <script type="text/javascript">
+                <script type="text/javascript">
                   // Modal javascript start
                   var modalButtons = document.querySelectorAll(".modal-button");
                   var modalCloseBtns = document.querySelectorAll(".mod-close");
@@ -792,7 +799,9 @@ <h2>Ready to get Start?</h2>
                     });
                   });
                   // Modal javascript end
-               </script>
+                </script>
+
+                <!-- subscription form end -->
 
                 <!-- contact information start -->
                 <div class="contact-information">

diff --git a/layouts/datasheet/list.html b/layouts/datasheet/list.html
@@ -31,7 +31,7 @@ <h4 class="mt-15">Schedule a demo with a product expert</h4>
       </div>
       <div class="column is-6">
         <div class="form-area">
-          <script src='https://appscode.freshsales.io/web_forms/9d6f5a4d3fe306ecf3b9ca3c8e121265bcf355b2c3f198a8439cf9035bbda0e7/form.js' crossorigin='anonymous' id='fs_9d6f5a4d3fe306ecf3b9ca3c8e121265bcf355b2c3f198a8439cf9035bbda0e7'></script>
+          <script src='https://appscode.freshsales.io/web_forms/{{.Site.Data.products.products.docs.datasheetFormID}}/form.js' crossorigin='anonymous' id='fs_{{.Site.Data.products.products.docs.datasheetFormID}}'></script>
         </div>
       </div>
     </div>

diff --git a/layouts/features/list.html b/layouts/features/list.html
@@ -1,4 +1,8 @@
 {{ define "main" }}
+
+{{ $productJson := (index $.Site.Data.products.products "docs" ) }}
+{{ $latestVersion:= (index $.Site.Data.products.products.docs "latestVersion") }}
+
 <!-- features area start -->
 <section class="hero-features">
   <div class="container section">
@@ -9,7 +13,7 @@
           <h1>You’re in best cloud solution</h1>
           <p>Lorem Ipsum is simply dummy text of the printing and it is</p>
           <div class="hero-area-button">
-            <a href="#" class="button kd-button kd-primary">Install Now FREE</a>
+            <a href="/docs/{{ $latestVersion }}/setup/" class="button kd-button kd-primary">Install Now FREE</a>
           </div>
         </div>
         <!-- hero features text end -->

diff --git a/layouts/index.html b/layouts/index.html
@@ -8,7 +8,7 @@
           <!-- hero content start -->
           <div class="hero-area-content d-table">
             <div class="hero-content-inner d-table-cell">
-              <h4>KubeDB</h4>
+              <h4>{{.Site.Data.products.products.docs.name}}</h4>
               <h1>
                 Run production-grade databases <br />
                 easily on <strong>Kubernetes</strong>