Fix the ads in the Docs

3 files changed, 15 insertions, 13 deletions

diff --git a/docs/src/_docs-layout.pug b/docs/src/_docs-layout.pug
index 864e458..872b3e6 100644
--- a/docs/src/_docs-layout.pug
+++ b/docs/src/_docs-layout.pug
@@ -9,7 +9,7 @@ block content
       a.btn.btn-primary(href='https://github.com/picturepan2/spectre' target='_blank') GitHub
     #sidebar.docs-sidebar.off-canvas-sidebar
       .docs-brand
-        a.docs-logo(href='/')
+        a.docs-logo(href='index.html')
           img(src='img/spectre-logo.svg' alt='Spectre.css CSS Framework')
           h2 SPECTRE
       .docs-nav
diff --git a/docs/src/index.pug b/docs/src/index.pug
index 75b28ba..ad6de46 100644
--- a/docs/src/index.pug
+++ b/docs/src/index.pug
@@ -9,13 +9,7 @@ block content
           h2 SPECTRE
       h1 Spectre.css
       h2
-        | A 
-        u Lightweight
-        | , 
-        u Responsive
-        |  and 
-        u Modern
-        |  CSS Framework 
+        | A #[u Lightweight], #[u Responsive] and #[Modern] CSS Framework
       p
         a.btn.btn-primary.btn-lg.mr-2(href='getting-started.html') Docs
         a.btn.btn-primary.btn-lg(href='https://github.com/picturepan2/spectre' target='_blank') GitHub
@@ -41,9 +35,9 @@ block content
               span.card-title Modern
             .card-body
               | Elegantly designed and developed elements and components
-      .columns
-        .column.col-12
-          include contents/_ad-g.pug
+  
+  .section.section-ads.bg-gray
+    include contents/_ad-g.pug
 
   .section.section-features.bg-primary.text-light.text-center
     .container.grid-lg
@@ -84,6 +78,8 @@ block content
               | Spectre Docs experience has been completely rewritten and improved.
             .card-footer
               a.btn.btn-primary(href='getting-started.html') Explore
-  footer.section.section-footer
+  .section.section-ads.bg-gray
     include contents/_ad-c.pug
+
+  footer.section.section-footer
     include _footer.pug
\ No newline at end of file
diff --git a/docs/src/scss/docs.scss b/docs/src/scss/docs.scss
index fae8152..e7d5ffd 100644
--- a/docs/src/scss/docs.scss
+++ b/docs/src/scss/docs.scss
@@ -385,6 +385,10 @@
   }
 }
 
+.section-ads {
+  padding: 1rem .5rem;
+}
+
 .section-updates {
   padding: 4.5rem .5rem 3.5rem .5rem;
 
@@ -420,6 +424,7 @@
   h1 {
     color: $body-font-color;
     font-size: 1.6rem;
+    font-weight: 600;
     margin-bottom: 1.5rem;
   }
 
@@ -445,7 +450,8 @@
 
     .card-title {
       color: $primary-color;
-      font-size: .9rem;
+      font-size: 1rem;
+      font-weight: 700;
       margin-bottom: 0;
     }
   }