krad 3.6.0 → 3.7.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/head.html +14 -3
- data/_includes/krad.scss +3 -3
- data/_includes/scripts.html +6 -5
- data/_includes/stylesheets.html +11 -11
- data/_layouts/default.html +7 -1
- data/_layouts/home.html +16 -6
- data/_sass/base/_main.scss +12 -1
- data/_sass/components/_animate.scss +224 -0
- data/_sass/layouts/_home.scss +60 -5
- data/assets/scripts/search.js +15 -0
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 77a4a0ab0d426a97e66eb0149a9842e6788e53a1
|
4
|
+
data.tar.gz: 3cfe6a1ac93ece9fe61da55bfe85e8f6a0b6b0f4
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1c571a0b71187aad884dc7cef5c2de8a5dd453c9e2480066aa5157e139ea65dc2c251f2c3a85f0d4c7288538fbb239561a2dd88a34b2855d620867e0f70846dc
|
7
|
+
data.tar.gz: 8039b03b30542a6fe434d1b10d77f32fd39ccc900523181ec09f8c860fe908a232a707508eb8ba31540ac07b3b9c61867fe6d8ebb5e633d9d864aa13a62a3605
|
data/_includes/head.html
CHANGED
@@ -19,14 +19,25 @@
|
|
19
19
|
{% if page.title == "Home" %}{{ site.title }} · {{ site.tagline }}{% else %}{{ page.title }} · {{ site.title }}{% endif %}
|
20
20
|
</title>
|
21
21
|
<!-- Outworld Decorator -->
|
22
|
-
<!--<link rel="stylesheet" type="text/css" href="{{ "/assets/styles/krad.css" | relative_url }}">-->
|
23
22
|
<style>
|
24
23
|
{% capture styles %}{% include krad.scss %}{% endcapture %}
|
25
24
|
{{ styles | scssify }}
|
26
25
|
</style>
|
27
|
-
{% include stylesheets.html
|
26
|
+
{% include stylesheets.html
|
27
|
+
async=true
|
28
|
+
components=true
|
29
|
+
content-fonts=true
|
30
|
+
font-awesome=true
|
31
|
+
grid=true
|
32
|
+
%}
|
28
33
|
<noscript>
|
29
|
-
{% include stylesheets.html
|
34
|
+
{% include stylesheets.html
|
35
|
+
async=false
|
36
|
+
components=true
|
37
|
+
content-fonts=true
|
38
|
+
font-awesome=true
|
39
|
+
grid=true
|
40
|
+
%}
|
30
41
|
</noscript>
|
31
42
|
<link rel="shortcut icon" href="{{ "/assets/favicon.ico" | relative_url }}">
|
32
43
|
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
data/_includes/krad.scss
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
*
|
3
3
|
* Author: Krad;
|
4
4
|
* Url: "http://www.tunglt.com";
|
5
|
-
* Version: 3.
|
5
|
+
* Version: 3.2.0;
|
6
6
|
____ __.__________ _____ ________
|
7
7
|
| |/ _|\______ \ / _ \ \______ \ ____ ______ ______
|
8
8
|
| < | _/ / /_\ \ | | \ _/ ___\ / ___// ___/
|
@@ -36,6 +36,7 @@
|
|
36
36
|
================================ */
|
37
37
|
@import "base/main";
|
38
38
|
@import "components/images";
|
39
|
+
@import "components/animate";
|
39
40
|
|
40
41
|
/* Layouts
|
41
42
|
================================ */
|
@@ -43,5 +44,4 @@
|
|
43
44
|
@import "layouts/home";
|
44
45
|
@import "layouts/post";
|
45
46
|
@import "layouts/page";
|
46
|
-
@import "layouts/footer";
|
47
|
-
@import "layouts/portfolio";
|
47
|
+
@import "layouts/footer";
|
data/_includes/scripts.html
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
<!-- Scripterino! -->
|
2
|
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
3
|
-
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js" async></script>
|
4
|
-
<script src="{{ "/assets/scripts/responsive-menu.js" | relative_url }}" async></script>
|
5
|
-
<script src="{{ "/assets/scripts/backtop.js" | relative_url }}" async></script>
|
6
|
-
<script src="{{ "/assets/scripts/img-cs.js" | relative_url }}" async></script>
|
2
|
+
{% if include.jquery == true %}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>{% endif %}
|
3
|
+
{% if include.jquery-ui == true %}<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js" async></script>{% endif %}
|
4
|
+
{% if include.responsive-menu == true %}<script src="{{ "/assets/scripts/responsive-menu.js" | relative_url }}" async></script>{% endif %}
|
5
|
+
{% if include.backtop == true %}<script src="{{ "/assets/scripts/backtop.js" | relative_url }}" async></script>{% endif %}
|
6
|
+
{% if include.img-cs == true %}<script src="{{ "/assets/scripts/img-cs.js" | relative_url }}" async></script>{% endif %}
|
7
|
+
{% if include.search == true %}<script src="{{ "/assets/scripts/search.js" | relative_url }}" async></script>{% endif %}
|
data/_includes/stylesheets.html
CHANGED
@@ -1,21 +1,21 @@
|
|
1
|
-
{% if include.async==
|
2
|
-
<link rel="stylesheet" type="text/css" href="{{ "/assets/styles/components.css" | relative_url }}" media="none" onload="if(media!='all')media='all'">
|
3
|
-
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,
|
4
|
-
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
|
5
|
-
<!--[if lte IE 8]>
|
1
|
+
{% if include.async==true %}
|
2
|
+
{% if include.components==true %}<link rel="stylesheet" type="text/css" href="{{ "/assets/styles/components.css" | relative_url }}" media="none" onload="if(media!='all')media='all'">{% endif %}
|
3
|
+
{% if include.content-fonts==true %}<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,700italic|Lora:400,400i,700,700i&subset=vietnamese' rel='stylesheet' type='text/css' media="none" onload="if(media!='all')media='all'">{% endif %}
|
4
|
+
{% if include.font-awesome==true %}<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">{% endif %}
|
5
|
+
{% if include.grid==true %}<!--[if lte IE 8]>
|
6
6
|
<link rel="stylesheet" href="{{ "/assets/lib/pure/grids-responsive-old-ie-min.css" | relative_url }}">
|
7
7
|
<![endif]-->
|
8
8
|
<!--[if gt IE 8]><!-->
|
9
9
|
<link rel="stylesheet" href="{{ "/assets/lib/pure/grids-responsive-min.css" | relative_url }}" media="none" onload="if(media!='all')media='all'">
|
10
|
-
<!--<![endif]-->
|
10
|
+
<!--<![endif]-->{% endif %}
|
11
11
|
{% else %}
|
12
|
-
<link rel="stylesheet" type="text/css" href="{{ "/assets/styles/components.css" | relative_url }}">
|
13
|
-
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,
|
14
|
-
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
15
|
-
<!--[if lte IE 8]>
|
12
|
+
{% if include.components==true %}<link rel="stylesheet" type="text/css" href="{{ "/assets/styles/components.css" | relative_url }}">{% endif %}
|
13
|
+
{% if include.content-fonts==true %}<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,800,700,700italic|Lora:400,400i,700,700i&subset=vietnamese' rel='stylesheet' type='text/css'>{% endif %}
|
14
|
+
{% if include.font-awesome==true %}<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">{% endif %}
|
15
|
+
{% if include.grid==true %}<!--[if lte IE 8]>
|
16
16
|
<link rel="stylesheet" href="{{ "/assets/lib/pure/grids-responsive-old-ie-min.css" | relative_url }}">
|
17
17
|
<![endif]-->
|
18
18
|
<!--[if gt IE 8]><!-->
|
19
19
|
<link rel="stylesheet" href="{{ "/assets/lib/pure/grids-responsive-min.css" | relative_url }}">
|
20
|
-
<!--<![endif]-->
|
20
|
+
<!--<![endif]-->{% endif %}
|
21
21
|
{% endif %}
|
data/_layouts/default.html
CHANGED
data/_layouts/home.html
CHANGED
@@ -11,11 +11,17 @@
|
|
11
11
|
|
12
12
|
<main class="main-wrapper">
|
13
13
|
<div class="page wrapper">
|
14
|
-
<
|
15
|
-
<
|
16
|
-
</
|
14
|
+
<h2 id="home-title">
|
15
|
+
<div class="sign-frame"><img class="pixelated" src="{{ "/assets/images/avatar.png" | relative_url }}" alt="Logo" /></div>
|
16
|
+
</h2>
|
17
|
+
<!-- Vcard -->
|
18
|
+
<div id="vcard">
|
19
|
+
<p class="vc-greeting">Hi, I am</p>
|
20
|
+
<h1 class="vc-name">{{ page.person.name.first }} <span class="alias">{{ page.person.name.alias }}</span> {{ page.person.name.last }}</h1>
|
21
|
+
<p class="vc-description">{{ page.person.description }}</p>
|
22
|
+
</div>
|
17
23
|
<!-- Search box -->
|
18
|
-
<div
|
24
|
+
<div id="search-container" class="pure-form ninja">
|
19
25
|
<input type="text" class="pure-input-1 pure-input-rounded" id="search-input" placeholder="What are you looking for?...">
|
20
26
|
<ul id="results-container"></ul>
|
21
27
|
</div>
|
@@ -27,8 +33,12 @@
|
|
27
33
|
</div>
|
28
34
|
<!-- Back to Top -->
|
29
35
|
{% include back-top.html %}
|
30
|
-
{% include scripts.html
|
31
|
-
|
36
|
+
{% include scripts.html
|
37
|
+
jquery=true
|
38
|
+
responsive-menu=true
|
39
|
+
backtop=true
|
40
|
+
search=true
|
41
|
+
%}
|
32
42
|
|
33
43
|
</body>
|
34
44
|
</html>
|
data/_sass/base/_main.scss
CHANGED
@@ -71,7 +71,7 @@ a {
|
|
71
71
|
.text-center {
|
72
72
|
text-align: center;
|
73
73
|
}
|
74
|
-
.sr-only {
|
74
|
+
.sr-only, .ninja {
|
75
75
|
display: none;
|
76
76
|
}
|
77
77
|
|
@@ -80,6 +80,17 @@ a {
|
|
80
80
|
margin: 0 auto;
|
81
81
|
}
|
82
82
|
|
83
|
+
.pixelated {
|
84
|
+
image-rendering:optimizeSpeed; /* Legal fallback */
|
85
|
+
image-rendering:-moz-crisp-edges; /* Firefox */
|
86
|
+
image-rendering:-o-crisp-edges; /* Opera */
|
87
|
+
image-rendering:-webkit-optimize-contrast; /* Safari */
|
88
|
+
image-rendering:optimize-contrast; /* CSS3 Proposed */
|
89
|
+
image-rendering:crisp-edges; /* CSS4 Proposed */
|
90
|
+
image-rendering:pixelated; /* CSS4 Proposed */
|
91
|
+
-ms-interpolation-mode:nearest-neighbor; /* IE8+ */
|
92
|
+
}
|
93
|
+
|
83
94
|
/* Miscellanous */
|
84
95
|
.tweets iframe {
|
85
96
|
width: 100% !important;
|
@@ -0,0 +1,224 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/*!
|
4
|
+
* animate.css -http://daneden.me/animate
|
5
|
+
* Version - 3.6.0
|
6
|
+
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
7
|
+
*
|
8
|
+
* Copyright (c) 2018 Daniel Eden
|
9
|
+
*/
|
10
|
+
|
11
|
+
.animated {
|
12
|
+
-webkit-animation-duration: 1s;
|
13
|
+
animation-duration: 1s;
|
14
|
+
-webkit-animation-fill-mode: both;
|
15
|
+
animation-fill-mode: both;
|
16
|
+
}
|
17
|
+
|
18
|
+
.animated.infinite {
|
19
|
+
-webkit-animation-iteration-count: infinite;
|
20
|
+
animation-iteration-count: infinite;
|
21
|
+
}
|
22
|
+
|
23
|
+
@-webkit-keyframes bounceIn {
|
24
|
+
from,
|
25
|
+
20%,
|
26
|
+
40%,
|
27
|
+
60%,
|
28
|
+
80%,
|
29
|
+
to {
|
30
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
31
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
32
|
+
}
|
33
|
+
|
34
|
+
0% {
|
35
|
+
opacity: 0;
|
36
|
+
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
37
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
38
|
+
}
|
39
|
+
|
40
|
+
20% {
|
41
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
42
|
+
transform: scale3d(1.1, 1.1, 1.1);
|
43
|
+
}
|
44
|
+
|
45
|
+
40% {
|
46
|
+
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
47
|
+
transform: scale3d(0.9, 0.9, 0.9);
|
48
|
+
}
|
49
|
+
|
50
|
+
60% {
|
51
|
+
opacity: 1;
|
52
|
+
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
53
|
+
transform: scale3d(1.03, 1.03, 1.03);
|
54
|
+
}
|
55
|
+
|
56
|
+
80% {
|
57
|
+
-webkit-transform: scale3d(0.97, 0.97, 0.97);
|
58
|
+
transform: scale3d(0.97, 0.97, 0.97);
|
59
|
+
}
|
60
|
+
|
61
|
+
to {
|
62
|
+
opacity: 1;
|
63
|
+
-webkit-transform: scale3d(1, 1, 1);
|
64
|
+
transform: scale3d(1, 1, 1);
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
@keyframes bounceIn {
|
69
|
+
from,
|
70
|
+
20%,
|
71
|
+
40%,
|
72
|
+
60%,
|
73
|
+
80%,
|
74
|
+
to {
|
75
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
76
|
+
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
77
|
+
}
|
78
|
+
|
79
|
+
0% {
|
80
|
+
opacity: 0;
|
81
|
+
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
82
|
+
transform: scale3d(0.3, 0.3, 0.3);
|
83
|
+
}
|
84
|
+
|
85
|
+
20% {
|
86
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
87
|
+
transform: scale3d(1.1, 1.1, 1.1);
|
88
|
+
}
|
89
|
+
|
90
|
+
40% {
|
91
|
+
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
92
|
+
transform: scale3d(0.9, 0.9, 0.9);
|
93
|
+
}
|
94
|
+
|
95
|
+
60% {
|
96
|
+
opacity: 1;
|
97
|
+
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
98
|
+
transform: scale3d(1.03, 1.03, 1.03);
|
99
|
+
}
|
100
|
+
|
101
|
+
80% {
|
102
|
+
-webkit-transform: scale3d(0.97, 0.97, 0.97);
|
103
|
+
transform: scale3d(0.97, 0.97, 0.97);
|
104
|
+
}
|
105
|
+
|
106
|
+
to {
|
107
|
+
opacity: 1;
|
108
|
+
-webkit-transform: scale3d(1, 1, 1);
|
109
|
+
transform: scale3d(1, 1, 1);
|
110
|
+
}
|
111
|
+
}
|
112
|
+
|
113
|
+
.bounceIn {
|
114
|
+
-webkit-animation-duration: 0.75s;
|
115
|
+
animation-duration: 0.75s;
|
116
|
+
-webkit-animation-name: bounceIn;
|
117
|
+
animation-name: bounceIn;
|
118
|
+
}
|
119
|
+
|
120
|
+
@-webkit-keyframes fadeInUp {
|
121
|
+
from {
|
122
|
+
opacity: 0;
|
123
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
124
|
+
transform: translate3d(0, 100%, 0);
|
125
|
+
}
|
126
|
+
|
127
|
+
to {
|
128
|
+
opacity: 1;
|
129
|
+
-webkit-transform: translate3d(0, 0, 0);
|
130
|
+
transform: translate3d(0, 0, 0);
|
131
|
+
}
|
132
|
+
}
|
133
|
+
|
134
|
+
@keyframes fadeInUp {
|
135
|
+
from {
|
136
|
+
opacity: 0;
|
137
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
138
|
+
transform: translate3d(0, 100%, 0);
|
139
|
+
}
|
140
|
+
|
141
|
+
to {
|
142
|
+
opacity: 1;
|
143
|
+
-webkit-transform: translate3d(0, 0, 0);
|
144
|
+
transform: translate3d(0, 0, 0);
|
145
|
+
}
|
146
|
+
}
|
147
|
+
|
148
|
+
.fadeInUp {
|
149
|
+
-webkit-animation-name: fadeInUp;
|
150
|
+
animation-name: fadeInUp;
|
151
|
+
}
|
152
|
+
|
153
|
+
@-webkit-keyframes flipInX {
|
154
|
+
from {
|
155
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
156
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
157
|
+
-webkit-animation-timing-function: ease-in;
|
158
|
+
animation-timing-function: ease-in;
|
159
|
+
opacity: 0;
|
160
|
+
}
|
161
|
+
|
162
|
+
40% {
|
163
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
164
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
165
|
+
-webkit-animation-timing-function: ease-in;
|
166
|
+
animation-timing-function: ease-in;
|
167
|
+
}
|
168
|
+
|
169
|
+
60% {
|
170
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
171
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
172
|
+
opacity: 1;
|
173
|
+
}
|
174
|
+
|
175
|
+
80% {
|
176
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
177
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
178
|
+
}
|
179
|
+
|
180
|
+
to {
|
181
|
+
-webkit-transform: perspective(400px);
|
182
|
+
transform: perspective(400px);
|
183
|
+
}
|
184
|
+
}
|
185
|
+
|
186
|
+
@keyframes flipInX {
|
187
|
+
from {
|
188
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
189
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
190
|
+
-webkit-animation-timing-function: ease-in;
|
191
|
+
animation-timing-function: ease-in;
|
192
|
+
opacity: 0;
|
193
|
+
}
|
194
|
+
|
195
|
+
40% {
|
196
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
197
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
198
|
+
-webkit-animation-timing-function: ease-in;
|
199
|
+
animation-timing-function: ease-in;
|
200
|
+
}
|
201
|
+
|
202
|
+
60% {
|
203
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
204
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
205
|
+
opacity: 1;
|
206
|
+
}
|
207
|
+
|
208
|
+
80% {
|
209
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
210
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
211
|
+
}
|
212
|
+
|
213
|
+
to {
|
214
|
+
-webkit-transform: perspective(400px);
|
215
|
+
transform: perspective(400px);
|
216
|
+
}
|
217
|
+
}
|
218
|
+
|
219
|
+
.flipInX {
|
220
|
+
-webkit-backface-visibility: visible !important;
|
221
|
+
backface-visibility: visible !important;
|
222
|
+
-webkit-animation-name: flipInX;
|
223
|
+
animation-name: flipInX;
|
224
|
+
}
|
data/_sass/layouts/_home.scss
CHANGED
@@ -7,15 +7,70 @@
|
|
7
7
|
background: url(/public/img/mongo.png) center center no-repeat transparent;
|
8
8
|
}
|
9
9
|
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
10
|
+
#home-title {
|
11
|
+
margin-top: 2rem;
|
12
|
+
.sign-frame {
|
13
|
+
border: 3px solid rgba(234, 234, 234, 0.5);
|
14
14
|
border-radius: 50%;
|
15
|
-
|
15
|
+
width: 128px;
|
16
|
+
height: 128px;
|
17
|
+
margin: auto;
|
18
|
+
padding: 3px;
|
19
|
+
cursor: pointer;
|
20
|
+
@include transition (all 0.5s ease);
|
21
|
+
|
22
|
+
&:hover {
|
23
|
+
border-color: rgba(234, 234, 234, 1);
|
24
|
+
}
|
25
|
+
|
26
|
+
&.checked {
|
27
|
+
border-color: $color-main;
|
28
|
+
}
|
29
|
+
|
30
|
+
img {
|
31
|
+
border-radius: 50%;
|
32
|
+
max-width: 100%;
|
33
|
+
}
|
16
34
|
}
|
17
35
|
}
|
18
36
|
|
37
|
+
#vcard {
|
38
|
+
text-align: center;
|
39
|
+
cursor: default;
|
40
|
+
}
|
41
|
+
.vc-greeting {
|
42
|
+
font-family: $font-family-serif;
|
43
|
+
font-style: italic;
|
44
|
+
font-size: 2rem;
|
45
|
+
color: $color-gray-lighter;
|
46
|
+
margin: 0;
|
47
|
+
}
|
48
|
+
.vc-name {
|
49
|
+
font-family: $font-family-sans-serif;
|
50
|
+
font-weight: $font-extra-bold;
|
51
|
+
font-size: 3rem;
|
52
|
+
text-transform: uppercase;
|
53
|
+
margin: 0;
|
54
|
+
|
55
|
+
.alias {
|
56
|
+
color: $color-gray-lighter;
|
57
|
+
@include transition (all 0.5s ease);
|
58
|
+
|
59
|
+
&:hover {
|
60
|
+
color: $color-main;
|
61
|
+
}
|
62
|
+
}
|
63
|
+
}
|
64
|
+
.vc-description {
|
65
|
+
font-family: $font-family-serif;
|
66
|
+
font-size: 1rem;
|
67
|
+
color: $color-gray-lighter;
|
68
|
+
margin: 1em;
|
69
|
+
}
|
70
|
+
|
71
|
+
#search-container {
|
72
|
+
margin-top: 3.6rem;
|
73
|
+
}
|
19
74
|
#results-container {
|
20
75
|
padding: 1em 0.5em 0;
|
21
76
|
list-style: none;
|
data/assets/scripts/search.js
CHANGED
@@ -411,4 +411,19 @@ SimpleJekyllSearch({
|
|
411
411
|
resultsContainer: document.getElementById('results-container'),
|
412
412
|
json: '/data/search.json',
|
413
413
|
noResultsText: '❌ Never heard of it!'
|
414
|
+
})
|
415
|
+
|
416
|
+
// Switch home function
|
417
|
+
$('#home-title .sign-frame').click(function() {
|
418
|
+
if ($('.sign-frame').hasClass('checked')) {
|
419
|
+
$('.sign-frame').removeClass('checked');
|
420
|
+
$('#search-container').addClass('ninja');
|
421
|
+
$('#vcard').removeClass('ninja');
|
422
|
+
$('#vcard').addClass('animated flipInX');
|
423
|
+
} else {
|
424
|
+
$('.sign-frame').addClass('checked');
|
425
|
+
$('#vcard').addClass('ninja');
|
426
|
+
$('#search-container').removeClass('ninja');
|
427
|
+
$('#search-container').addClass('animated flipInX');
|
428
|
+
}
|
414
429
|
})
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: krad
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 3.
|
4
|
+
version: 3.7.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Lê Thanh Tùng
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2018-05-
|
11
|
+
date: 2018-05-14 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -84,6 +84,7 @@ files:
|
|
84
84
|
- _sass/bootstrap/scss/_responsive-embed.scss
|
85
85
|
- _sass/bootstrap/scss/_variables.scss
|
86
86
|
- _sass/bootstrap/scss/mixins/_alert.scss
|
87
|
+
- _sass/components/_animate.scss
|
87
88
|
- _sass/components/_blockquotes.scss
|
88
89
|
- _sass/components/_images.scss
|
89
90
|
- _sass/components/_img-comparison.scss
|