linked to compare page from homepage; added title to compare page

LsHalloArchive · Oct 7, 2019 · 13a3fff · 13a3fff
1 parent feed1de
commit 13a3fff
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
 # f1stats [![Netlify Status](https://api.netlify.com/api/v1/badges/7c14b8c4-7a4a-4b6a-b9c5-72872cfb5592/deploy-status)](https://app.netlify.com/sites/formula1stats/deploys)
-##### Provides user statistics for the f1 subreddit. (Including [r/Formula1Point5](http://reddit.com/r/formula1point5) and [r/F1FeederSeries](http://reddit.com/r/f1feederseries))
+##### Provides user statistics for the f1 subreddit. (Including [r/Formula1Point5](https://reddit.com/r/formula1point5) and [r/F1FeederSeries](https://reddit.com/r/f1feederseries))
 ### View the statistics [here](https://lshallo.github.io/f1stats/)
 
 I've created this project based on this reddit [post](https://www.reddit.com/r/formula1/comments/d1s3lj/rformula1_active_user_count_during_the_italian/)  

diff --git a/docs/compare.html b/docs/compare.html
@@ -20,6 +20,11 @@
     <body class="dark">
         <div id="content-container">
             <div id="content">
+                <div class="title">
+                    <h2 class="link-center d-inline-block align-middle">Compare Races</h2>
+                    <a href="index.html" class="ml-3 d-none d-md-inline-block align-bottom">Home</a>
+                    <a href="about.html" class="ml-2 d-none d-md-inline-block align-bottom">About</a>
+                </div>
                 <div id="toolbar">
                     <div class="form-inline">
                         <div class="input-group">

diff --git a/docs/css/custom.css b/docs/css/custom.css
diff --git a/docs/index.html b/docs/index.html
@@ -23,7 +23,8 @@
             <div id="content">
                 <div class="title">
                     <h2 class="link-center d-inline-block align-middle">r/formula1 statistics</h2>
-                    <a href="about.html" class="ml-3 d-none d-md-inline-block align-bottom">About</a>
+                    <a href="about.html" class="ml-2 d-none d-md-inline-block align-bottom">About</a>
+                    <a href="compare.html" class="ml-3 d-none d-md-inline-block align-bottom">Compare Races (Beta)</a>
                     <span id="toolbar-trigger" class="ml-2 d-sm-inline-block d-md-none">
                         <input type="button" class="btn btn-outline-primary" value="Options" data-toggle="modal" data-target="#dateoptions-modal">
                     </span>

diff --git a/docs/scss/custom.scss b/docs/scss/custom.scss
@@ -145,7 +145,7 @@ body.dark {
 #toolbar {
     display: flex;
     flex-direction: column;
-    margin-top: .4em;
+    margin-top: .6em;
 }
 
 #darkModeToggle:hover {