docs: bring the new landing page (#1543)

* docs: bring the new landing page * docs: update the deprecation labels
SAP · Jul 16, 2020 · 8ed6784 · 8ed6784
1 parent c324217
commit 8ed6784
Show file tree

Hide file tree

Showing 34 changed files with 1,179 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 # SAP Fundamentals
 
-**SAP Fundamentals will be deprecated soon. [Fundamental Styles](https://sap.github.io/fundamental-styles) is its successor. If you are using this library consider migrating over to fundamental-styles.
-SAP Fundamentals' Documentation Site will be hosted [here](https://sap.github.io/fundamental/old.html) for time being.**
+**SAP Fundamentals is deprecated. [Fundamental Styles](https://sap.github.io/fundamental-styles) is its successor. If you are using this library consider migrating over to fundamental-styles.
+SAP Fundamentals' Documentation Site is hosted [here](https://sap.github.io/fundamental/old.html) for time being.**
 
 [![npm version](https://badge.fury.io/js/fiori-fundamentals.svg)](https://badge.fury.io/js/fiori-fundamentals)
 [![Build Status](https://travis-ci.org/SAP/fundamental.svg?branch=master)](https://travis-ci.org/SAP/fundamental)

diff --git a/docs/_config.yml b/docs/_config.yml
@@ -8,15 +8,15 @@ output: web
 topnav_title: SAP Fundamentals
 
 # this appears in the html browser tab for the site title (seen mostly by search engines, not users)
-site_title: SAP Fundamentals
+site_title: Fundamental Styles
 
 site_description: SAP Fiori Fundamentals is a Fiori 3 component library and SASS toolkit for building SAP user interfaces with any technology.
 
 # this appears in the footer
 company_name: SAP Fundamentals
 
 # if you have google-analytics ID, put it in. if not, edit this value to blank.
-google_analytics: UA-126805333-1
+google_analytics: UA-126805333-3
 
 # the preview server used. Leave as is.
 host: 127.0.0.1

diff --git a/docs/_includes/head.html b/docs/_includes/head.html
@@ -1,12 +1,8 @@
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<meta name="description" content="{% if page.summary %}{{ page.summary | strip_html | strip_newlines | truncate: 160 }}{% endif %}">
+<meta name="description" content="Fundamental Library is a themable Fiori 3 component library {% if page.summary %}{{ page.summary | strip_html | strip_newlines | truncate: 160 }}{% endif %}">
 <meta name="keywords" content="{{page.tags}}{% if page.tags %}, {% endif %} {{page.keywords}}">
-
-{% if page.permalink == 'index.html' %}
-<meta http-equiv='refresh' content='0; URL=./old.html'>
-{% endif %}
 <title>
 	{% if page.title%}
 	{{ page.title }} - {{ site.site_title }}
@@ -15,6 +11,16 @@
 	{% endif %}
 
 </title>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126805333-3"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'UA-126805333-3');
+</script>
+
 
 <!-- Google Tag Manager -->
 <script>

diff --git a/docs/_includes/topnav.html b/docs/_includes/topnav.html
@@ -40,6 +40,6 @@
     </div>
 
 <div class="fd-alert fd-alert--warning fd-alert--dismissible" role="alert">
-  SAP Funadmentals is in maintanance mode and soon will be deprecated. Please, consider migrating to <a href="https://sap.github.io/fundamental-styles">fundamental-styles</a>.
+  SAP Funadmentals is in maintanance mode and is deprecated. Please, consider migrating to <a href="https://sap.github.io/fundamental-styles">fundamental-styles</a>.
 </div>
 </nav>
diff --git a/docs/_layouts/default-no-sidebar.html b/docs/_layouts/default-no-sidebar.html
@@ -1,13 +1,16 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     {% include head.html %}
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
 </head>
 
 <body>
 
-    {% include topnav.html %}
+    {% if page.topnavhidden != true %}
+      {% include topnav.html %}
+    {%  endif %}
 
     <!-- Page Content -->
     <div class="docs-container">
@@ -17,7 +20,9 @@
             {{content}}
 
             <!-- footer -->
-            {% include footer.html %}
+            {% if page.footerhidden != true %}
+                {% include footer.html %}
+            {%  endif %}
         </div>
     </div>
 </body>

diff --git a/docs/_sass/_docs-main-content.scss b/docs/_sass/_docs-main-content.scss
@@ -1,9 +1,14 @@
-.main-content{
+.main-content {
     vertical-align: top;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    height: calc(100vh - 27px - 40px - 20px);
     flex-grow: 1;
     display: flex;
-    flex-direction: column;
-}
+    flex-wrap: wrap;
+    scroll-behavior: smooth;
+  }
+
 .docs-content{
     padding: 40px 40px 80px 60px;
     min-width: 1024px;