jekyll-theme-tou-dai 0.2.1 → 0.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/_data/menu.json +8 -1
  3. data/_includes/header.html +7 -4
  4. data/_includes/logo.html +1 -0
  5. data/_layouts/default.html +1 -0
  6. data/_sass/_menu.scss +105 -97
  7. data/_sass/_tables.scss +23 -0
  8. data/_sass/jekyll-theme-tou-dai.scss +44 -30
  9. metadata +20 -4
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: d3498f7802c1a04425ba648c87979bd59205e45b
4
- data.tar.gz: 34e736878bab52f5598bcba91cf2a29599901513
3
+ metadata.gz: 4f544b64dccf86c958e6b3ffafc10a30438f18a8
4
+ data.tar.gz: 9dbff310a275d8a3fb3227a30173d42026c7712d
5
5
  SHA512:
6
- metadata.gz: 7984c396c5744caa2849fc083d7459df2c9eef8628da9bd10533f22ced87e606976b088f445394eff61b1de17566be032d1498064ccd105b8e7a6b388004c61d
7
- data.tar.gz: 51fd4278073b2a8535c66715dd7aa35e43268f112d47dd0dff2bf86a5a2f9a2bcc99084f565da10555f770d5e1b09a55be7d6926d1c720740dbc29d30d3aaf67
6
+ metadata.gz: 94d6ffcdfd37812baa2d225b318c192032c54afbe3f93ba82779b5c427049662b1d14b84b5024260ea8d56a27e1db9d36244c6133a95ad788bbe8960896eb62b
7
+ data.tar.gz: d06a4f50c245623b7e53a119576cbaec2068406637565f6233223c160644b6eb45c9723e5f818ac460ac26c3baaa7a3b008b251883f757f5fdd6bb719936d00a
data/_data/menu.json CHANGED
@@ -4,6 +4,13 @@
4
4
  "url": "/"
5
5
  },{
6
6
  "title":"Impressum",
7
- "url":"/impressum"
7
+ "url":"/impressum",
8
+ "sub":[{
9
+ "title":"Sub Impressum",
10
+ "url":"impressum/sub/"
11
+ },{
12
+ "title":"Sub2 Impressum",
13
+ "url":"impressum/sub2/"
14
+ }]
8
15
  }
9
16
  ]
data/_includes/header.html CHANGED
@@ -9,11 +9,14 @@
9
9
  {% for item in site.data.menu %}
10
10
  <li class="menu-item"{%if forloop.last == true %} id="last-item"{%endif%}>
11
11
  <a href="{{site.baseurl}}{{item.url}}">{{item.title}}</a>
12
+ {% if item.sub != nil %}
13
+ <ul class="sub-list">{% for sub in item.sub %}
14
+ <li class="menu-item sub-item"><a href="{{site.baseurl}}{{sub.url}}">{{sub.title}}</a></li>
15
+ {% endfor %}
16
+ </ul>
17
+ {% endif %}
12
18
  </li>
13
- {% comment %}{% if item.sub != nil %}
14
- <ul>{% for sub in item.sub %}
15
- <li class="menu-item"><a href="{{site.baseurl}}{{sub.url}}">{{sub.title}}</a></li>{% endfor %}
16
- </ul>{% endif %}{% endcomment %}
19
+
17
20
  {% endfor %}
18
21
  </ul>
19
22
  </nav>
data/_includes/logo.html ADDED
@@ -0,0 +1 @@
1
+ <div class="logo">Logo</div>
data/_layouts/default.html CHANGED
@@ -31,6 +31,7 @@ http://gethead.info/ -->
31
31
  </head>
32
32
  <body class="fade">
33
33
  {% include header.html %}
34
+ {% include logo.html %}
34
35
  <section>
35
36
  <div id="main">
36
37
  <div class="menu-trigger"></div>
data/_sass/_menu.scss CHANGED
@@ -1,4 +1,5 @@
1
- @import 'colors','mixins';
1
+ @import 'colors',
2
+ 'mixins';
2
3
  // --------- MENU -------
3
4
  // based on this codepen
4
5
  // http://codepen.io/andreasstorm/pen/lriga
