+Updated Homepage with Bootstrap

CalGrimes · Jun 15, 2021 · 67b9525 · 67b9525
1 parent dd1b821
commit 67b9525
Show file tree

Hide file tree

Showing 9 changed files with 1,234 additions and 91 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -97,7 +97,8 @@ module.exports = function(eleventyConfig) {
       "md",
       "njk",
       "html",
-      "liquid"
+      "liquid",
+      "yml"
     ],
 
     // -----------------------------------------------------------------

diff --git a/.vs/CalGrimes-Blog-Postings/config/applicationhost.config b/.vs/CalGrimes-Blog-Postings/config/applicationhost.config
diff --git a/.vs/CalGrimes-Blog-Postings/v16/.suo b/.vs/CalGrimes-Blog-Postings/v16/.suo
diff --git a/.vs/ProjectSettings.json b/.vs/ProjectSettings.json
@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}
diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
@@ -4,42 +4,58 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ title or metadata.title }}</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
     <meta name="description" content="{{ description or metadata.description }}">
-    <link rel="stylesheet" href="{{ '/css/index.css' | url }}">
+
     <link rel="stylesheet" href="{{ '/css/prism-base16-monokai.dark.css' | url }}">
+    <link rel="stylesheet" href="{{ '/css/index.css' | url }}">
+
     <link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml" title="{{ metadata.title }}">
-    <link rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json" title="{{ metadata.title }}">
+    <ligit nk="nk" rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json" title="{{ metadata.title }}">
   </head>
   <body>
+    <div class="container">
     <header>
-      <h1 class="home"><a href="{{ '/' | url }}">{{ metadata.title }}</a></h1>
+
 
       {#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
-      <ul class="nav">
-      {%- for entry in collections.all | eleventyNavigation %}
-        <li class="nav-item{% if entry.url == page.url %} nav-item-active{% endif %}"><a href="{{ entry.url | url }}">{{ entry.title }}</a></li>
-      {%- endfor %}
-      </ul>
+     <nav class="navbar navbar-expand-lg navbar-light ">
+      <h1 class="home">
+        <a class="navbar-brand" href="{{ '/' | url }}">{{ metadata.title }}</a>
+      </h1>
+       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+         <span class="navbar-toggler-icon"></span>
+       </button>
+       <div class="collapse navbar-collapse" id="navbarNav">
+         <ul class="navbar-nav nav">
+           {%- for entry in collections.all | eleventyNavigation %}
+           <li class="nav-item{% if entry.url == page.url %} nav-item-active{% endif %}">
+             <a href="{{ entry.url | url }}">{{ entry.title }}</a>
+           </li>
+           {%- endfor %}
+         </ul>
+       </div>
+    </nav>
     </header>
+    </div>
 
-    <main{% if templateClass %} class="{{ templateClass }}"{% endif %}>
-
-      <!-- Delete this message -->
-      <div class="warning">
-        <ol>
-          <li>Edit the <code>_data/metadata.json</code> with your blog’s information.</li>
-          <li>(Optional) Edit <code>.eleventy.js</code> with your <a href="https://www.11ty.dev/docs/config/">configuration preferences</a>.</li>
-          <li>Delete this message from <code>_includes/layouts/base.njk</code>.</li>
-        </ol>
-        <p><em>This is an <a href="https://www.11ty.dev/">Eleventy project</a> created from the <a href="https://github.com/11ty/eleventy-base-blog"><code>eleventy-base-blog</code> repo</a>.</em></p>
-      </div>
-      <!-- Stop deleting -->
-
-      {{ content | safe }}
+    <main>
+        {{ content | safe }}
     </main>
 
-    <footer></footer>
+    <footer>
+      <div class="container">
+        <span>&#169;</span>
+        2021 - Created By Cal Grimes
+      </div>
+    </footer>
 
     <!-- Current page: {{ page.url | url }} -->
+
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+    <!-- JS Script for fontawesome -->
+    <script src="https://kit.fontawesome.com/6d2ea823d0.js"></script>
   </body>
 </html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -97,7 +97,8 @@ module.exports = function(eleventyConfig) { @@
           "md",
           "njk",
           "html",
-          "liquid"
+          "liquid",
+          "yml"
         ],
         // -----------------------------------------------------------------
@@ Expand Down @@