Fixed broken images

This commit is contained in:
elvistony 2023-10-18 21:52:08 +01:00
parent c5d7a4edc1
commit 8e1a7f05eb
17 changed files with 62 additions and 32 deletions

View file

@ -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

View file

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

View file

@ -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>

View file

@ -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 }}

BIN
assets/azosans.otf Normal file

Binary file not shown.

View file

@ -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);
}

BIN
assets/img/at-laptop-v.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

BIN
assets/img/at-laptop.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

BIN
assets/img/create-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

BIN
assets/img/experts.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 KiB

BIN
assets/img/happy-orange.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 458 KiB

BIN
assets/img/jr-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

1
assets/img/logo.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 8 KiB

View file

@ -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-">
<div class="w3-row" style="background:#0763ad; color:white" id="about">
<header class="w3-white">
<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>
<a href="/camps/" class="btn btn-success w3-small">Learn More</a>
<h3 class="w3-bolder" style="font-weight: 500;">{{page.tagline}}</h3>
<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-margin w3-black w3-round">
<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>Looking for the Ninja's Creator Hub?</p>

View file

@ -6,8 +6,8 @@ w3: true
classes: wide
---
<header class="w3-">
<div class="w3-row" style="background:#0763ad; color:white" id="about">
<header class="w3-white">
<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>

View file

@ -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>
@ -65,3 +67,18 @@ camps:
</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>

View file

@ -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>