Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitc8c7998

Browse files
committed
setup front page modals
1 parentd3ea861 commitc8c7998

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
<linkrel="alternate"type="application/rss+xml"title="{{ site.title }}"href="{{" /feed.xml " | prepend: site.baseurl | prepend: site.url }}">
12+
<linkrel="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
<scriptsrc="{{" /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
<scriptsrc="{{" /js/main.js " | prepend: site.baseurl }}"></script>
9+
<scriptsrc="{{" /js/animatedModal.min.js " | prepend: site.baseurl }}"></script>
10+
<scriptsrc="{{" /js/modals.js " | prepend: site.baseurl }}"></script>
911
<scriptsrc="{{" /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
<divid="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
<divid="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
<sectionclass="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')centerno-repeat;
13+
opacity:.50;
14+
}
15+
a.modal-link:hover:before {
16+
opacity:.55;
17+
}
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+
@keyframesbounce {
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+
@includeanimate-prefixer(animation-name, bounce);
17+
}
18+
19+
}
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+
@includeanimate-keyframe(flash) {
4+
0%, 50%, 100% {opacity:1;}
5+
25%, 75% {opacity:0;}
6+
}
7+
8+
.flash {
9+
@includeanimate-prefixer(animation-name, flash);
10+
}
11+
12+
}
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+
@keyframespulse {
12+
0% {transform:scale(1); }
13+
50% {transform:scale(1.1); }
14+
100% {transform:scale(1); }
15+
}
16+
17+
.pulse {
18+
@includeanimate-prefixer(animation-name, pulse);
19+
}
20+
21+
}
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+
@keyframesshake {
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+
@includeanimate-prefixer(animation-name, shake);
17+
}
18+
}
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+
@keyframesswing {
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+
@includeanimate-prefixer(transform-origin,$base-origin);
22+
@includeanimate-prefixer(animation-name, swing);
23+
}
24+
25+
}
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+
@keyframestada {
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+
@includeanimate-prefixer(animation-name, tada);
21+
}
22+
23+
}
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+
@keyframeswiggle {
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+
@includeanimate-prefixer(animation-name, wiggle);
33+
@includeanimate-prefixer(animation-timing-function,$base-timing-function-in);
34+
}
35+
36+
}
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+
@keyframeswobble {
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+
@includeanimate-prefixer(animation-name, wobble);
27+
}
28+
29+
}

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp