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

0 commit comments

Comments
 (0)