Skip to content

Commit c8c7998

Browse files
ShMcKShMcK
committed
setup front page modals
1 parent d3ea861 commit c8c7998

File tree

102 files changed

+2880
-56
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

102 files changed

+2880
-56
lines changed

‎_config.yml

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ owner: Shawn McKay
99
first_published: 2016
1010
email: coderoad-app@gmail.com
1111
baseurl: "" # the subpath of your site, e.g. /blog
12-
url: "https://coderoad.github.com"
12+
url: https://coderoad.github.com
1313
social:
1414
twitter: https://twitter.com/coderoadapp
1515
github: https://github.com/coderoad
@@ -50,6 +50,18 @@ social:
5050
#forumbee:
5151
#tripadvisor:
5252
#amazon:
53+
tutorials:
54+
- Functional School:
55+
title: Functional School
56+
language: JS
57+
url: https://github.com/coderoad/coderoad-functional-school
58+
description: A trip through functional programming in Javascript using common built-in Javascript array methods such as map & reduce.
59+
- ES2015:
60+
title: ES2015
61+
language: JS
62+
url: https://github.com/shmck/coderoad-es2015
63+
description: Practice refactoring with ES2015 features.
64+
5365

5466
# Build settings
5567
markdown: kramdown

‎_includes/head.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,4 +9,5 @@
99
<!--[if lte IE 8]><link rel="stylesheet" href="{{ "/css/ie8.css" | prepend: site.baseurl }}" /><![endif]-->
1010
<!--[if lte IE 9]><link rel="stylesheet" href="{{ "/css/ie9.css" | prepend: site.baseurl }}" /><![endif]-->
1111
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ " /feed.xml " | prepend: site.baseurl | prepend: site.url }}">
12+
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">
1213
</head>

‎_includes/scripts.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,4 +6,6 @@
66
<script src="{{ " /js/util.js " | prepend: site.baseurl }}"></script>
77
<!--[if lte IE 8]><script src="{{ "/js/ie/respond.min.js" | prepend: site.baseurl }}"></script><![endif]-->
88
<script src="{{ " /js/main.js " | prepend: site.baseurl }}"></script>
9+
<script src="{{ " /js/animatedModal.min.js " | prepend: site.baseurl }}"></script>
10+
<script src="{{ " /js/modals.js " | prepend: site.baseurl }}"></script>
911
<script src="{{ " /js/png2gif.min.js " | prepend: site.baseurl }}"></script>

‎_layouts/default.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,10 @@
1414
<!-- Page Wrapper -->
1515
<div id="page-wrapper">
1616

17-
{% include header.html %} {{ content }} {% include footer.html %} {% include scripts.html %}
17+
{% include header.html %}
18+
{{ content }}
19+
{% include footer.html %}
20+
{% include scripts.html %}
1821

1922
</div>
2023

‎_layouts/landing.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,10 @@
1414
<!-- Page Wrapper -->
1515
<div id="page-wrapper">
1616

17-
{% include header.html %} {{ content }} {% include footer.html %} {% include scripts.html %}
17+
{% include header.html %}
18+
{{ content }}
19+
{% include footer.html %}
20+
{% include scripts.html %}
1821

1922
</div>
2023

‎_layouts/page.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
<header>
88
<h2>{{ page.title }}</h2>
9-
<p>Page title stuff here</p>
9+
<p>{{ page.tagline }}</p>
1010
</header>
1111

1212
<section class="wrapper style5">

