Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

WIP: [initialize apocalypse] #877

Closed
wants to merge 2 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
18 changes: 9 additions & 9 deletions _includes/courses/featured/full-courses.html
Expand Up @@ -7,7 +7,7 @@ <h2>{{ featured.full_courses.promo_1.label }}</h2>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-12">
<figure>
<a href="{{ site.gymurl }}{{ courses[featured.full_courses.promo_1.ID].url }}">
<a href="{{ courses[featured.full_courses.promo_1.ID].url }}">
<img alt="{{ courses[featured.full_courses.promo_1.ID].title }} cover image." src="{{ site.url }}{{ courses[featured.full_courses.promo_1.ID].poster_art }}" decoding="async" fetchpriority="high">
</a>
</figure>
Expand All @@ -19,14 +19,14 @@ <h2>{{ featured.full_courses.promo_1.label }}</h2>
<b>{{ courses[featured.full_courses.promo_1.ID].topic }}</b>
</p>
<h2>
<a href="{{ site.gymurl }}{{ courses[featured.full_courses.promo_1.ID].url }}">
<a href="{{ courses[featured.full_courses.promo_1.ID].url }}">
{{ courses[featured.full_courses.promo_1.ID].title }}
</a>
</h2>
</header>
<p>{{ courses[featured.full_courses.promo_1.ID].short_description }}</p>
<div class="cta">
<a class="gym-button natural" href="{{ site.gymurl }}{{ courses[featured.full_courses.promo_1.ID].url }}">
<a class="gym-button natural" href="{{ courses[featured.full_courses.promo_1.ID].url }}">
<b>{{ featured.full_courses.promo_1.CTA }}</b>
</a>
</div>
Expand All @@ -41,7 +41,7 @@ <h2>{{ featured.full_courses.promo_2.label }}</h2>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-12">
<figure>
<a href="{{ site.gymurl }}{{ courses[featured.full_courses.promo_2.ID].url }}">
<a href="{{ courses[featured.full_courses.promo_2.ID].url }}">
<img alt="{{ courses[featured.full_courses.promo_2.ID].title }} cover image." src="{{ site.url }}{{ courses[featured.full_courses.promo_2.ID].poster_art }}" decoding="async" fetchpriority="high">
</a>
</figure>
Expand All @@ -53,14 +53,14 @@ <h2>{{ featured.full_courses.promo_2.label }}</h2>
<b>{{ courses[featured.full_courses.promo_2.ID].topic }}</b>
</p>
<h2>
<a href="{{ site.gymurl }}{{ courses[featured.full_courses.promo_2.ID].url }}">
<a href="{{ courses[featured.full_courses.promo_2.ID].url }}">
{{ courses[featured.full_courses.promo_2.ID].title }}
</a>
</h2>
</header>
<p>{{ courses[featured.full_courses.promo_2.ID].short_description }}</p>
<div class="cta">
<a class="gym-button natural" href="{{ site.gymurl }}{{ courses[featured.full_courses.promo_2.ID].url }}">
<a class="gym-button natural" href="{{ courses[featured.full_courses.promo_2.ID].url }}">
<b>{{ featured.full_courses.promo_2.CTA }}</b>
</a>
</div>
Expand All @@ -75,7 +75,7 @@ <h2>{{ featured.full_courses.promo_3.label }}</h2>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-12">
<figure>
<a href="{{ site.gymurl }}{{ courses[featured.full_courses.promo_3.ID].url }}">
<a href="{{ courses[featured.full_courses.promo_3.ID].url }}">
<img alt="{{ courses[featured.full_courses.promo_3.ID].title }} cover image." src="{{ site.url }}{{ courses[featured.full_courses.promo_3.ID].poster_art }}" decoding="async" fetchpriority="high">
</a>
</figure>
Expand All @@ -87,14 +87,14 @@ <h2>{{ featured.full_courses.promo_3.label }}</h2>
<b>{{ courses[featured.full_courses.promo_3.ID].topic }}</b>
</p>
<h2>
<a href="{{ site.gymurl }}{{ courses[featured.full_courses.promo_3.ID].url }}">
<a href="{{ courses[featured.full_courses.promo_3.ID].url }}">
{{ courses[featured.full_courses.promo_3.ID].title }}
</a>
</h2>
</header>
<p>{{ courses[featured.full_courses.promo_3.ID].short_description }}</p>
<div class="cta">
<a class="gym-button natural" href="{{ site.gymurl }}{{ courses[featured.full_courses.promo_3.ID].url }}">
<a class="gym-button natural" href="{{ courses[featured.full_courses.promo_3.ID].url }}">
<b>{{ featured.full_courses.promo_3.CTA }}</b>
</a>
</div>
Expand Down
18 changes: 9 additions & 9 deletions _includes/courses/featured/gym-shorts.html
Expand Up @@ -7,7 +7,7 @@ <h2>{{ featured.gym_shorts.promo_1.label }}</h2>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-12">
<figure>
<a href="{{ site.gymurl }}{{ courses[featured.gym_shorts.promo_1.ID].url }}">
<a href="{{ courses[featured.gym_shorts.promo_1.ID].url }}">
<img alt="{{ courses[featured.gym_shorts.promo_1.ID].title }} cover image." src="{{ site.url }}{{ courses[featured.gym_shorts.promo_1.ID].poster_art }}" decoding="async" fetchpriority="high">
</a>
</figure>
Expand All @@ -19,14 +19,14 @@ <h2>{{ featured.gym_shorts.promo_1.label }}</h2>
<b>{{ courses[featured.gym_shorts.promo_1.ID].topic }}</b>
</p>
<h2>
<a href="{{ site.gymurl }}{{ courses[featured.gym_shorts.promo_1.ID].url }}">
<a href="{{ courses[featured.gym_shorts.promo_1.ID].url }}">
{{ courses[featured.gym_shorts.promo_1.ID].title }}
</a>
</h2>
</header>
<p>{{ courses[featured.gym_shorts.promo_1.ID].short_description }}</p>
<div class="cta">
<a class="gym-button natural" href="{{ site.gymurl }}{{ courses[featured.gym_shorts.promo_1.ID].url }}">
<a class="gym-button natural" href="{{ courses[featured.gym_shorts.promo_1.ID].url }}">
<b>{{ featured.gym_shorts.promo_1.CTA }}</b>
</a>
</div>
Expand All @@ -41,7 +41,7 @@ <h2>{{ featured.gym_shorts.promo_2.label }}</h2>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-12">
<figure>
<a href="{{ site.gymurl }}{{ courses[featured.gym_shorts.promo_2.ID].url }}">
<a href="{{ courses[featured.gym_shorts.promo_2.ID].url }}">
<img alt="{{ courses[featured.gym_shorts.promo_2.ID].title }} cover image." src="{{ site.url }}{{ courses[featured.gym_shorts.promo_2.ID].poster_art }}" decoding="async" fetchpriority="high">
</a>
</figure>
Expand All @@ -53,14 +53,14 @@ <h2>{{ featured.gym_shorts.promo_2.label }}</h2>
<b>{{ courses[featured.gym_shorts.promo_2.ID].topic }}</b>
</p>
<h2>
<a href="{{ site.gymurl }}{{ courses[featured.gym_shorts.promo_2.ID].url }}">
<a href="{{ courses[featured.gym_shorts.promo_2.ID].url }}">
{{ courses[featured.gym_shorts.promo_2.ID].title }}
</a>
</h2>
</header>
<p>{{ courses[featured.gym_shorts.promo_2.ID].short_description }}</p>
<div class="cta">
<a class="gym-button natural" href="{{ site.gymurl }}{{ courses[featured.gym_shorts.promo_2.ID].url }}">
<a class="gym-button natural" href="{{ courses[featured.gym_shorts.promo_2.ID].url }}">
<b>{{ featured.gym_shorts.promo_2.CTA }}</b>
</a>
</div>
Expand All @@ -75,7 +75,7 @@ <h2>{{ featured.gym_shorts.promo_3.label }}</h2>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-12">
<figure>
<a href="{{ site.gymurl }}{{ courses[featured.gym_shorts.promo_3.ID].url }}">
<a href="{{ courses[featured.gym_shorts.promo_3.ID].url }}">
<img alt="{{ courses[featured.gym_shorts.promo_3.ID].title }} cover image." src="{{ site.url }}{{ courses[featured.gym_shorts.promo_3.ID].poster_art }}" decoding="async" fetchpriority="high">
</a>
</figure>
Expand All @@ -87,14 +87,14 @@ <h2>{{ featured.gym_shorts.promo_3.label }}</h2>
<b>{{ courses[featured.gym_shorts.promo_3.ID].topic }}</b>
</p>
<h2>
<a href="{{ site.gymurl }}{{ courses[featured.gym_shorts.promo_3.ID].url }}">
<a href="{{ courses[featured.gym_shorts.promo_3.ID].url }}">
{{ courses[featured.gym_shorts.promo_3.ID].title }}
</a>
</h2>
</header>
<p>{{ courses[featured.gym_shorts.promo_3.ID].short_description }}</p>
<div class="cta">
<a class="gym-button natural" href="{{ site.gymurl }}{{ courses[featured.gym_shorts.promo_3.ID].url }}">
<a class="gym-button natural" href="{{ courses[featured.gym_shorts.promo_3.ID].url }}">
<b>{{ featured.gym_shorts.promo_3.CTA }}</b>
</a>
</div>
Expand Down
6 changes: 3 additions & 3 deletions _includes/heros/articles/advocating-for-accessibility.html
@@ -1,8 +1,8 @@
<link rel="stylesheet" href="{{ site.url }}/css/heros/hero-article.css?{{ site.time | date:'%s' }}" fetchpriority="high">
<link rel="stylesheet" href="/css/heros/hero-article.css?{{ site.time | date:'%s' }}" fetchpriority="high">
<link rel="preload" href="{{ site.url }}/home/img/heros/articles/advocating-for-accessibility/advocating-for-accessibility-1280w.png?{{ site.time | date:'%s' }}" as="image" media="(max-width: 75em)" fetchpriority="high">
<link rel="preload" href="{{ site.url }}/home/img/heros/articles/advocating-for-accessibility/advocating-for-accessibility-768w.png?{{ site.time | date:'%s' }}" as="image" media="(min-width: 75em)" fetchpriority="high">
<script nomodule src="{{ site.url }}/js/polyfills/picture/plugins/intrinsic-dimension/pf.intrinsic.min.js?{{ site.time | date:'%s' }}"></script>
<script nomodule src="{{ site.url }}/js/polyfills/picture/picturefill.min.js?{{ site.time | date:'%s' }}"></script>
<script nomodule src="/js/polyfills/picture/plugins/intrinsic-dimension/pf.intrinsic.min.js?{{ site.time | date:'%s' }}"></script>
<script nomodule src="/js/polyfills/picture/picturefill.min.js?{{ site.time | date:'%s' }}"></script>
<article class="hero-promo" id="advocating-for-accessibility">
<div class="container">
<div class="content">
Expand Down
6 changes: 3 additions & 3 deletions _includes/heros/articles/meet-the-metaverse.html
@@ -1,8 +1,8 @@
<link rel="stylesheet" href="{{ site.url }}/css/heros/hero-article.css?{{ site.time | date:'%s' }}" fetchpriority="high">
<link rel="stylesheet" href="/css/heros/hero-article.css?{{ site.time | date:'%s' }}" fetchpriority="high">
<link rel="preload" href="{{ site.url }}/home/img/heros/articles/meet-the-metaverse/meet-the-metaverse-1280w.jpg?{{ site.time | date:'%s' }}" as="image" media="(max-width: 75em)" fetchpriority="high">
<link rel="preload" href="{{ site.url }}/home/img/heros/articles/meet-the-metaverse/meet-the-metaverse-768w.jpg?{{ site.time | date:'%s' }}" as="image" media="(min-width: 75em)" fetchpriority="high">
<script nomodule src="{{ site.url }}/js/polyfills/picture/plugins/intrinsic-dimension/pf.intrinsic.min.js?{{ site.time | date:'%s' }}"></script>
<script nomodule src="{{ site.url }}/js/polyfills/picture/picturefill.min.js?{{ site.time | date:'%s' }}"></script>
<script nomodule src="/js/polyfills/picture/plugins/intrinsic-dimension/pf.intrinsic.min.js?{{ site.time | date:'%s' }}"></script>
<script nomodule src="/js/polyfills/picture/picturefill.min.js?{{ site.time | date:'%s' }}"></script>
<article class="hero-promo" id="meet-the-metaverse">
<div class="container">
<div class="content">
Expand Down
4 changes: 2 additions & 2 deletions _includes/heros/hero-accessibility.html
@@ -1,4 +1,4 @@
<link rel="stylesheet" href="{{ site.url }}/css/heros/hero-accessibility.css?{{ site.time | date:'%s' }}" fetchpriority="high">
<link rel="stylesheet" href="/css/heros/hero-accessibility.css?{{ site.time | date:'%s' }}" fetchpriority="high">

<article class="hero-promo" id="#accessbility">
<div class="container">
Expand All @@ -9,7 +9,7 @@ <h1>Accessibility</h1>
<p class="description">No matter what your title is, creating an inclusive web is a team effort. Explore our free collection of accessibility content for beginners, experts, and everyone in between.</p>
</header>
<div class="cta">
<a class="gym-button gym-button-secondary" href="https://thegymnasium.com/accessibility"><b>Start Learning</b></a>
<a class="gym-button gym-button-secondary" href="/accessibility"><b>Start Learning</b></a>
</div>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions _includes/heros/hero-bbd-2018.html
@@ -1,4 +1,4 @@
<link rel="stylesheet" href="{{ site.url }}/css/heros/hero-bbd-2018.css?{{ site.time | date:'%s' }}" fetchpriority="high">
<link rel="stylesheet" href="/css/heros/hero-bbd-2018.css?{{ site.time | date:'%s' }}" fetchpriority="high">
<div class="hero-promo blue-beanie-day" id="hero-bbd-2018">
<div class="container">
<div class="row">
Expand All @@ -9,7 +9,7 @@ <h1 class="all-caps">Blue Beanie <s>Day</s> <span class=
"no-wrap">Week <time datetime="2018-11-30">2018</time></span></h1>
<p>Enroll in <b>Modern Web Design</b> and learn how to design lightweight, accessible sites.</p>
<div class="cta">
<a class="gym-button gym-button-secondary" href="https://thegymnasium.com/courses/GYM/107/0/about?utm_source=gymnasium&utm_medium=web&utm_campaign=AQ_NA_GYM-bbd-2018&utm_content=banner"><b>Celebrate Web Standards</b></a>
<a class="gym-button gym-button-secondary" href="/courses/GYM/107/0/about?utm_source=gymnasium&utm_medium=web&utm_campaign=AQ_NA_GYM-bbd-2018&utm_content=banner"><b>Celebrate Web Standards</b></a>
</div>
<figure id="blue-beanie-gang">
<img loading="lazy" decoding="async" alt="A team of seven people, in various web-related roles from visual design and web development to content strategy and user experience, all wearing blue beanies." src="{{ site.url }}/home/img/hero-bbd-2018/blue-beanie-day-gang-1920w.png" srcset="{{ site.url }}/home/img/hero-bbd-2018/blue-beanie-day-gang-1024w.png 1024w, {{ site.url }}/home/img/hero-bbd-2018/blue-beanie-day-gang-1440w.png 1440w, {{ site.url }}/home/img/hero-bbd-2018/blue-beanie-day-gang-1920w.png 1920w" sizes="(min-width: 120em) 120em, 100vw">
Expand Down
6 changes: 3 additions & 3 deletions _includes/heros/hero-bbd-2020-accessibility.html
@@ -1,4 +1,4 @@
<link rel="stylesheet" href="{{ site.url }}/css/heros/hero-bbd-2020.css?{{ site.time | date:'%s' }}" fetchpriority="high">
<link rel="stylesheet" href="/css/heros/hero-bbd-2020.css?{{ site.time | date:'%s' }}" fetchpriority="high">

