Fixed broken images

_config.yml

@@ -12,7 +12,7 @@
 
 # theme                  : "minimal-mistakes-jekyll"
 # remote_theme           : "mmistakes/minimal-mistakes"
-minimal_mistakes_skin    : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
+minimal_mistakes_skin    : "dark" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
 
 # Site Settings
 locale                   : "en-US"
@@ -25,7 +25,7 @@ url                      : "https://codeninjaslangley.co.uk" # the base hostname
 baseurl                  : # the subpath of your site, e.g. "/blog"
 repository               : # GitHub username/repo-name e.g. "mmistakes/minimal-mistakes"
 teaser                   : # path of fallback teaser image, e.g. "/assets/images/500x300.png"
-logo                     : "https://www.codeninjas.co.uk/assets/img/brands/codeNinjas/code-ninjas-logo.png" # path of logo image to display in the masthead, e.g. "/assets/images/88x88.png"
+logo                     : "/assets/img/logo.svg" # path of logo image to display in the masthead, e.g. "/assets/images/88x88.png"
 masthead_title           : " " # overrides the website title displayed in the masthead, use " " for no title
 # breadcrumbs            : false # true, false (default)
 words_per_minute         : 200  

_data/navigation.yml

@@ -1,5 +1,7 @@
 # main links
 main:
+  - title: "Home"
+    url: /
   - title: "Programmes"
     url: /programmes/
   - title: "Camps"

_includes/head.html

@@ -1,14 +1,11 @@
 <meta charset="utf-8">
 
 {% include seo.html %}
-
 {% unless site.atom_feed.hide %}
   <link href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | relative_url }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
 {% endunless %}
-
 <!-- https://t.co/dKP3o1e -->
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
 <script>
   document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
 </script>

_includes/masthead.html

@@ -5,7 +5,7 @@
     <div class="masthead__menu">
       <nav id="site-nav" class="greedy-nav">
         {% unless logo_path == empty %}
-          <a class="site-logo" href="{{ '/' | relative_url }}"><img src="{{ logo_path | relative_url }}" alt="{{ site.masthead_title | default: site.title }}"></a>
+          <a class="site-logo" href="{{ '/' | relative_url }}"><img src="{{ logo_path | relative_url }}" style="width: 100%;" alt="{{ site.masthead_title | default: site.title }}"></a>
         {% endunless %}
         <a class="site-title" href="{{ '/' | relative_url }}">
           {{ site.masthead_title | default: site.title }}

assets/css/custom.css

@@ -1,8 +1,17 @@
+@font-face {
+    font-family: 'azosans';
+    src: url('/assets/azosans.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+}
+
 *{
     /* font-family: 'Oxygen', sans-serif; */
-    font-family:"azo-sans-web",serif;
+    font-family: 'azosans';
 }
 
+
+
 .video-wrap {
     position: relative;
     padding-bottom: 56.25%;
@@ -35,7 +44,7 @@
 .btn{
     display: inline-block;
     font-weight: 800;
-    color: white;
+    /* color: white; */
     text-align: center;
     vertical-align: middle;
     user-select: none;
@@ -83,6 +92,7 @@
 .masthead{
     position: sticky; top: 0;
     border: none;
-    background: white;
+    /* background: white; */
+    background: #252a34;
     box-shadow: 1px 1px 10px rgb(78, 78, 78);
 }

index.html

@@ -3,22 +3,24 @@ layout: default
 author_profile: true
 classes: wide
 w3: true
+tagline: "Game Code Jam | Code for Good!"
+tagline_link: "/camps/"
 ---
 
 
 <!-- Header -->
-<header class="w3-">
+<header class="w3-white">
-  <div class="w3-row" style="background:#0763ad; color:white" id="about">
+  <div class="w3-row" style=""  id="about">
     <div class="w3-col m9 w3-padding-large w3-flex-parent">
       <div class="w3-flex-child">
         <h1 class="w3- w3-bolder" style="font-weight: 1000;font-size: 6vh;">CODE NINJAS<span class="display-4 regicon">®</span></h1>
         <h3 class="w3- w3-bolder">Langley Berkshire</h3>
-        <h3 class="w3-bolder" style="font-weight: 1000;">SUMMER CAMPS OPEN!</h3>
+        <h3 class="w3-bolder" style="font-weight: 500;">{{page.tagline}}</h3>
-        <a href="/camps/" class="btn btn-success w3-small">Learn More</a>
+        <a href="{{page.tagline_link}}" class="btn btn-success w3-small">Learn More</a>
       </div>
     </div>
     <div class="w3-col m3 w3-right">
-     <img src="https://www.codeninjas.co.uk/assets/img/brands/codeNinjas/mission-statement-reflection-cropped.png" class="w3-round w3-image" width="600" height="750">
+     <img src="/assets/img/experts.webp" class="w3-round w3-image" width="250">
     </div>
   </div>
   <div class="w3-row">
@@ -41,7 +43,7 @@ w3: true
 
 <div class="w3-row w3-padding-64" id="about">
     <div class="w3-col m3 w3-padding-large">
-     <img src="/assets/img/create-program.png" class="w3-round w3-image" width="300" height="300">
+     <img src="/assets/img/create-logo.png" class="w3-round w3-image" width="300" height="300">
     </div>
     <div class="w3-col m9 w3-padding-large w3-flex-child">
       <span class="badge w3-right"><span class="h6 text-uppercase">AGES 7 TO 14</span></span>
@@ -66,12 +68,12 @@ w3: true
         
       </div>
         <div class="w3-col m3 w3-padding-large">
-        <img src="/assets/img/jr-program.png" class="w3-round w3-image" width="300" height="300">
+        <img src="/assets/img/jr-logo.png" class="w3-round w3-image" width="300" height="300">
         </div>
         
     </div>
 
-    <div class="w3-row w3-padding-64" id="about">
+    <div class="w3-row w3-white w3-padding-32" id="about">
         <div class="w3-col m3 w3-padding-large">
         <img src="/assets/img/camp-program.png" class="w3-round w3-image" width="600" height="400">
         </div>
@@ -85,7 +87,7 @@ w3: true
       </div>
     </div>
 
-    <div class="w3-row w3-container text-center">
+    <div class="w3-row w3-white w3-container w3-padding-64 text-center">
         <div class="w3-col l3 m6 w3-light-grey w3-container w3-padding-16">
           <img src="https://img.icons8.com/?size=512&id=NDoZ1UbUuS7c&format=png" width="100px" alt="">
           <h3>Stopmotion Animation</h3>
@@ -104,8 +106,8 @@ w3: true
         </div>
       </div>
     
-      <div class="w3-row w3-margin-top">
+      <div class="w3-row w3-black w3-padding-32 w3-container">
-        <div class="w3-margin w3-black w3-round">
+        <div class="w3-margin  w3-round">
           <div class="w3-row w3-padding-16 w3-margin">
             <div class="w3-col m9">
               <p>Looking for the Ninja's Creator Hub?</p>

pages/about.html

@@ -6,8 +6,8 @@ w3: true
 classes: wide
 ---
 
-<header class="w3-">
+<header class="w3-white">
-    <div class="w3-row" style="background:#0763ad; color:white" id="about">
+    <div class="w3-row" style="" id="about">
       <div class="w3-col m9 w3-padding-large w3-flex-parent">
         <div class="w3-flex-child">
           <h1 class="w3- w3-bolder" style="font-weight: 1000;font-size: 6vh;">CODE NINJAS<span class="display-4 regicon">®</span></h1>
@@ -17,7 +17,7 @@ classes: wide
         </div>
       </div>
       <div class="w3-col m3 w3-right">
-       <img src="https://www.codeninjas.co.uk/assets/img/brands/codeNinjas/mission-statement-reflection-cropped.png" class="w3-round w3-image" width="600" height="750">
+        <img src="/assets/img/experts.webp" class="w3-round w3-image" width="250">
       </div>
     </div>
     <div class="w3-row">
@@ -25,15 +25,16 @@ classes: wide
     </div>
 </header>
 
-<div class="w3-content">
+<div class="w3-content w3-padding-32">
   <div class="w3-row w3-center">
-    <h3>What do we do?</h3>
+    <h3 class="w3-bolder">What do we do?</h3>
     <p class="w3-large">At hundreds of our centers worldwide, kids learn to code in a fun, safe, and inspiring learning environment, with a game-based curriculum that they love.</p>
     
-    <h3>Can I Schedule a Tour?</h3>
+    <h3 class="w3-bolder">Can I Schedule a Tour?</h3>
     <p>Absolutely, visit the link below to book a free tour!</p>
     <a class="btn btn-warning" href="https://www.codeninjas.co.uk/langley-brk-uk/schedule-tour">Schedule a Tour</a>
-    <h3>Where can I find Code Ninjas?</h3>
+    <h3 class="w3-bolder">Where can I find Code Ninjas Langley?</h3>
+    <p>Code Ninjas Langley is right in the Zest at Langley College!</p>
     <iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" id="gmap_canvas" src="https://maps.google.com/maps?width=520&amp;height=400&amp;hl=en&amp;q=%20+(Code%20Ninjas%20Langley)&amp;t=&amp;z=12&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe>
 
   </div>

pages/camps.html

@@ -23,16 +23,18 @@ camps:
     link: https://www.codeninjas.co.uk/langley-brk-uk/camps/become-a-youtuber
     dates: 8th, 9th August
     youtubeid: A5oDCEHdOpM
+    ended: true
   - name: Roblox Development
     img: https://img.icons8.com/?size=512x&id=113741&format=png
     link: https://www.codeninjas.co.uk/langley-brk-uk/camps/intro-to-roblox-development
     dates: 15th, 16th August
     youtubeid: ANL0Jz7Yt2c
+    ended: true
 ---
 <div class="w3-content" style="max-width:1100px">
 
 
-<div class="w3-row w3-container text-center">
+<div class="w3-row w3-white w3-container text-center">
     <div class="w3-center w3-padding-32">
         <img src="/assets/img/camp-program.png" class="w3-round w3-image" width="200" height="200">
         <h2 class="w3-text-right w3-bolder" style="font-weight: 1000;">CODE NINJAS<span class="display-4 regicon">®</span></h2>
@@ -64,4 +66,19 @@ camps:
       </div>
     </div>
     {% endfor %}    
+  </div>
+  <div class="w3-row w3-black w3-padding-32 w3-container">
+    <div class="w3-margin  w3-round">
+      <div class="w3-row w3-padding-16 w3-margin">
+        <div class="w3-col m9">
+          <p>Check out our Camp Creations!</p>
+          <h1  style="font-weight: 1000;font-size: 6vh;">Showcase</h1>
+          <h3>A Place to Showcase works of art that are made by our talented & creative ninjas.</h3>
+          <a href="https://showcase.codeninjaslangley.co.uk" class="btn btn-success w3-small" target="_blank">View Showcase</a>
+        </div>
+        <div class="w3-col m3">
+          <img class="w3-margin" src="https://showcase.codeninjaslangley.co.uk/assets/images/through-the-window.svg" style="width: 300px;" alt="">
+        </div>
+      </div>
+    </div>
   </div>

pages/programmes.html

@@ -11,7 +11,7 @@ w3: true
 
 <div class="w3-row w3-padding-64" id="about">
     <div class="w3-col m6 w3-padding-large">
-     <img src="https://www.codeninjas.co.uk/assets/img/programs/create/cn-create.jpg" class="w3-round w3-image" alt="Table Setting" width="600" height="400">
+     <img src="/assets/img/at-laptop.webp" class="w3-round w3-image" alt="Table Setting" width="600" height="400">
     </div>
     <div class="w3-col m6 w3-padding-large w3-flex-child">
       <h2 class="w3-center w3-bolder" style="font-weight: 1000;">CODE NINJAS</h2>
@@ -21,7 +21,7 @@ w3: true
     </div>
 </div>
 
-    <div class="w3-row w3-padding-64" style="background: #b7d9da;" id="about">
+    <div class="w3-row w3-padding-64 w3-text-black" style="background: #b7d9da;" id="about">
         <div class="w3-col m6 w3-padding-large w3-flex-child">
           <h2 class="w3-center w3-bolder" style="font-weight: 1000;">CODE NINJAS</h2>
         <h1 class="w3-center w3-jumbo w3-bolder" style="font-weight: 1000;font-size:8vw;;"><span style="color:teal">JR</span></h1>
@@ -29,7 +29,7 @@ w3: true
         <p class="w3-large">Our world-class programme combines storytelling and game building with hands-on projects for an immersive education experience.</p>
         </div>
         <div class="w3-col m6 w3-padding-large">
-        <img src="https://www.codeninjas.co.uk/assets/img/programs/jr/cn-jr.jpg" class="w3-round w3-image" alt="Table Setting" width="600" height="400">
+        <img src="/assets/img/at-laptop-v.png" class="w3-round w3-image" alt="Table Setting" width="600" height="400">
         </div>
         <a class="btn btn-success w3-margin" href="https://www.codeninjas.co.uk/langley-brk-uk/jr">Learn More</a>
         
@@ -37,7 +37,7 @@ w3: true
 
     <div class="w3-row w3-padding-64" id="about">
         <div class="w3-col m6 w3-padding-large">
-        <img src="https://www.codeninjas.co.uk/assets/img/programs/create/cn-create.jpg" class="w3-round w3-image" alt="Table Setting" width="600" height="400">
+        <img src="/assets/img/happy-orange.png" class="w3-round w3-image" alt="Table Setting" width="600" height="400">
         </div>
         <div class="w3-col m6 w3-padding-large w3-flex-child">
           <h2 class="w3-center w3-bolder" style="font-weight: 1000;">CODE NINJAS</h2>