junior-jekyll-theme 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/LICENSE +21 -0
- data/README.md +152 -0
- data/_includes/ajaxify_content_form.html +30 -0
- data/_includes/css/portfolio.css +931 -0
- data/_includes/footer.html +109 -0
- data/_includes/head.html +113 -0
- data/_includes/header.html +116 -0
- data/_includes/js/flicker.js +56 -0
- data/_includes/js/gh_projects.js +1422 -0
- data/_includes/js/plugins.js +10 -0
- data/_includes/js/script.js +53 -0
- data/_includes/js/util_buttons.js +23 -0
- data/_includes/navigation.html +116 -0
- data/_includes/pagination.html +92 -0
- data/_includes/post_footer.html +9 -0
- data/_includes/share_buttons.html +111 -0
- data/_includes/social_links.html +53 -0
- data/_layouts/about.html +14 -0
- data/_layouts/center.html +26 -0
- data/_layouts/cv.html +86 -0
- data/_layouts/default.html +43 -0
- data/_layouts/default_design.html +57 -0
- data/_layouts/page.html +17 -0
- data/_layouts/paper.html +3 -0
- data/_layouts/post-narrow.html +14 -0
- data/_layouts/post-wide.html +21 -0
- data/_layouts/post.html +93 -0
- data/_sass/_animations.scss +60 -0
- data/_sass/_base.scss +34 -0
- data/_sass/_basscss.scss +25 -0
- data/_sass/_blockquotes.scss +20 -0
- data/_sass/_clearfix.scss +8 -0
- data/_sass/_code.scss +70 -0
- data/_sass/_footer.scss +66 -0
- data/_sass/_forms.scss +106 -0
- data/_sass/_gists.scss +8 -0
- data/_sass/_header.scss +40 -0
- data/_sass/_links.scss +39 -0
- data/_sass/_measure.scss +4 -0
- data/_sass/_media-queries.scss +64 -0
- data/_sass/_pagination.scss +32 -0
- data/_sass/_positions.scss +7 -0
- data/_sass/_posts.scss +49 -0
- data/_sass/_social-icons.scss +25 -0
- data/_sass/_tables.scss +45 -0
- data/_sass/_typography.scss +24 -0
- data/_sass/_variables.scss +120 -0
- data/_sass/basscss/_base-buttons.scss +28 -0
- data/_sass/basscss/_base-forms.scss +57 -0
- data/_sass/basscss/_base-reset.scss +25 -0
- data/_sass/basscss/_base-typography.scss +101 -0
- data/_sass/basscss/_buttons-blue.scss +27 -0
- data/_sass/basscss/_color-base.scss +28 -0
- data/_sass/basscss/_colors.scss +97 -0
- data/_sass/basscss/_syntax-highlighting.scss +119 -0
- data/_sass/basscss/_utility-headings.scss +37 -0
- data/_sass/basscss/_utility-typography.scss +38 -0
- data/_sass/basscss/_utility-white-space.scss +182 -0
- metadata +145 -0
data/_layouts/about.html
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<div style="text-align: center;">
|
|
5
|
+
<img style="border-radius: 50%; max-width: 250px;" src="{{ page.headshot }}">
|
|
6
|
+
</div>
|
|
7
|
+
<div class="post">
|
|
8
|
+
<header class="post-header">
|
|
9
|
+
<h1 class="h2">{{ page.title }}</h1>
|
|
10
|
+
</header>
|
|
11
|
+
<article class="post-content">
|
|
12
|
+
{{ content }}
|
|
13
|
+
</article>
|
|
14
|
+
</div>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
{% include head.html %}
|
|
4
|
+
<body class="site{% if site.animated %} animated fade-in-down{% endif %}">
|
|
5
|
+
{% if site.google_tag_manager %}
|
|
6
|
+
<noscript><iframe src="//www.googletagmanager.com/ns.html?id={{ site.google_tag_manager }}"
|
|
7
|
+
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
8
|
+
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
|
9
|
+
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
|
10
|
+
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
|
11
|
+
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
|
12
|
+
})(window,document,'script','dataLayer','{{ site.google_tag_manager }}');</script>
|
|
13
|
+
{% endif %}
|
|
14
|
+
<div class="site-wrap center">
|
|
15
|
+
{% include header.html %}
|
|
16
|
+
|
|
17
|
+
<div class="post p2 p-responsive wrap" role="main">
|
|
18
|
+
<div class="measure">
|
|
19
|
+
{{ content }}
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
|
|
24
|
+
{% include footer.html %}
|
|
25
|
+
</body>
|
|
26
|
+
</html>
|
data/_layouts/cv.html
ADDED
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<style>
|
|
5
|
+
@media screen and (min-width: 770px) {
|
|
6
|
+
.clients .top-circle {
|
|
7
|
+
margin-bottom: 100px;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.circle-button .top-circle, .print-button .top-circle {
|
|
12
|
+
width: 100px;
|
|
13
|
+
height: 100px;
|
|
14
|
+
background: #000;
|
|
15
|
+
border-radius: 50px;
|
|
16
|
+
margin: 0 auto;
|
|
17
|
+
display: block;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.circle-button .top-circle, .down-circle, .down-circle-click, .home .contact-btn, nav .nav-jr {
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.circle-button:last-child {
|
|
25
|
+
margin-right: 0;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.circle-button {
|
|
29
|
+
cursor: pointer;
|
|
30
|
+
float: left;
|
|
31
|
+
display: block;
|
|
32
|
+
margin-right: 2.35765%;
|
|
33
|
+
width: 100%;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.circle-button .top-circle img, .print-button .top-circle img {
|
|
37
|
+
width: 80%;
|
|
38
|
+
display: block;
|
|
39
|
+
margin: 0 auto;
|
|
40
|
+
padding-top: 28px;
|
|
41
|
+
}
|
|
42
|
+
</style>
|
|
43
|
+
|
|
44
|
+
<style>
|
|
45
|
+
.circle-button .top-circle {
|
|
46
|
+
margin-top: 5%;
|
|
47
|
+
}
|
|
48
|
+
</style>
|
|
49
|
+
<div id="main">
|
|
50
|
+
<div id="resume">
|
|
51
|
+
{{ content }}
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
|
|
55
|
+
<div class="circle-button">
|
|
56
|
+
<div class="top-circle" data-sr-id="80" style="; visibility: visible; -webkit-transform: scale(1); opacity: 1;transform: scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; ">
|
|
57
|
+
<img src="{{ site.url }}/images/logos/top.png">
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
|
|
61
|
+
<div class="print-button">
|
|
62
|
+
<div class="top-circle" data-sr-id="80" style="; visibility: visible; -webkit-transform: scale(1); opacity: 1;transform: scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; ">
|
|
63
|
+
<img src="{{ site.url }}/images/logos/pdf.png">
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
|
|
67
|
+
<style>
|
|
68
|
+
.print-button {
|
|
69
|
+
cursor: pointer;
|
|
70
|
+
position: fixed;
|
|
71
|
+
bottom: 216px;
|
|
72
|
+
right: 40px;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.print-button .top-circle {
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.print-button .top-circle img {
|
|
79
|
+
}
|
|
80
|
+
</style>
|
|
81
|
+
|
|
82
|
+
<div class="footer"></div>
|
|
83
|
+
|
|
84
|
+
<script type="text/javascript">
|
|
85
|
+
{% include js/util_buttons.js %}
|
|
86
|
+
</script>
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
{% include head.html %}
|
|
4
|
+
<body class="site{% if site.animated %} animated fade-in-down{% endif %}">
|
|
5
|
+
{% if site.google_tag_manager %}
|
|
6
|
+
<noscript><iframe src="//www.googletagmanager.com/ns.html?id={{ site.google_tag_manager }}"
|
|
7
|
+
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
8
|
+
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
|
9
|
+
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
|
10
|
+
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
|
11
|
+
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
|
12
|
+
})(window,document,'script','dataLayer','{{ site.google_tag_manager }}');</script>
|
|
13
|
+
{% endif %}
|
|
14
|
+
{% if site.facebook_comments %}
|
|
15
|
+
<div id="fb-root"></div>
|
|
16
|
+
<script>(function(d, s, id) {
|
|
17
|
+
var js, fjs = d.getElementsByTagName(s)[0];
|
|
18
|
+
if (d.getElementById(id)) return;
|
|
19
|
+
js = d.createElement(s); js.id = id;
|
|
20
|
+
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId={{ site.facebook_appid }}";
|
|
21
|
+
fjs.parentNode.insertBefore(js, fjs);
|
|
22
|
+
}(document, 'script', 'facebook-jssdk'));</script>
|
|
23
|
+
{% endif %}
|
|
24
|
+
{% include header.html %}
|
|
25
|
+
<div class="site-wrap">
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
<div class="post p2 p-responsive wrap" role="main">
|
|
29
|
+
<div class="measure">
|
|
30
|
+
{{ content }}
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
{% include footer.html %}
|
|
36
|
+
</body>
|
|
37
|
+
</html>
|
|
38
|
+
|
|
39
|
+
{% if page.flicker %}
|
|
40
|
+
<script type="text/javascript">
|
|
41
|
+
{% include js/flicker.js %}
|
|
42
|
+
</script>
|
|
43
|
+
{% endif %}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
|
|
3
|
+
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
|
|
4
|
+
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
|
|
5
|
+
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
|
|
6
|
+
<head>
|
|
7
|
+
{% include head.html %}
|
|
8
|
+
<meta charset="utf-8">
|
|
9
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
10
|
+
|
|
11
|
+
<title>{{ page.title }} | {{ site.name }}</title>
|
|
12
|
+
<meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
|
|
13
|
+
<meta name="author" content="{{ site.author }}">
|
|
14
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
15
|
+
|
|
16
|
+
<!-- <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'> -->
|
|
17
|
+
<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'> -->
|
|
18
|
+
|
|
19
|
+
<script src="/js/modernizr-2.0.6.min.js"></script>
|
|
20
|
+
</head>
|
|
21
|
+
|
|
22
|
+
<body>
|
|
23
|
+
{% include header.html %}
|
|
24
|
+
<div id="container" class="clearfix">
|
|
25
|
+
<div id="main" role="main" class="clearfix">
|
|
26
|
+
|
|
27
|
+
{{ content }}
|
|
28
|
+
|
|
29
|
+
</div>
|
|
30
|
+
<footer>
|
|
31
|
+
|
|
32
|
+
</footer>
|
|
33
|
+
|
|
34
|
+
</div> <!--! end of #container -->
|
|
35
|
+
|
|
36
|
+
<script src="/js/jquery-1.10.2.min.js"></script>
|
|
37
|
+
<script defer src="/js/all.js"></script>
|
|
38
|
+
<script>
|
|
39
|
+
window._gaq = [['_setAccount','{{ site.analytics }}'],['_trackPageview'],['_trackPageLoadTime']];
|
|
40
|
+
Modernizr.load({
|
|
41
|
+
load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
|
|
42
|
+
});
|
|
43
|
+
</script>
|
|
44
|
+
|
|
45
|
+
<!--[if lt IE 7 ]>
|
|
46
|
+
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
|
|
47
|
+
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
|
|
48
|
+
<![endif]-->
|
|
49
|
+
{% include footer.html %}
|
|
50
|
+
</body>
|
|
51
|
+
</html>
|
|
52
|
+
|
|
53
|
+
<style>
|
|
54
|
+
#main-menu {
|
|
55
|
+
position: absolute;
|
|
56
|
+
}
|
|
57
|
+
</style>
|
data/_layouts/page.html
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<div class="post">
|
|
5
|
+
<header class="post-header">
|
|
6
|
+
<h1 class="h2">{{ page.title }}</h1>
|
|
7
|
+
</header>
|
|
8
|
+
<article class="post-content">
|
|
9
|
+
{{ content }}
|
|
10
|
+
</article>
|
|
11
|
+
</div>
|
|
12
|
+
|
|
13
|
+
{% if page.flicker %}
|
|
14
|
+
<script type="text/javascript">
|
|
15
|
+
{% include js/flicker.js %}
|
|
16
|
+
</script>
|
|
17
|
+
{% endif %}
|
data/_layouts/paper.html
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default_design
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div id="post-container">
|
|
6
|
+
<div class="post post-narrow">
|
|
7
|
+
<h2>{{ page.title }}</h2>
|
|
8
|
+
<!-- <div class="separator"> </div> -->
|
|
9
|
+
{{ content }}
|
|
10
|
+
</div>
|
|
11
|
+
</div>
|
|
12
|
+
|
|
13
|
+
<a href="{{page.next.url}}" title="{{page.next.title}}" class="next-project"></a>
|
|
14
|
+
<a href="{{page.previous.url}}" title="{{page.previous.title}}" class="prev-project"></a>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default_design
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div id="post-container">
|
|
6
|
+
{% if page.herotype == "video" %}
|
|
7
|
+
<video width="100%" poster="" autoplay controls>
|
|
8
|
+
<source src="{{page.video}}" type="video/mp4">
|
|
9
|
+
</video>
|
|
10
|
+
{% else %}
|
|
11
|
+
<div class="post-wide-hero {{page.uid}}-hero" style="background-image:url(/images/portfolio/{{page.uid}}/hero.jpg); background-color:{{page.hero-bg-color}}"></div>
|
|
12
|
+
{% endif %}
|
|
13
|
+
<div class="post post-wide">
|
|
14
|
+
<h2>{{ page.title }}</h2>
|
|
15
|
+
<!-- <div class="separator"></div> -->
|
|
16
|
+
{{ content }}
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
<a href="{{page.next.url}}" title="{{page.next.title}}" class="next-project target"></a>
|
|
21
|
+
<a href="{{page.previous.url}}" title="{{page.previous.title}}" class="prev-project target"></a>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% assign minutes = content | strip_html | number_of_words | divided_by: 180 %}
|
|
6
|
+
{% if minutes == 0 %}
|
|
7
|
+
{% assign minutes = 1 %}
|
|
8
|
+
{% endif %}
|
|
9
|
+
|
|
10
|
+
<style>
|
|
11
|
+
p a
|
|
12
|
+
{
|
|
13
|
+
color: black !important;
|
|
14
|
+
text-decoration: none;
|
|
15
|
+
border-bottom: .0625em solid #dcf3ff;
|
|
16
|
+
box-shadow: 0 -.4em 0 #dcf3ff inset;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
p a:hover, p a:active, p a:focus {
|
|
20
|
+
border-color: #aedbf9;
|
|
21
|
+
box-shadow: 0 -.75em 0 #aedbf9 inset;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
p .reversefootnote {
|
|
25
|
+
border: none;
|
|
26
|
+
box-shadow: none;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
p .reversefootnote:hover, p .reversefootnote:active, p .reversefootnote:focus {
|
|
30
|
+
border-color: none;
|
|
31
|
+
box-shadow: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
</style>
|
|
35
|
+
|
|
36
|
+
<div class="post-header mb2">
|
|
37
|
+
<h1>{{ page.title }}</h1>
|
|
38
|
+
<span class="post-meta">{{ page.date | date: site.date_format }}</span><br>
|
|
39
|
+
{% if page.update_date %}
|
|
40
|
+
<span class="post-meta">{{ site.text.post.updated }}: {{ page.update_date | date: site.date_format }}</span><br>
|
|
41
|
+
{% endif %}
|
|
42
|
+
<span class="post-meta small">
|
|
43
|
+
{% if page.minutes %}
|
|
44
|
+
{{ page.minutes }} {{ site.text.post.minute_read }}
|
|
45
|
+
{% else %}
|
|
46
|
+
{{ minutes }} {{ site.text.post.minute_read }}
|
|
47
|
+
{% endif %}
|
|
48
|
+
</span>
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
|
+
<article class="post-content">
|
|
52
|
+
{{ content }}
|
|
53
|
+
</article>
|
|
54
|
+
|
|
55
|
+
{% if site.show_sharing_icons %}
|
|
56
|
+
{% include share_buttons.html %}
|
|
57
|
+
{% endif %}
|
|
58
|
+
|
|
59
|
+
{% if site.show_post_footers %}
|
|
60
|
+
{% include post_footer.html %}
|
|
61
|
+
{% endif %}
|
|
62
|
+
|
|
63
|
+
{% if site.disqus_shortname %}
|
|
64
|
+
<div id="disqus_thread"></div>
|
|
65
|
+
<script type="text/javascript">
|
|
66
|
+
var disqus_shortname = '{{ site.disqus_shortname }}';
|
|
67
|
+
var disqus_identifier = '{{ page.id }}';
|
|
68
|
+
var disqus_title = '{{ page.title }}';
|
|
69
|
+
|
|
70
|
+
(function() {
|
|
71
|
+
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
|
72
|
+
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
|
73
|
+
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
|
74
|
+
})();
|
|
75
|
+
</script>
|
|
76
|
+
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
|
77
|
+
{% endif %}
|
|
78
|
+
|
|
79
|
+
{% if site.facebook_comments %}
|
|
80
|
+
<div class="fb-comments" data-href="{{ site.url }}{{ page.url }}" data-width="100%" data-numposts="{{ site.facebook_comments_number }}"></div>
|
|
81
|
+
{% endif %}
|
|
82
|
+
|
|
83
|
+
{% if site.show_related_posts %}
|
|
84
|
+
<h3 class="related-post-title">{{ site.text.post.related_posts }}</h3>
|
|
85
|
+
{% for post in site.related_posts %}
|
|
86
|
+
<div class="post ml2">
|
|
87
|
+
<a href="{{ post.url | prepend: site.baseurl }}" class="post-link">
|
|
88
|
+
<h4 class="post-title">{{ post.title }}</h4>
|
|
89
|
+
<p class="post-summary">{{ post.summary }}</p>
|
|
90
|
+
</a>
|
|
91
|
+
</div>
|
|
92
|
+
{% endfor %}
|
|
93
|
+
{% endif %}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
Animate.css - http://daneden.me/animate
|
|
3
|
+
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
|
4
|
+
|
|
5
|
+
Copyright (c) 2014 Daniel Eden
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
.animated {
|
|
9
|
+
-webkit-animation-duration: 1s;
|
|
10
|
+
animation-duration: 1s;
|
|
11
|
+
-webkit-animation-fill-mode: both;
|
|
12
|
+
animation-fill-mode: both;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.animated.infinite {
|
|
16
|
+
-webkit-animation-iteration-count: infinite;
|
|
17
|
+
animation-iteration-count: infinite;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.animated.hinge {
|
|
21
|
+
-webkit-animation-duration: 2s;
|
|
22
|
+
animation-duration: 2s;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@-webkit-keyframes fadeInDown {
|
|
26
|
+
0% {
|
|
27
|
+
opacity: 0;
|
|
28
|
+
-webkit-transform: translateY(-20px);
|
|
29
|
+
transform: translateY(-20px);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
100% {
|
|
33
|
+
opacity: 1;
|
|
34
|
+
-webkit-transform: translateY(0);
|
|
35
|
+
transform: translateY(0);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@keyframes fadeInDown {
|
|
40
|
+
0% {
|
|
41
|
+
opacity: 0;
|
|
42
|
+
|
|
43
|
+
-webkit-transform: translateY(-20px) translate3d(0, 0, 0);
|
|
44
|
+
-ms-transform: translateY(-20px) translate3d(0, 0, 0);
|
|
45
|
+
transform: translateY(-20px) translate3d(0, 0, 0);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
100% {
|
|
49
|
+
opacity: 1;
|
|
50
|
+
|
|
51
|
+
-webkit-transform: translateY(0) translate3d(0, 0, 0);
|
|
52
|
+
-ms-transform: translateY(0) translate3d(0, 0, 0);
|
|
53
|
+
transform: translateY(0) translate3d(0, 0, 0);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.fade-in-down {
|
|
58
|
+
-webkit-animation-name: fadeInDown;
|
|
59
|
+
animation-name: fadeInDown;
|
|
60
|
+
}
|