<div class="hero-promo blue-beanie-day bbd-accessibility">
<div class="container">
Expand All @@ -11,10 +11,10 @@
<div class="hero-content-copy">
<header>
<h1 class="all-caps">Blue Beanie <s>Day</s> <span class="no-wrap">Month <time datetime="2020-11-30">2020</time></span></h1>
<p class="description">Learn how to improve your website through accessibility testing with our <b><a href="https://thegymnasium.com/accessibility">live coding tutorials</a></b> in the time it takes to step away for lunch.</p>
<p class="description">Learn how to improve your website through accessibility testing with our <b><a href="/accessibility">live coding tutorials</a></b> in the time it takes to step away for lunch.</p>
</header>
<div class="cta">
<a class="gym-button gym-button-secondary" href="https://thegymnasium.com/accessibility"><b>Start Learning</b></a>
<a class="gym-button gym-button-secondary" href="/accessibility"><b>Start Learning</b></a>
</div>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions _includes/heros/hero-bbd-2020-gym-016.html
@@ -1,4 +1,4 @@
<link rel="stylesheet" href="{{ site.url }}/css/heros/hero-bbd-2020.css?{{ site.time | date:'%s' }}" fetchpriority="high">
<link rel="stylesheet" href="/css/heros/hero-bbd-2020.css?{{ site.time | date:'%s' }}" fetchpriority="high">

