+Chagning Theme Colours

+(fix) Javascript made compatible

.eleventy.js

@@ -60,6 +60,7 @@ module.exports = function(eleventyConfig) {
   // Copy the `img` and `css` folders to the output
   eleventyConfig.addPassthroughCopy("img");
   eleventyConfig.addPassthroughCopy("css");
+  eleventyConfig.addPassthroughCopy("js");
 
   // Customize Markdown library and settings:
   let markdownLibrary = markdownIt({

.vs/VSWorkspaceState.json

@@ -1,10 +1,10 @@
 {
   "ExpandedNodes": [
     "",
+    "\\js",
     "\\projects",
-    "\\_includes",
-    "\\_includes\\layouts"
+    "\\_data",
+    "\\_includes"
   ],
-  "SelectedNode": "\\index.njk",
   "PreviewInSolutionExplorer": false
 }

_includes/layouts/news.njk

@@ -9,7 +9,7 @@ eleventyNavigation:
 ---
 
 <div class="text-center">
-    <h1>Our News</h1>
+    <h1>Cal Grimes' Blog News</h1>
     <hr>
     <br>
 </div>
@@ -41,7 +41,7 @@ eleventyNavigation:
         {{ content | safe }}
     </div>
     <div class="col-md-6">
-        <img src="{{thumbnail}}"/>
+        <img class="news-img" src="{{thumbnail}}"/>
     </div>
 </div>
 <hr>

css/index.css

@@ -5,8 +5,8 @@
   --darkgray: #333;
   --navy: #17050F;
   --white: #fff;
-  --lightrose: #ec8282;
-  --softorange: #DCAE96;
+  --lightleafygreen: #bcd1cf;
+  --leafygreen: #64a19d;
   --black: #17050F;
 }
 
@@ -58,7 +58,7 @@ main {
 
 
 .jumbotron {
-  background-color: var(--lightrose);
+  background-color: var(--lightleafygreen);
 }
 
 header {
@@ -147,7 +147,7 @@ code {
 
 
 header {
-  background-color: var(--softorange);
+  background-color: var(--leafygreen);
 }
 
 .home {
@@ -168,7 +168,7 @@ header {
   float: left;
   margin-left: 1em;
   cursor: pointer;
-  background-color: var(--softorange);
+  background-color: var(--leafygreen);
 }
 
 .nav-item {
@@ -183,9 +183,10 @@ header {
 
 
 
+
 /* Footer */
 footer > .container {
-  background-color: var(--softorange);
+  background-color: var(--leafygreen);
   text-align: center;
   padding: 28px;
 }
@@ -248,7 +249,7 @@ footer > .container {
   font-size: 0.625em; /* 10px /16 */
   padding: 6px 6px;
   margin-bottom: 0.5em;
-  background-color: var(--lightrose);
+  background-color: var(--darkgray);
   color: var(--white);
   border-radius: 0.4em;
   text-decoration: none;
@@ -268,15 +269,15 @@ footer > .container {
   font-size: 0.625em; /* 10px /16 */
   padding: 6px 6px;
   margin-bottom: 0.5em;
-  background-color: var(--lightrose);
+  background-color: var(--lightleafygreen);
   border-radius: 0.4em;
   text-decoration: none;
   transition: 1s;
 }
 
   .news-tag:hover {
     text-decoration: none;
-    background-color: var(--lightrose);
+    background-color: var(--lightleafygreen);
     transition: 1s;
   }
 
@@ -393,9 +394,13 @@ a[href].direct-link:visited {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
+/* news */
+.news-img {
+    width:100%;
+}
 /* javascript forms */
 .form-control {
-  background-color: var(--lightrose);
+  background-color: var(--lightleafygreen);
   border: black solid 2px;
   transition: 0.4s;
   color: var(--darkgray);

js/projects.js

@@ -1,10 +1,6 @@
 // Index
 // LIVE ON WEBSITE
 // 1. Tip Calculate
-// 2. Form Validation
-// 3. Simple form
-// 4. Simple calculator 1
-// 5. Countdown Timer
 
 //1. Tip Calculate starts here
 function calculateTip() {

projects/projects.md

@@ -6,6 +6,7 @@ eleventyNavigation:
   key: Projects
   order: 2
 ---
+
 <!-- JavaScript Projects starts here -->
 <div class="text-center">
   <h1>JavaScript Projects</h1>