🏚 prep for v3 archival; v3 in site-nav & hero

- add package.json - add top-banner
metafizzy · Dec 24, 2020 · aec6ae9 · aec6ae9
1 parent 7f4c12e
commit aec6ae9
Show file tree

Hide file tree

Showing 8 changed files with 3,137 additions and 7 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,5 +2,4 @@ node_modules/
 bower_components/
 build/
 fonts/
-package-lock.json
 .netlify
diff --git a/modules/hero/hero.css b/modules/hero/hero.css
@@ -127,7 +127,7 @@
   }
 
   .hero__title {
-    font-size: 5.0rem;
+    font-size: 4.2rem;
     padding-top: 25px;
   }
 

diff --git a/modules/hero/hero.hbs b/modules/hero/hero.hbs
@@ -3,7 +3,7 @@
     <div class="hero__masthead">
       {{> infinite-scroll-illo}}
       <div class="hero__text">
-        <h1 class="hero__title">Infinite Scroll</h1>
+        <h1 class="hero__title">Infinite Scroll v3</h1>
         <p class="hero__tagline">Automatically add next page</p>
         <p>
           {{>gh-button project="Infinite Scroll" ghPath="metafizzy/infinite-scroll" stars="4,400" }}

diff --git a/modules/site-nav/site-nav.css b/modules/site-nav/site-nav.css
@@ -35,7 +35,6 @@
 }
 
 .site-nav__item--homepage {
-  font-size: 1.5rem;
   font-weight: bold;
 }
 
@@ -77,7 +76,6 @@
   }
 
   .site-nav__item--homepage {
-    font-size: 1.4rem;
     width: 200px;
   }
 

diff --git a/modules/site-nav/site-nav.hbs b/modules/site-nav/site-nav.hbs
@@ -1,6 +1,12 @@
+<div class="top-banner">
+  <div class="container">
+    This is the archived documentation site for Infinite Scroll v3. <a href="https://infinite-scroll.com">For the latest version, view infinite-scroll.com</a>.
+  </div>
+</div>
+
 <ol class="site-nav">
   <li class="site-nav__item site-nav__item--homepage">
-    <a href="{{@file.rootPath}}.">Infinite Scroll</a>
+    <a href="{{@file.rootPath}}.">Infinite Scroll v3</a>
   </li>
   <li class="site-nav__item site-nav__item--options">
     <a href="{{@file.rootPath}}options.html">Options</a>

diff --git a/modules/top-banner/top-banner.css b/modules/top-banner/top-banner.css
@@ -0,0 +1,5 @@
+.top-banner {
+  padding: 10px 0;
+  background: #036;
+  color: white;
+}