<div class="hero-promo blue-beanie-day bbd-gym-016">
<div class="container">
Expand All @@ -11,10 +11,10 @@
<div class="hero-content-copy">
<header>
<h1 class="all-caps">Blue Beanie <s>Day</s> <span class="no-wrap">Month <time datetime="2020-11-30">2020</time></span></h1>
<p class="description">Take <b><a href="https://thegymnasium.com/courses/course-v1:GYM+016+0/about">Designing Accessible and Responsive Websites</a></b> with responsive design wiz Ethan Marcotte and improve the user experience of your website.</p>
<p class="description">Take <b><a href="/courses/course-v1:GYM+016+0/about">Designing Accessible and Responsive Websites</a></b> with responsive design wiz Ethan Marcotte and improve the user experience of your website.</p>
</header>
<div class="cta">
<a class="gym-button gym-button-secondary" href="https://thegymnasium.com/courses/course-v1:GYM+016+0/about"><b>Enroll for Free</b></a>
<a class="gym-button gym-button-secondary" href="/courses/course-v1:GYM+016+0/about"><b>Enroll for Free</b></a>
</div>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions _includes/heros/hero-bbd-2020-gym-107.html
@@ -1,4 +1,4 @@
<link rel="stylesheet" href="{{ site.url }}/css/heros/hero-bbd-2020.css?{{ site.time | date:'%s' }}" fetchpriority="high">
<link rel="stylesheet" href="/css/heros/hero-bbd-2020.css?{{ site.time | date:'%s' }}" fetchpriority="high">