‎_sass/_animate-css.scss

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
////////////////////////////////////////////////////////////
2+
// Import everything to generate your animate sass module //
3+
////////////////////////////////////////////////////////////
4+
@import "helpers/mixins",
5+
"helpers/settings",
6+
"helpers/base";
7+
8+
// ATTENTION
9+
@import "animations/attention-seekers/bounce",
10+
"animations/attention-seekers/flash",
11+
"animations/attention-seekers/pulse",
12+
"animations/attention-seekers/shake",
13+
"animations/attention-seekers/swing",
14+
"animations/attention-seekers/wiggle",
15+
"animations/attention-seekers/wobble",
16+
"animations/attention-seekers/tada";
17+
18+
// BOUNCE
19+
@import "animations/bounce-enter/bounceIn",
20+
"animations/bounce-enter/bounceInDown",
21+
"animations/bounce-enter/bounceInLeft",
22+
"animations/bounce-enter/bounceInRight",
23+
"animations/bounce-enter/bounceInUp",
24+
"animations/bounce-exit/bounceOut",
25+
"animations/bounce-exit/bounceOutDown",
26+
"animations/bounce-exit/bounceOutLeft",
27+
"animations/bounce-exit/bounceOutRight",
28+
"animations/bounce-exit/bounceOutUp";
29+
30+
// FADE
31+
@import "animations/fade-enter/fadeIn",
32+
"animations/fade-enter/fadeInDown",
33+
"animations/fade-enter/fadeInDownBig",
34+
"animations/fade-enter/fadeInLeft",
35+
"animations/fade-enter/fadeInLeftBig",
36+
"animations/fade-enter/fadeInRight",
37+
"animations/fade-enter/fadeInRightBig",
38+
"animations/fade-enter/fadeInUp",
39+
"animations/fade-enter/fadeInUpBig",
40+
"animations/fade-exit/fadeOut",
41+
"animations/fade-exit/fadeOutDown",
42+
"animations/fade-exit/fadeOutDownBig",
43+
"animations/fade-exit/fadeOutLeft",
44+
"animations/fade-exit/fadeOutLeftBig",
45+
"animations/fade-exit/fadeOutRight",
46+
"animations/fade-exit/fadeOutRightBig",
47+
"animations/fade-exit/fadeOutUp",
48+
"animations/fade-exit/fadeOutUpBig";
49+
50+
// FLIP
51+
@import "animations/flippers/flip",
52+
"animations/flippers/flipInX",
53+
"animations/flippers/flipInY",
54+
"animations/flippers/flipOutX",
55+
"animations/flippers/flipOutY";
56+
57+
// LIGHTSPEED
58+
@import "animations/lightspeed/lightSpeedIn",
59+
"animations/lightspeed/lightSpeedOut";
60+
61+
// ROTATE
62+
@import "animations/rotate-enter/rotateIn",
63+
"animations/rotate-enter/rotateInDownLeft",
64+
"animations/rotate-enter/rotateInDownRight",
65+
"animations/rotate-enter/rotateInUpLeft",
66+
"animations/rotate-enter/rotateInUpRight",
67+
"animations/rotate-exit/rotateOut",
68+
"animations/rotate-exit/rotateOutDownLeft",
69+
"animations/rotate-exit/rotateOutDownRight",
70+
"animations/rotate-exit/rotateOutUpLeft",
71+
"animations/rotate-exit/rotateOutUpRight";
72+
73+
// SLIDE
74+
@import "animations/slide-enter/slideInDown",
75+
"animations/slide-enter/slideInLeft",
76+
"animations/slide-enter/slideInRight",
77+
"animations/slide-enter/slideInUp",
78+
"animations/slide-exit/slideOutDown",
79+
"animations/slide-exit/slideOutLeft",
80+
"animations/slide-exit/slideOutRight",
81+
"animations/slide-exit/slideOutUp";
82+
83+
// SPECIAL
84+
@import "animations/special/hinge",
85+
"animations/special/rollIn",
86+
"animations/special/rollOut";
87+
88+
// ZOOM
89+
@import "animations/zoom-enter/zoomIn",
90+
"animations/zoom-enter/zoomInDown",
91+
"animations/zoom-enter/zoomInLeft",
92+
"animations/zoom-enter/zoomInRight",
93+
"animations/zoom-enter/zoomInUp",
94+
"animations/zoom-exit/zoomOut",
95+
"animations/zoom-exit/zoomOutDown",
96+
"animations/zoom-exit/zoomOutLeft",
97+
"animations/zoom-exit/zoomOutRight",
98+
"animations/zoom-exit/zoomOutUp";

‎_sass/_modal.scss

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
.modal {
2+
margin-top: 45px;
3+
}
4+
5+
a.modal-link:before {
6+
content: '';
7+
position: absolute;
8+
display: block;
9+
width: 100%;
10+
height: 100%;
11+
background-size: 100%;
12+
background: url('../css/images/play.svg') center no-repeat;
13+
opacity: .50;
14+
}
15+
a.modal-link:hover:before {
16+
opacity: .55;
17+
}

‎_sass/animations/attention-seekers/_bounce.scss

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
@if $use-bounce == true {
2+
3+
@-webkit-keyframes bounce {
4+
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
5+
40% {-webkit-transform: translateY(-$base-distance * 3);}
6+
60% {-webkit-transform: translateY(-$base-distance * 1.5);}
7+
}
8+
9+
@keyframes bounce {
10+
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
11+
40% {transform: translateY(-$base-distance * 3);}
12+
60% {transform: translateY(-$base-distance * 1.5);}
13+
}
14+
15+
.bounce {
16+
@include animate-prefixer(animation-name, bounce);
17+
}
18+
19+
}

‎_sass/animations/attention-seekers/_flash.scss

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
@if $use-flash == true {
2+
3+
@include animate-keyframe(flash) {
4+
0%, 50%, 100% {opacity: 1;}
5+
25%, 75% {opacity: 0;}
6+
}
7+
8+
.flash {
9+
@include animate-prefixer(animation-name, flash);
10+
}
11+
12+
}

‎_sass/animations/attention-seekers/_pulse.scss

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
@if $use-pulse == true {
2+
3+
// originally authored by Nick Pettit - https://github.com/nickpettit/glide
4+
5+
@-webkit-keyframes pulse {
6+
0% { -webkit-transform: scale(1); }
7+
50% { -webkit-transform: scale(1.1); }
8+
100% { -webkit-transform: scale(1); }
9+
}
10+
11+
@keyframes pulse {
12+
0% { transform: scale(1); }
13+
50% { transform: scale(1.1); }
14+
100% { transform: scale(1); }
15+
}
16+
17+
.pulse {
18+
@include animate-prefixer(animation-name, pulse);
19+
}
20+
21+
}

‎_sass/animations/attention-seekers/_shake.scss

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
@if $use-shake == true {
2+
3+
@-webkit-keyframes shake {
4+
0%, 100% {-webkit-transform: translateX(0);}
5+
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-$base-distance);}
6+
20%, 40%, 60%, 80% {-webkit-transform: translateX($base-distance);}
7+
}
8+
9+
@keyframes shake {
10+
0%, 100% {transform: translateX(0);}
11+
10%, 30%, 50%, 70%, 90% {transform: translateX(-$base-distance);}
12+
20%, 40%, 60%, 80% {transform: translateX($base-distance);}
13+
}
14+
15+
.shake {
16+
@include animate-prefixer(animation-name, shake);
17+
}
18+
}

‎_sass/animations/attention-seekers/_swing.scss

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
@if $use-swing == true {
2+
3+
@-webkit-keyframes swing {
4+
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: $base-origin; }
5+
20% { -webkit-transform: rotate(15deg); }
6+
40% { -webkit-transform: rotate(-10deg); }
7+
60% { -webkit-transform: rotate(5deg); }
8+
80% { -webkit-transform: rotate(-5deg); }
9+
100% { -webkit-transform: rotate(0deg); }
10+
}
11+
12+
@keyframes swing {
13+
20% { transform: rotate(15deg); }
14+
40% { transform: rotate(-10deg); }
15+
60% { transform: rotate(5deg); }
16+
80% { transform: rotate(-5deg); }
17+
100% { transform: rotate(0deg); }
18+
}
19+
20+
.swing {
21+
@include animate-prefixer(transform-origin, $base-origin);
22+
@include animate-prefixer(animation-name, swing);
23+
}
24+
25+
}

‎_sass/animations/attention-seekers/_tada.scss

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
@if $use-tada == true {
2+
3+
@-webkit-keyframes tada {
4+
0% {-webkit-transform: scale(1);}
5+
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
6+
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
7+
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
8+
100% {-webkit-transform: scale(1) rotate(0);}
9+
}
10+
11+
@keyframes tada {
12+
0% {transform: scale(1);}
13+
10%, 20% {transform: scale(0.9) rotate(-3deg);}
14+
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
15+
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
16+
100% {transform: scale(1) rotate(0);}
17+
}
18+
19+
.tada {
20+
@include animate-prefixer(animation-name, tada);
21+
}
22+
23+
}

‎_sass/animations/attention-seekers/_wiggle.scss

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
@if $use-wiggle == true {
2+
3+
@-webkit-keyframes wiggle {
4+
0% { -webkit-transform: skewX(9deg); }
5+
10% { -webkit-transform: skewX(-8deg); }
6+
20% { -webkit-transform: skewX(7deg); }
7+
30% { -webkit-transform: skewX(-6deg); }
8+
40% { -webkit-transform: skewX(5deg); }
9+
50% { -webkit-transform: skewX(-4deg); }
10+
60% { -webkit-transform: skewX(3deg); }
11+
70% { -webkit-transform: skewX(-2deg); }
12+
80% { -webkit-transform: skewX(1deg); }
13+
90% { -webkit-transform: skewX(0deg); }
14+
100% { -webkit-transform: skewX(0deg); }
15+
}
16+
17+
@keyframes wiggle {
18+
0% { transform: skewX(9deg); }
19+
10% { transform: skewX(-8deg); }
20+
20% { transform: skewX(7deg); }
21+
30% { transform: skewX(-6deg); }
22+
40% { transform: skewX(5deg); }
23+
50% { transform: skewX(-4deg); }
24+
60% { transform: skewX(3deg); }
25+
70% { transform: skewX(-2deg); }
26+
80% { transform: skewX(1deg); }
27+
90% { transform: skewX(0deg); }
28+
100% { transform: skewX(0deg); }
29+
}
30+
31+
.wiggle {
32+
@include animate-prefixer(animation-name, wiggle);
33+
@include animate-prefixer(animation-timing-function, $base-timing-function-in);
34+
}
35+
36+
}

‎_sass/animations/attention-seekers/_wobble.scss

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
@if $use-wobble == true {
2+
3+
// originally authored by Nick Pettit - https://github.com/nickpettit/glide
4+
5+
@-webkit-keyframes wobble {
6+
0% { -webkit-transform: translateX(0%); }
7+
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
8+
30% { -webkit-transform: translateX(20%) rotate(3deg); }
9+
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
10+
60% { -webkit-transform: translateX(10%) rotate(2deg); }
11+
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
12+
100% { -webkit-transform: translateX(0%); }
13+
}
14+
15+
@keyframes wobble {
16+
0% { transform: translateX(0%); }
17+
15% { transform: translateX(-25%) rotate(-5deg); }
18+
30% { transform: translateX(20%) rotate(3deg); }
19+
45% { transform: translateX(-15%) rotate(-3deg); }
20+
60% { transform: translateX(10%) rotate(2deg); }
21+
75% { transform: translateX(-5%) rotate(-1deg); }
22+
100% { transform: translateX(0%); }
23+
}
24+
25+
.wobble {
26+
@include animate-prefixer(animation-name, wobble);
27+
}
28+
29+
}

0 commit comments

Comments
 (0)