@@ -17,49 +18,59 @@ header {
17
18
 
18
19
  .logo {
19
20
  text-decoration: none;
20
- color: #FFFFFF;
21
+ color: rgb(17, 17, 17);
21
22
  font-weight: 800;
22
- font-size: 30px;
23
- line-height: 40px;
23
+ font-size: 5em;
24
+ // line-height: 40px;
24
25
  }
25
- nav > ul {
26
+
27
+ nav>ul {
26
28
  // float: right;
27
- max-width:800px;
29
+ max-width: 800px;
28
30
  border-bottom: 1px solid black;
29
31
  }
30
32
 
31
- nav > ul > li {
32
- text-size:40px;
33
+ nav>ul>li {
34
+ text-size: 40px;
33
35
  text-align: center;
34
36
  line-height: 40px;
35
37
  margin-left: 0.5em;
36
- [class^="icon-"], [class*=" icon-"] {
37
- height: 30px;
38
- width: 30px;
39
- position:relative;
40
- top:10px;
38
+ [class^="icon-"],
39
+ [class*=" icon-"] {
40
+ height: 30px;
41
+ width: 30px;
42
+ position: relative;
43
+ top: 10px;
44
+ }
45
+ }
41
46
 
42
- }
47
+ nav>ul li ul {
48
+ display: none;
49
+ padding: 0;
50
+ list-style-type: none;
43
51
  }
44
52
 
45
- nav > ul li ul li {
53
+ nav>ul li ul li {
46
54
  width: 100%;
47
55
  text-align: left;
56
+ white-space: nowrap; // stop the wrapping in the first place
48
57
  }
49
58
 
50
59
  nav ul li:hover {
51
60
  cursor: pointer;
52
61
  position: relative;
53
62
  text-decoration: underline;
54
-
55
63
  }
56
- nav ul li:hover > ul {
64
+
65
+ nav ul li:hover>ul {
57
66
  display: block;
58
67
  }
59
- nav ul li:hover > a {
68
+
69
+ nav ul li:hover>a {
60
70
  // color: #777;
61
71
  }
62
- nav > ul > li > a {
72
+
73
+ nav>ul>li>a {
63
74
  cursor: pointer;
64
75
  display: block;
65
76
  outline: none;
@@ -67,15 +78,15 @@ nav > ul > li > a {
67
78
  text-decoration: none;
68
79
  }
69
80
 
70
- nav > ul > li {
81
+ nav>ul>li {
71
82
  float: left;
72
- list-style:none;
73
-
83
+ list-style: none;
74
84
  }
85
+
75
86
  // nav a {
76
87
  // color: white;
77
88
  // }
78
- nav > ul li ul {
89
+ nav>ul li ul {
79
90
  display: none;
80
91
  position: absolute;
81
92
  left: 0;
@@ -83,88 +94,85 @@ nav > ul li ul {
83
94
  width: 100%;
84
95
  z-index: 2000;
85
96
  }
86
- nav > ul li ul li > a {
97
+
98
+ nav>ul li ul li>a {
87
99
  text-decoration: none;
88
100
  }
89
101
 
90
- [type="checkbox"], label {
102
+ [type="checkbox"],
103
+ label {
91
104
  display: none;
92
105
  }
93
106
 
94
- [type="checkbox"]:not(:checked) ~ ul {
107
+ [type="checkbox"]:not(:checked)~ul {
95
108
  border-bottom: 0px solid black;
96
109
  }
97
110
 
98
111
  @media screen and (max-width: 800px) {
99
- nav ul {
100
- display: none;
101
- padding:0;
102
- background:$backgroundColor;
103
- }
104
-
105
- label {
106
- display: block;
107
- //background: #222;
108
- width: 40px;
109
- height: 40px;
110
- cursor: pointer;
111
- position: absolute;
112
- right: 0px;
113
- top: 0px;
114
- @include rounded(0,0,0,5px);
115
- }
116
-
117
- label:after{
118
- content:'';
119
- display: block;
120
- width: 30px;
121
- height: 5px;
122
- background: $colLinks;
123
- margin: 7px 5px;
124
- box-shadow: 0px 10px 0px $colLinks, 0px 20px 0px $colLinks
125
- }
126
-
127
- [type="checkbox"]:checked ~ ul {
128
- display: block;
129
- z-index: 9999;
130
- position: absolute;
131
- right: -20px;
132
- left: -20px;
133
- top:20px;
134
- }
135
-
136
- [type="checkbox"]:not(:checked) ~ ul {
137
- border-bottom: 0px solid black;
138
- }
139
-
140
- nav a {
141
- color: #777;
142
- }
143
-
144
- nav ul li {
145
- display: block;
146
- float: none;
147
- width: 100%;
148
- text-align: left;
149
- //background: #222;
150
- text-indent: 40px;
151
- }
152
-
153
- nav > ul > li {
154
- margin-left: 0px;
155
- }
156
-
157
- nav > ul li ul li {
158
- display: block;
159
- float: none;
160
- list-style:none;
161
- }
162
-
163
- nav > ul li ul {
164
- display: block;
165
- position: relative;
166
- width: 100%;
167
- z-index: 9999;
168
- float: none;
169
- }
112
+ nav ul {
113
+ display: none;
114
+ padding: 0;
115
+ background: $backgroundColor;
116
+ }
117
+ label {
118
+ display: block;
119
+ //background: #222;
120
+ width: 40px;
121
+ height: 40px;
122
+ cursor: pointer;
123
+ position: absolute;
124
+ right: 0px;
125
+ top: 0px;
126
+ @include rounded(0, 0, 0, 5px);
127
+ }
128
+ label:after {
129
+ content: '';
130
+ display: block;
131
+ width: 30px;
132
+ height: 5px;
133
+ background: $colLinks;
134
+ margin: 7px 5px;
135
+ box-shadow: 0px 10px 0px $colLinks, 0px 20px 0px $colLinks
136
+ }
137
+ [type="checkbox"]:checked~ul {
138
+ display: block;
139
+ z-index: 9999;
140
+ position: absolute;
141
+ right: -20px;
142
+ left: -20px;
143
+ top: 20px;
144
+ }
145
+ [type="checkbox"]:not(:checked)~ul {
146
+ border-bottom: 0px solid black;
147
+ }
148
+ nav a {
149
+ color: #777;
150
+ }
151
+ nav ul li {
152
+ display: block;
153
+ float: none;
154
+ width: 100%;
155
+ text-align: left;
156
+ //background: #222;
157
+ text-indent: 40px;
158
+ text-decoration: none;
159
+ }
160
+ nav ul li:hover {
161
+ text-decoration: none;
162
+ }
163
+ nav>ul>li {
164
+ margin-left: 0px;
165
+ }
166
+ nav>ul li ul li {
167
+ display: block;
168
+ float: none;
169
+ list-style: none;
170
+ }
171
+ nav>ul li ul {
172
+ display: block;
173
+ position: relative;
174
+ width: 100%;
175
+ z-index: 9999;
176
+ float: none;
177
+ }
170
178
  }
data/_sass/_tables.scss ADDED
@@ -0,0 +1,23 @@
1
+ table {
2
+ border-collapse: collapse;
3
+ }
4
+
5
+ tr:nth-child(even) {
6
+ background: #FFF
7
+ }
8
+
9
+ tr:nth-child(odd) {
10
+ background: #CCC
11
+ }
12
+
13
+ thead {
14
+ tr {
15
+ th {
16
+ background: #FFF
17
+ }
18
+ }
19
+ }
20
+
21
+ td {
22
+ padding-left: 5px;
23
+ }
data/_sass/jekyll-theme-tou-dai.scss CHANGED
@@ -1,77 +1,91 @@
1
- @import 'typescale', 'fonts', 'menu';
1
+ @import 'typescale',
2
+ 'fonts',
3
+ 'menu',
4
+ 'tables';
2
5
 
3
6
  /*css taken from http://jgthms.com/web-design-in-4-minutes/*/
7
+
4
8
  body {
5
- margin: 0 auto;
6
- max-width: 50em;
9
+ margin: 0 auto;
10
+ max-width: 50em;
7
11
  }
8
- body {
9
- font-family: serif;
12
+
13
+ * {
14
+ box-sizing: border-box;
10
15
  }
11
16
 
12
17
  body {
13
- /* top | right | bottom | left */
14
- padding: 0em 0em 4em 0em;
15
- // padding: 4em 1em;
18
+ font-family: serif;
16
19
  }
17
20
 
18
- #main{
19
- padding: 4em 1em;
21
+ body {
22
+ /* top | right | bottom | left */
23
+ padding: 0em 0em 4em 0em;
24
+ // padding: 4em 1em;
25
+ }
20
26
 
27
+ #main {
28
+ padding: 4em 1em;
21
29
  }
30
+
22
31
  h2 {
23
- margin-top: 1em;
24
- padding-top: 1em;
32
+ margin-top: 1em;
33
+ padding-top: 1em;
25
34
  }
26
35
 
27
36
  body {
28
- color: #555;
37
+ color: #555;
29
38
  }
30
39
 
31
40
  h1,
32
41
  h2,
33
42
  strong {
34
- color: #333;
43
+ color: #333;
35
44
  }
36
45
 
37
46
  code,
38
47
  pre {
39
- background: #eee;
48
+ background: #eee;
40
49
  }
41
50
 
42
51
  code {
43
- padding: 2px 4px;
44
- vertical-align: text-bottom;
52
+ padding: 2px 4px;
53
+ vertical-align: text-bottom;
45
54
  }
46
55
 
47
56
  pre {
48
- padding: 1em;
49
- white-space: pre-wrap; /* css-3 */
50
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
51
- white-space: -pre-wrap; /* Opera 4-6 */
52
- white-space: -o-pre-wrap; /* Opera 7 */
53
- word-wrap: break-word; /* Internet Explorer 5.5+ */
57
+ padding: 1em;
58
+ white-space: pre-wrap;
59
+ /* css-3 */
60
+ white-space: -moz-pre-wrap;
61
+ /* Mozilla, since 1999 */
62
+ white-space: -pre-wrap;
63
+ /* Opera 4-6 */
64
+ white-space: -o-pre-wrap;
65
+ /* Opera 7 */
66
+ word-wrap: break-word;
67
+ /* Internet Explorer 5.5+ */
54
68
  }
55
69
 
56
70
  a {
57
- color: #e81c4f;
71
+ color: #e81c4f;
58
72
  }
59
73
 
60
74
  body {
61
- color: #566b78;
75
+ color: #566b78;
62
76
  }
63
77
 
64
78
  code,
65
79
  pre {
66
- background: #f5f7f9;
67
- /*border-bottom: 1px solid #d8dee9;*/
68
- color: #a7adba;
80
+ background: #f5f7f9;
81
+ /*border-bottom: 1px solid #d8dee9;*/
82
+ color: #a7adba;
69
83
  }
70
84
 
71
85
  pre {
72
- border-left: 2px solid #69c;
86
+ border-left: 2px solid #69c;
73
87
  }
74
88
 
75
89
  img {
76
- max-width: 100%;
90
+ max-width: 100%;
77
91
  }
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.2.1
4
+ version: 0.3.1
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-14 00:00:00.000000000 Z
11
+ date: 2017-10-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -30,14 +30,14 @@ dependencies:
30
30
  requirements:
31
31
  - - "~>"
32
32
  - !ruby/object:Gem::Version
33
- version: 0.0.5
33
+ version: 0.1.3
34
34
  type: :runtime
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
38
  - - "~>"
39
39
  - !ruby/object:Gem::Version
40
- version: 0.0.5
40
+ version: 0.1.3
41
41
  - !ruby/object:Gem::Dependency
42
42
  name: jekyll-tidy
43
43
  requirement: !ruby/object:Gem::Requirement
@@ -94,6 +94,20 @@ dependencies:
94
94
  - - "~>"
95
95
  - !ruby/object:Gem::Version
96
96
  version: '1.0'
97
+ - !ruby/object:Gem::Dependency
98
+ name: jekyll-autoprefixer
99
+ requirement: !ruby/object:Gem::Requirement
100
+ requirements:
101
+ - - "~>"
102
+ - !ruby/object:Gem::Version
103
+ version: '1.0'
104
+ type: :runtime
105
+ prerelease: false
106
+ version_requirements: !ruby/object:Gem::Requirement
107
+ requirements:
108
+ - - "~>"
109
+ - !ruby/object:Gem::Version
110
+ version: '1.0'
97
111
  - !ruby/object:Gem::Dependency
98
112
  name: bundler
99
113
  requirement: !ruby/object:Gem::Requirement
@@ -119,12 +133,14 @@ files:
119
133
  - README.md
120
134
  - _data/menu.json
121
135
  - _includes/header.html
136
+ - _includes/logo.html
122
137
  - _layouts/default.html
123
138
  - _layouts/plain.txt
124
139
  - _sass/_colors.scss
125
140
  - _sass/_fonts.scss
126
141
  - _sass/_menu.scss
127
142
  - _sass/_mixins.scss
143
+ - _sass/_tables.scss
128
144
  - _sass/_typescale.scss
129
145
  - _sass/jekyll-theme-tou-dai.scss
130
146
  - _sass/palette.scss