jekyll-theme-tou-dai 0.3.1 → 0.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/logo.html +1 -1
- data/_layouts/default.html +7 -16
- data/_sass/_menu.scss +22 -6
- data/_sass/jekyll-theme-tou-dai.scss +24 -13
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d89c4ace8e973258980d1812f4e34a6bdc08b8a6
|
4
|
+
data.tar.gz: 1ed6abcf2ad4ef63182be67ecf179c18d83f176c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a5055bbf7a8ad454749482b4e0a15ae3db3dccfe22853bb12658881bdb904055d8a8ff76aa5bbaf422ad468a36a1658832a9057d776b9a49019ca0e2bb393557
|
7
|
+
data.tar.gz: 7d0597f2928cf754276d934c495b0f264a560bb74d0b6625a3e1d5dfffc5b5d0f39f0ad262f79403843b1e0a86455e6f3d7448cfb033010df717ce35203fd59c
|
data/_includes/logo.html
CHANGED
@@ -1 +1 @@
|
|
1
|
-
<div
|
1
|
+
<div id="logo">Logo</div>
|
data/_layouts/default.html
CHANGED
@@ -32,23 +32,14 @@ http://gethead.info/ -->
|
|
32
32
|
<body class="fade">
|
33
33
|
{% include header.html %}
|
34
34
|
{% include logo.html %}
|
35
|
-
<
|
36
|
-
<div
|
37
|
-
|
35
|
+
<div id="main">
|
36
|
+
<div class="menu-trigger"></div>
|
37
|
+
<section>
|
38
38
|
{{ content }}
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
<li class="social">bah </li>
|
44
|
-
<li class="social">baz</li>
|
45
|
-
</ul>
|
46
|
-
</noscript> -->
|
47
|
-
<p>Build with <a href="http://jekyllrb.com/" target="blank">jekyll</a> and ♥ </p>
|
48
|
-
</footer>
|
49
|
-
</div>
|
50
|
-
<!-- close main -->
|
51
|
-
</section>
|
39
|
+
</section>
|
40
|
+
</div>
|
41
|
+
<!-- close main -->
|
42
|
+
{% include footer.html %}
|
52
43
|
<script type="text/javascript" src="{{site.url}}/assets/js/main.bundle.js"></script>
|
53
44
|
</body>
|
54
45
|
</html>
|
data/_sass/_menu.scss
CHANGED
@@ -5,13 +5,15 @@
|
|
5
5
|
// http://codepen.io/andreasstorm/pen/lriga
|
6
6
|
// by http://codepen.io/andreasstorm/
|
7
7
|
header {
|
8
|
+
display: flex; /* or inline-flex */
|
9
|
+
justify-content: center;
|
8
10
|
height: 5em;
|
9
11
|
// padding-top: 40px;
|
10
12
|
}
|
11
13
|
|
12
14
|
.inner {
|
13
|
-
max-width:
|
14
|
-
margin: 0 auto;
|
15
|
+
// max-width: 100%;
|
16
|
+
// margin: 0 auto;
|
15
17
|
padding: 0px 20px;
|
16
18
|
position: relative;
|
17
19
|
}
|
@@ -26,15 +28,23 @@ header {
|
|
26
28
|
|
27
29
|
nav>ul {
|
28
30
|
// float: right;
|
29
|
-
max-width: 800px;
|
31
|
+
// max-width: 800px;
|
30
32
|
border-bottom: 1px solid black;
|
33
|
+
padding: auto;
|
31
34
|
}
|
32
35
|
|
36
|
+
nav > ul > li:first-of-type {
|
37
|
+
margin-left: 0;
|
38
|
+
|
39
|
+
}
|
33
40
|
nav>ul>li {
|
34
|
-
text-size:
|
41
|
+
text-size: 0.9em;
|
35
42
|
text-align: center;
|
36
|
-
line-height:
|
37
|
-
margin-left: 0.5em;
|
43
|
+
line-height: 1.2em;
|
44
|
+
// margin-left: 0.5em;
|
45
|
+
// first is top bottom second is left right
|
46
|
+
margin: auto 0.25em;
|
47
|
+
|
38
48
|
[class^="icon-"],
|
39
49
|
[class*=" icon-"] {
|
40
50
|
height: 30px;
|
@@ -109,6 +119,10 @@ label {
|
|
109
119
|
}
|
110
120
|
|
111
121
|
@media screen and (max-width: 800px) {
|
122
|
+
header {
|
123
|
+
display: initial;
|
124
|
+
// justify-content: flex-end;
|
125
|
+
}
|
112
126
|
nav ul {
|
113
127
|
display: none;
|
114
128
|
padding: 0;
|
@@ -154,6 +168,7 @@ label {
|
|
154
168
|
width: 100%;
|
155
169
|
text-align: left;
|
156
170
|
//background: #222;
|
171
|
+
line-height: 1.7em;
|
157
172
|
text-indent: 40px;
|
158
173
|
text-decoration: none;
|
159
174
|
}
|
@@ -167,6 +182,7 @@ label {
|
|
167
182
|
display: block;
|
168
183
|
float: none;
|
169
184
|
list-style: none;
|
185
|
+
margin-left: 0.5em;
|
170
186
|
}
|
171
187
|
nav>ul li ul {
|
172
188
|
display: block;
|
@@ -1,15 +1,7 @@
|
|
1
|
-
@import 'typescale',
|
2
|
-
'fonts',
|
3
|
-
'menu',
|
4
|
-
'tables';
|
1
|
+
@import 'normalize', 'typescale', 'fonts', 'menu', 'tables';
|
5
2
|
|
6
3
|
/*css taken from http://jgthms.com/web-design-in-4-minutes/*/
|
7
4
|
|
8
|
-
body {
|
9
|
-
margin: 0 auto;
|
10
|
-
max-width: 50em;
|
11
|
-
}
|
12
|
-
|
13
5
|
* {
|
14
6
|
box-sizing: border-box;
|
15
7
|
}
|
@@ -18,13 +10,13 @@ body {
|
|
18
10
|
font-family: serif;
|
19
11
|
}
|
20
12
|
|
21
|
-
|
13
|
+
|
14
|
+
#main {
|
22
15
|
/* top | right | bottom | left */
|
23
16
|
padding: 0em 0em 4em 0em;
|
24
17
|
// padding: 4em 1em;
|
25
|
-
|
26
|
-
|
27
|
-
#main {
|
18
|
+
margin: 0 auto;
|
19
|
+
max-width: 50em;
|
28
20
|
padding: 4em 1em;
|
29
21
|
}
|
30
22
|
|
@@ -88,4 +80,23 @@ pre {
|
|
88
80
|
|
89
81
|
img {
|
90
82
|
max-width: 100%;
|
83
|
+
}
|
84
|
+
|
85
|
+
ul {
|
86
|
+
// margin: 0;
|
87
|
+
padding: 0;
|
88
|
+
|
89
|
+
}
|
90
|
+
|
91
|
+
#logo{
|
92
|
+
text-align: center;
|
93
|
+
font-size: 5em;
|
94
|
+
color: #e81c4f;
|
95
|
+
text-transform: uppercase;
|
96
|
+
}
|
97
|
+
|
98
|
+
footer{
|
99
|
+
display: flex; /* or inline-flex */
|
100
|
+
justify-content: center;
|
101
|
+
height: 5em;
|
91
102
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-tou-dai
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.4.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- fabianmoronzirfas
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2017-10-
|
11
|
+
date: 2017-10-29 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|