docs: #427 remove SCSS from the landing page and remove the resources…

… links (#429)
SAP · Nov 23, 2019 · 18f0786 · 18f0786
1 parent c0c9a0d
commit 18f0786
Show file tree

Hide file tree

Showing 27 changed files with 61 additions and 180 deletions.
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -22,7 +22,7 @@ A clear and concise description of what the bug is.
 
 > Is this issue related to a specific component?
 
-> What version of the Fundamental Styles are you using?
+> What version of the Fundamental Library Styles are you using?
 
 > What offering/product do you work on? Any pressing ship or release dates we should be aware of?
 

diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -23,7 +23,7 @@ A clear and concise description of what the problem is. Ex. I'm always frustrate
 
 > What browser are you working in?
 
-> What version of Fundamental Styles are you using?
+> What version of Fundamental Library Styles are you using?
 
 > What offering/product do you work on? Any pressing ship or release dates we should be aware of?
 

diff --git a/README.md b/README.md
@@ -1,12 +1,12 @@
-# Fundamental Styles
+# Fundamental Library Styles
 
 [![npm version](https://badge.fury.io/js/fundamental-styles.svg)](https://badge.fury.io/js/fundamental-styles)
 [![Build Status](https://travis-ci.com/SAP/fundamental-styles.svg?branch=master)](https://travis-ci.com/SAP/fundamental-styles)
 [![Slack](https://img.shields.io/badge/slack-ui--fundamentals-blue.svg?logo=slack)](https://join.slack.com/t/ui-fundamentals/shared_invite/enQtNTIzOTU0Mzc2NTc5LWQzZWI5MWFhYjE5OTc4YzliN2JhOTc1ZjQxZTg1YjZiMWZiYzRkNjMwYzgyMmFkYmNhZDVjMWE5MDIzOWEzMmM)
 
-## What is Fundamental Styles?
+## What is Fundamental Library Styles?
 
-Fundamental Styles is a light-weight presentation layer that can be used with your UI framework of choice (e.g. Angular, React, Vue, etc.). With Fundamental Styles’ library of stylesheets and HTML tags, developers can build consistent Fiori apps in any web-based technology.
+Fundamental Library Styles is a light-weight presentation layer that can be used with your UI framework of choice (e.g. Angular, React, Vue, etc.). With Fundamental Library Styles’ library of stylesheets and HTML tags, developers can build consistent Fiori apps in any web-based technology.
 
 **Learn more at http://sap.github.io/fundamental-styles/**
 

diff --git a/config/postcss.config.js b/config/postcss.config.js
@@ -38,10 +38,10 @@ module.exports = {
           }),
         minify,
         postcssBanner({
-            banner: `Fundamental Styles v${packageVersion}
+            banner: `Fundamental Library Styles v${packageVersion}
 Copyright (c) ${year} SAP SE or an SAP affiliate company.
 Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)`,
             important: true})
 
     ]
-}
+}
diff --git a/docs/_config.yml b/docs/_config.yml
@@ -24,7 +24,7 @@ host: 127.0.0.1
 # the port where the preview is rendered. You can leave this as is unless you have other Jekyll builds using this same port that might cause conflicts. in that case, use another port such as 4006.
 port: 4000
 
-feedback_subject_line: Fundamental Styles Documentation Feedback
+feedback_subject_line: Fundamental Library Styles Documentation Feedback
 
 # used as a contact email for the Feedback link in the top navigation bar
 feedback_email: fundamental@sap.com

diff --git a/docs/_data/sidebars/left-navigation-sidebar.yml b/docs/_data/sidebars/left-navigation-sidebar.yml
@@ -61,19 +61,23 @@ entries:
     output: web
 
     folderitems:
-
-    - title: Contextual Menu
-      url: /patterns/contextual-menu.html
-      output: web
 
     - title: Combobox Input
       url: /patterns/combobox-input.html
       output: web
+
+    - title: Contextual Menu
+      url: /patterns/contextual-menu.html
+      output: web
 
     - title: Date Picker
       url: /patterns/date-picker.html
       output: web
 
+    - title: Multi Input
+      url: /patterns/multi-input.html
+      output: web
+
     - title: Search Input
       url: /patterns/search-input.html
       output: web
@@ -247,7 +251,7 @@ entries:
       url: /resources/design-system-utilities.html
       output: web
 
-    - title: Fundamental Styles Implementation Libraries
+    - title: Fundamental Libraries
       url: /resources/fundamentals-libraries.html
       output: web
 
diff --git a/docs/_data/strings.yml b/docs/_data/strings.yml
@@ -1,4 +1,4 @@
 # placed here for translation purposes
-headerDisclaimer: Although the following examples use the `<h3>` tag for the title element, the styling provided by Fundamental Styles will remain consistent for any heading level used. `<h1>` should be reserved for the page title.
+headerDisclaimer: Although the following examples use the `<h3>` tag for the title element, the styling provided by Fundamental Library Styles will remain consistent for any heading level used. `<h1>` should be reserved for the page title.
 search_placeholder_text: search...
 search_no_results_text: No results found
diff --git a/docs/_includes/display-component.html b/docs/_includes/display-component.html
@@ -1,14 +1,4 @@
-{% assign min = 50 %}
-{% assign max = 100000 %}
-{% assign diff = max | minus: min %}
-{% assign randomNumber = "now" | date: "%N" | modulo: diff | plus: min %}
 <div class="fd-tile docs-component docs-component__{{include.class}}">
-    <label class="fd-form-label fd-form-label--toggle docs-component__bg-toggle" for="{{ randomNumber }}" title="Change Background">
-        <span class="fd-toggle fd-toggle--xs">
-            <input class="toggle-bg fd-toggle__input" type="checkbox" name="" value="" id="{{ randomNumber }}">
-            <span class="fd-toggle__switch" role="presentation"></span>
-        </span>
-    </label>
     <div class="fd-tile__content">
 		{{ include.component }}
 	</div>

diff --git a/docs/_includes/topnav.html b/docs/_includes/topnav.html
@@ -4,7 +4,7 @@
 
         <!-- logo -->
         <a class="docs-top-nav__logo" href="{{site.baseurl}}/index.html">
-            Fundamental <span class="docs-top-nav__logo__accent">Styles</span>
+            Fundamental Library<span class="docs-top-nav__logo__accent"> Styles</span>
         </a>
 
         <button id="mobile-sidenav-btn" class="fd-button--light sap-icon--menu2" aria-haspopup="true" aria-expanded="false" aria-label="Menu"></button>

diff --git a/docs/_layouts/full-width-page.html b/docs/_layouts/full-width-page.html
@@ -24,9 +24,9 @@
 
 {% endif %}
 
-<div class="docs-content-full-width">
+<div class="docs-content">
 
-    <h2 class="docs-headers-h2">{{ page.title }}</h2>
+    <h1 class="docs-headers-h1">{{ page.title }}</h2>
 
     {% if page.summary %}
     <div class="fd-container">

diff --git a/docs/_sass/_docs-display-component.scss b/docs/_sass/_docs-display-component.scss
@@ -112,10 +112,6 @@
                 margin-top: -410px;
             }
         }
-
-        .docs-component__bg-toggle {
-            display: none;
-        }
     }
 
     &__app-example {

diff --git a/docs/_sass/_docs-main-content.scss b/docs/_sass/_docs-main-content.scss
@@ -32,7 +32,7 @@
     }
 }
 .docs-content-full-width {
-    padding: 40px 40px 80px 40px;
+    padding: 40px 40px 80px 0;
     width: 100%;
     display: flex;
     flex-direction: column;

diff --git a/docs/images/component-visual/date-picker.png b/docs/images/component-visual/date-picker.png
diff --git a/docs/images/component-visual/time-picker.png b/docs/images/component-visual/time-picker.png
diff --git a/docs/index.html b/docs/index.html
@@ -10,11 +10,10 @@
 <div class="docs-home_hero">
     <div class="fd-container fd-container--fluid">
         <div class="fd-col--12 docs-home_hero-content">
-            <h1 class="docs-home_hero-heading"><span class="docs-home_hero-bold">Develop</span> with Fundamental
+            <h1 class="docs-home_hero-heading"><span class="docs-home_hero-bold">Develop</span> with Fundamental Library
                 <br>Styles.</h1>
             <p class="docs-home_hero-description">
-                Fundamental Styles is SCSS ready! Explore some functions and mixins to maintain consistency & quality of
-                your SCSS.
+                An open source library to consistent user interface across web applications.
             </p>
             <a class="fd-button--emphasized docs-home_hero-btn"
                href="components/index.html">
@@ -44,7 +43,7 @@ <h2 class="docs-home_panel-heading">Spacing.</h2>
         </div>
         <div class="fd-col--6">
             <h2 class="docs-home_panel-heading">Type.</h2>
-            <p class="docs-home_panel-description">Fundamental Styles uses a set of sans-serif system fonts.
+            <p class="docs-home_panel-description">Fundamental Library Styles uses a set of sans-serif system fonts.
                 They are timeless fonts ensures that the fresh, clean, and minimalist style. It works well
                 across all browsers, devices, and platforms for customization to be easy.</p>
             <a href="foundation/type.html"
@@ -55,32 +54,16 @@ <h2 class="docs-home_panel-heading">Type.</h2>
 
 <div class="docs-home_panel docs-home_panel--alt">
     <div class="fd-container fd-container--fluid">
+        <h1 class="docs-home_panel-title"><a href="components/index.html">library.</a></h1>
         <div class="fd-col--6">
-            <h1 class="docs-home_panel-title"><a href="components/index.html">library.</a></h1>
             <div class="docs-home_panel-search-box">
                 {% include search-box.html %}
             </div>
         </div>
         <div class="fd-col--6">
-            <h1 class="docs-home_panel-title"><a href="resources/index.html">resources.</a></h1>
-            <div class="fd-container fd-container--fluid">
-                <a href="https://github.com/SAP/fundamental-styles" target="_blank" class="docs-home_panel-resources-link">Source Code <span class="sap-icon--navigation-right-arrow"></span> </a>
-                <a href="resources/index.html" class="docs-home_panel-resources-link">Guides <span class="sap-icon--navigation-right-arrow"></span> </a>
-            </div>
-            <br><br>
+            <a href="https://sap.github.io/fundamental-ngx" target="_blank" class="docs-home_panel-resources-link">Fundamental Library for Angular <span class="sap-icon--navigation-right-arrow"></span> </a>
+            <a href="https://sap.github.io/fundamental-react" target="_blank" class="docs-home_panel-resources-link">Fundamental Library for React <span class="sap-icon--navigation-right-arrow"></span> </a>
+            <a href="https://github.com/SAP/fundamental-vue" target="_blank" class="docs-home_panel-resources-link">Fundamental Library for Vue <span class="sap-icon--navigation-right-arrow"></span> </a>
         </div>
     </div>
 </div>
-
-<div class="docs-home_panel docs-home_panel--alt">
-    <div class="fd-container fd-container--fluid">
-        <div class="fd-col--6">
-            <h1 class="docs-home_panel-title"><a href="components/index.html">implementation libraries.</a></h1>
-
-            <a href="https://sap.github.io/fundamental-ngx" target="_blank" class="docs-home_panel-resources-link">Fundamental for Angular <span class="sap-icon--navigation-right-arrow"></span> </a>
-            <a href="https://sap.github.io/fundamental-react" target="_blank" class="docs-home_panel-resources-link">Fundamental for React <span class="sap-icon--navigation-right-arrow"></span> </a>
-            <a href="https://github.com/SAP/fundamental-vue" target="_blank" class="docs-home_panel-resources-link">Fundamental for Vue <span class="sap-icon--navigation-right-arrow"></span> </a>
-        </div>
-
-    </div>
-</div>
diff --git a/docs/pages/foundation/getting-started-designers.html b/docs/pages/foundation/getting-started-designers.html
@@ -5,7 +5,7 @@
 toc: false
 permalink: foundation/getting-started-designers.html
 folder: foundation
-summary: Create a harmonious experience for users with Fundamental Styles design language. As designers, deliver geat outcomes with flexible consistent design that guarantees faster build times.
+summary: Create a harmonious experience for users with Fundamental Library Styles design language. As designers, deliver geat outcomes with flexible consistent design that guarantees faster build times.
 breadcrumb: Getting Started Designers
 ---
 
@@ -29,11 +29,11 @@ <h3 class="docs-header-h3">Adaptive</h3>
 [ IMAGE OF UI KIT ]
 
 <ol>
-	<li>To start designing, download the Fundamental Styles Kit: Sketch or Axure. Fundament UI Kit is built to provide the core visual styles, components, and templates.</li>
+	<li>To start designing, download the Fundamental Library Styles Kit: Sketch or Axure. Fundament UI Kit is built to provide the core visual styles, components, and templates.</li>
 	<li>Make sure to learn more about our UI Guidlines: Colors, Grid, Spacing and Type.</li>
 </ol>
 
 <h3 class="docs-header-h3">Releases</h3>
-<p>Fundamental Styles team is always making improvements to the kit. Keep track of updates.</p>
+<p>Fundamental Library Styles team is always making improvements to the kit. Keep track of updates.</p>
 
 <p>If you have any questions, email our team.</p>
diff --git a/docs/pages/foundation/index.md b/docs/pages/foundation/index.md
@@ -5,14 +5,10 @@ toc: false
 sidebar: left-navigation-sidebar
 permalink: foundation/index.html
 folder: foundation
-summary: Fiori Fundamentals is a unified, flexible design system that solves complex
+summary: Fundamental Library Styles is a unified, flexible design system that solves complex
         problems in a meaningful way and creates simple intuitive experience.
 ---
 
-<p>Fundamental Styles is a unified, flexible design system that solves complex
-problems in a meaningful way and creates simple intuitive experience.
-</p>
-
 <div class="fd-layout-grid docs-tiles">
     <a class="fd-tile" role="button" href="spacing.html">
         <div class="fd-tile__content">
@@ -30,7 +26,7 @@ problems in a meaningful way and creates simple intuitive experience.
                  Type
              </h2>
              <p class="fd-tile__description">
-                 Fundamental Styles uses a set of sans-serif system fonts.
+                 Fundamental Library Styles uses a set of sans-serif system fonts.
              </p>
         </div>
     </a>

diff --git a/docs/pages/getting-started.md b/docs/pages/getting-started.md
@@ -5,9 +5,9 @@ sidebar: left-navigation-sidebar
 toc: false
 permalink: getting-started.html
 folder:
-summary: SAP Fiori Fundamentals is a light-weight presentation layer using HTML and CSS. With Fiori Fundamentals’ library of stylesheets and HTML tags, developers can build consistent Fiori apps in any web-based technology.
+summary:
 ---
- Fundamental Styles is a light-weight presentation layer using HTML and CSS with the following implementations under active development: [Angular](https://sap.github.io/fundamental-ngx/){:target="_blank"}, [React](https://sap.github.io/fundamental-react/){:target="_blank"}, and [Vue](https://sap.github.io/fundamental-vue/){:target="_blank"}. With Fundamental Styles’ library of stylesheets and HTML tags, developers can build consistent Fiori apps in any web-based technology.
+ Fundamental Library Styles is a light-weight presentation layer using HTML and CSS with the following implementations under active development: [Angular](https://sap.github.io/fundamental-ngx/){:target="_blank"}, [React](https://sap.github.io/fundamental-react/){:target="_blank"}, and [Vue](https://sap.github.io/fundamental-vue/){:target="_blank"}. With Fundamental Library Styles’ library of stylesheets and HTML tags, developers can build consistent Fiori apps in any web-based technology.
 
 <hr>
 

diff --git a/docs/pages/layouts/index.md b/docs/pages/layouts/index.md
@@ -8,7 +8,7 @@ folder: layouts
 summary:
 ---
 
-Layouts in Fundamental Styles are for structuring the main parts of your application. Organized in three main categories
+Layouts in Fundamental Library Styles are for structuring the main parts of your application. Organized in three main categories
 
 
 <br>

diff --git a/docs/pages/patterns/index.md b/docs/pages/patterns/index.md
@@ -8,12 +8,11 @@ folder: Patterns
 summary:
 ---
 
-Patterns in Fundamental Styles are completely composed from other components CSS and don't have any of their own unique class names or styles.
+Patterns in Fundamental Library Styles are completely composed from other components CSS and don't have any of their own unique class names or styles.
 
 
 <div class="docs-component-grid">
     {% for component in site.data.patterns.items %}
-    <div>{{component.meta}}</div>
         <a href="{{component.meta}}.html" class="docs-component-grid--item">
             <img src="{{site.baseurl}}/images/component-visual/{{component.meta}}.png" alt="{{component.title}}" width="60%" class="docs-component-grid--img__{{component.meta}}">
             <br>

diff --git a/docs/pages/components/multi-input.md → docs/pages/patterns/multi-input.md b/docs/pages/components/multi-input.md → docs/pages/patterns/multi-input.md
@@ -4,8 +4,8 @@ id: multi-input
 keywords: multi input
 sidebar: left-navigation-sidebar
 toc: false
-permalink: components/multi-input.html
-folder: components
+permalink: patterns/multi-input.html
+folder: patterns
 summary:
 ---