Update the Docs SEO and Logo

9 files changed, 23 insertions, 23 deletions

diff --git a/docs/components.html b/docs/components.html
index 328d769..a01e3d0 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -25,7 +25,7 @@
       <div class="docs-brand">
         <a href="index.html" class="docs-logo">
           <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-          <h2>Spectre.css</h2>
+          <h2>SPECTRE</h2>
         </a>
       </div>
       <div class="docs-nav">
@@ -2464,7 +2464,7 @@
 
       <footer class="docs-footer">
         <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> | Version <span class="version"></span></p>
-        <p>Designed and built with ♥ by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
+        <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
       </footer>
 
     </div>
diff --git a/docs/css/docs.css b/docs/css/docs.css
index 1f26801..a6d63b7 100644
--- a/docs/css/docs.css
+++ b/docs/css/docs.css
@@ -325,6 +325,7 @@
   display: inline;
   font-size: .9rem;
   font-weight: 500;
+  line-height: 1.5rem;
   margin-bottom: 0;
   margin-left: .5rem;
   margin-right: .5rem;
@@ -351,7 +352,7 @@
 
 .section-hero .docs-brand {
   position: absolute;
-  top: .5rem;
+  top: .85rem;
 }
 
 .section-hero .docs-brand h2 {
@@ -394,7 +395,6 @@
 .grid-hero {
   padding-bottom: 2rem;
   padding-top: 6rem;
-  position: relative;
 }
 
 .grid-hero h1 {
diff --git a/docs/elements.html b/docs/elements.html
index 4cd593c..023d450 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -25,7 +25,7 @@
       <div class="docs-brand">
         <a href="index.html" class="docs-logo">
           <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-          <h2>Spectre.css</h2>
+          <h2>SPECTRE</h2>
         </a>
       </div>
       <div class="docs-nav">
@@ -1977,7 +1977,7 @@
 
       <footer class="docs-footer">
         <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> | Version <span class="version"></span></p>
-        <p>Designed and built with ♥ by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
+        <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
       </footer>
 
     </div>
diff --git a/docs/experimentals.html b/docs/experimentals.html
index 5d51ffb..8ab7a93 100644
--- a/docs/experimentals.html
+++ b/docs/experimentals.html
@@ -25,7 +25,7 @@
       <div class="docs-brand">
         <a href="index.html" class="docs-logo">
           <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-          <h2>Spectre.css</h2>
+          <h2>SPECTRE</h2>
         </a>
       </div>
       <div class="docs-nav">
@@ -999,7 +999,7 @@
 
       <footer class="docs-footer">
         <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> | Version <span class="version"></span></p>
-        <p>Designed and built with ♥ by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
+        <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
       </footer>
 
     </div>
diff --git a/docs/getting-started.html b/docs/getting-started.html
index 3421fca..2a04835 100644
--- a/docs/getting-started.html
+++ b/docs/getting-started.html
@@ -25,7 +25,7 @@
       <div class="docs-brand">
         <a href="index.html" class="docs-logo">
           <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-          <h2>Spectre.css</h2>
+          <h2>SPECTRE</h2>
         </a>
       </div>
       <div class="docs-nav">
@@ -263,7 +263,7 @@
         <h3 class="s-title"><a href="#introduction" class="anchor" aria-hidden="true">#</a>Introduction</h3>
         <div class="docs-note">
           <p><strong>Spectre.css</strong> is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
-          <p>Spectre provides basic styles for typography and elements, flexbox based responsive layout system, CSS components and utilities with best practice coding and consistent design language.</p>
+          <p>Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>
         </div>
       </div>
 
@@ -702,7 +702,7 @@ gulp.task('prefix', function() {
 
       <footer class="docs-footer">
         <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> | Version <span class="version"></span></p>
-        <p>Designed and built with ♥ by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
+        <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
       </footer>
 
     </div>
diff --git a/docs/index.html b/docs/index.html
index e45c9ef..83f4270 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <meta name="author" content="https://github.com/picturepan2/">
-  <title>Spectre.css - A lightweight, responsive and modern CSS framework</title>
+  <title>Spectre.css - a Lightweight, Responsive and Modern CSS Framework. </title>
   <link rel="stylesheet" href="dist/spectre.css">
   <link rel="stylesheet" href="dist/spectre-icons.css">
   <link rel="stylesheet" href="css/docs.css">
@@ -18,11 +18,11 @@
       <div class="docs-brand">
         <a href="index.html" class="docs-logo">
           <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-          <h2>Spectre.css</h2>
+          <h2>SPECTRE</h2>
         </a>
       </div>
       <h1>Spectre.css</h1>
-      <h2>A <u>lightweight</u>, <u>responsive</u> and <u>modern</u> CSS framework</h2>
+      <h2>a <u>Lightweight</u>, <u>Responsive</u> and <u>Modern</u> CSS Framework</h2>
       <p>
         <a href="getting-started.html" class="btn btn-primary btn-lg">Docs</a>
         <a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-primary btn-lg">GitHub</a>
@@ -65,10 +65,10 @@
 
   <div class="section section-features bg-primary text-light text-center">
     <div class="container grid-lg">
-      <h2>Installation</h2>
+      <h2>Introduction</h2>
       <div class="columns">
         <div class="column col-10 col-sm-12 col-mx-auto text-left">
-          <p class="text-large text-secondary">There are 5 ways to get started with Spectre.css CSS framework in your projects. You can either install manually, from CDN or use NPM, Yarn and Bower.</p>
+          <p class="text-secondary">Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>
         </div>
         <div class="column col-10 col-sm-12 col-mx-auto">
           <a href="getting-started.html#installation" class="btn btn-lg">Install Spectre.css</a>
@@ -126,7 +126,7 @@
   <footer class="section section-footer">
     <div id="copyright" class="grid-footer container grid-lg">
       <p><a href="getting-started.html" target="_blank">Documents</a> | <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> | Version <span class="version"></span></p>
-      <p>Designed and built with ♥ by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
+      <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
     </div>
   </footer>
   <script>
diff --git a/docs/layout.html b/docs/layout.html
index 7c39818..777fcef 100644
--- a/docs/layout.html
+++ b/docs/layout.html
@@ -25,7 +25,7 @@
       <div class="docs-brand">
         <a href="index.html" class="docs-logo">
           <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-          <h2>Spectre.css</h2>
+          <h2>SPECTRE</h2>
         </a>
       </div>
       <div class="docs-nav">
@@ -751,7 +751,7 @@
 
       <footer class="docs-footer">
         <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> | Version <span class="version"></span></p>
-        <p>Designed and built with ♥ by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
+        <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
       </footer>
 
     </div>
diff --git a/docs/src/docs.scss b/docs/src/docs.scss
index 16df1b3..0c7226d 100644
--- a/docs/src/docs.scss
+++ b/docs/src/docs.scss
@@ -323,6 +323,7 @@
       display: inline;
       font-size: .9rem;
       font-weight: 500;
+      line-height: 1.5rem;
       margin-bottom: 0;
       margin-left: .5rem;
       margin-right: .5rem;
@@ -352,7 +353,7 @@
 
   .docs-brand {
     position: absolute;
-    top: .5rem;
+    top: .85rem;
 
     h2 {
       color: $primary-color;
@@ -396,7 +397,6 @@
 .grid-hero {
   padding-bottom: 2rem;
   padding-top: 6rem;
-  position: relative;
 
   h1 {
     color: $body-font-color;
diff --git a/docs/utilities.html b/docs/utilities.html
index 974c541..7c7ded6 100644
--- a/docs/utilities.html
+++ b/docs/utilities.html
@@ -25,7 +25,7 @@
       <div class="docs-brand">
         <a href="index.html" class="docs-logo">
           <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-          <h2>Spectre.css</h2>
+          <h2>SPECTRE</h2>
         </a>
       </div>
       <div class="docs-nav">
@@ -665,7 +665,7 @@
 
       <footer class="docs-footer">
         <p><a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> | Version <span class="version"></span></p>
-        <p>Designed and built with ♥ by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
+        <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
       </footer>
 
     </div>