<div class="hero-promo blue-beanie-day">
<div class="container">
Expand All @@ -11,10 +11,10 @@
<div class="hero-content-copy">
<header>
<h1 class="all-caps">Blue Beanie <s>Day</s> <span class="no-wrap">Month <time datetime="2020-11-30">2020</time></span></h1>
<p class="description">Enroll in <b><a href="https://thegymnasium.com/courses/GYM/107/0/about">Modern Web Design</a></b> with web standards wiz Aaron Gustafson and learn how to make an accessible, responsive website.</p>
<p class="description">Enroll in <b><a href="/courses/GYM/107/0/about">Modern Web Design</a></b> with web standards wiz Aaron Gustafson and learn how to make an accessible, responsive website.</p>
</header>
<div class="cta">
<a class="gym-button gym-button-secondary" href="https://thegymnasium.com/courses/GYM/107/0/about"><b>Celebrate Web Standards</b></a>
<a class="gym-button gym-button-secondary" href="/courses/GYM/107/0/about"><b>Celebrate Web Standards</b></a>
</div>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions _includes/heros/hero-bbd-2020.html
@@ -1,4 +1,4 @@
<link rel="stylesheet" href="{{ site.url }}/css/heros/hero-bbd-2020.css?{{ site.time | date:'%s' }}" fetchpriority="high">
<link rel="stylesheet" href="/css/heros/hero-bbd-2020.css?{{ site.time | date:'%s' }}" fetchpriority="high">

<div class="hero-promo blue-beanie-day">
<div class="container">
Expand All @@ -11,10 +11,10 @@
<div class="hero-content-copy">
<header>
<h1 class="all-caps">Blue Beanie <s>Day</s> <span class="no-wrap">Month <time datetime="2020-11-30">2020</time></span></h1>
<p class="description">Enroll in <b><a href="https://thegymnasium.com/courses/GYM/107/0/about">Modern Web Design</a></b> with web standards wiz Aaron Gustafson and learn how to make an accessible, responsive website.</p>
<p class="description">Enroll in <b><a href="/courses/GYM/107/0/about">Modern Web Design</a></b> with web standards wiz Aaron Gustafson and learn how to make an accessible, responsive website.</p>
</header>
<div class="cta">
<a class="gym-button gym-button-secondary" href="https://thegymnasium.com/courses/GYM/107/0/about"><b>Celebrate Web Standards</b></a>
<a class="gym-button gym-button-secondary" href="/courses/GYM/107/0/about"><b>Celebrate Web Standards</b></a>
</div>
</div>
</div>
Expand Down