jekyll-theme-minimalism 0.1.1 → 0.1.2
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 +4 -4
- data/LICENSE.txt +21 -0
- data/README.md +74 -0
- data/_includes/baidu.html +11 -0
- data/_includes/cnzz.html +6 -0
- data/_includes/content.html +132 -0
- data/_includes/copyright.html +7 -0
- data/_includes/favicon.html +12 -0
- data/_includes/footer.html +1 -0
- data/_includes/google.html +11 -0
- data/_includes/header.html +3 -0
- data/_includes/header_title.html +10 -0
- data/_includes/statistics_body.html +3 -0
- data/_includes/statistics_head.html +4 -0
- data/_layouts/about.html +47 -0
- data/_layouts/archive.html +64 -0
- data/_layouts/articles.html +55 -0
- data/_layouts/categories.html +79 -0
- data/_layouts/index.html +64 -0
- data/_layouts/post.html +69 -0
- data/_sass/_about.scss +17 -0
- data/_sass/_archive.scss +312 -0
- data/_sass/_articles.scss +136 -0
- data/_sass/_categories.scss +104 -0
- data/_sass/_common.scss +408 -0
- data/_sass/_index.scss +133 -0
- data/_sass/_markdown.scss +219 -0
- data/_sass/_post.scss +51 -0
- data/_sass/_prism-line-numbers.scss +43 -0
- data/assets/css/about.scss +4 -0
- data/assets/css/archive.scss +4 -0
- data/assets/css/articles.scss +4 -0
- data/assets/css/categories.scss +4 -0
- data/assets/css/index.scss +4 -0
- data/assets/css/markdown.scss +4 -0
- data/assets/css/post.scss +4 -0
- data/assets/css/prism-line-numbers.scss +4 -0
- data/assets/css/prism.css +124 -0
- data/assets/img/avatar.webp +0 -0
- data/assets/img/favicon.ico +0 -0
- data/assets/js/copy_with_declaration.js +33 -0
- data/assets/js/link_target.js +6 -0
- data/assets/js/lock_copy.js +1 -0
- data/assets/js/lock_menu.js +1 -0
- data/assets/js/prism-line-numbers.js +117 -0
- data/assets/js/prism.js +50 -0
- data/assets/js/timeline.js +33 -0
- metadata +48 -2
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ site.lang | default: "zh-cmn-Hans" }}">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7
|
+
<title>{{ site.title }}</title>
|
|
8
|
+
|
|
9
|
+
<!--[if lt IE 9]>
|
|
10
|
+
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
11
|
+
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
|
|
12
|
+
<![endif]-->
|
|
13
|
+
|
|
14
|
+
{% include favicon.html %}
|
|
15
|
+
|
|
16
|
+
<link rel="stylesheet" href="{{ "/assets/css/articles.css" }}">
|
|
17
|
+
{% seo %}
|
|
18
|
+
{% include statistics_head.html %}
|
|
19
|
+
</head>
|
|
20
|
+
<body>
|
|
21
|
+
<div class="header">
|
|
22
|
+
<a href="/">{{ site.title }}</a>
|
|
23
|
+
<a href="/archive">归档</a>
|
|
24
|
+
<a href="/categories">分类</a>
|
|
25
|
+
<a href="/about">关于</a>
|
|
26
|
+
</div>
|
|
27
|
+
|
|
28
|
+
<div class="article-content">
|
|
29
|
+
{% for post in site.posts %}
|
|
30
|
+
<article class="article-block">
|
|
31
|
+
<a href="{{ post.url }}">
|
|
32
|
+
<div class="article-header">
|
|
33
|
+
<p class="article-title">{{ post.title }}</p>
|
|
34
|
+
<p class="article-date">{{ post.date|date: "%Y-%m-%d" }}</p>
|
|
35
|
+
</div>
|
|
36
|
+
</a>
|
|
37
|
+
|
|
38
|
+
{% if site.show_excerpt == true %}
|
|
39
|
+
<div class="article-excerpt">
|
|
40
|
+
<p>{{ post.excerpt }}</p>
|
|
41
|
+
</div>
|
|
42
|
+
{% endif %}
|
|
43
|
+
</article>
|
|
44
|
+
{% endfor %}
|
|
45
|
+
</div>
|
|
46
|
+
|
|
47
|
+
{% include footer.html %}
|
|
48
|
+
|
|
49
|
+
{% if site.lock_menu and site.lock_menu == true %}
|
|
50
|
+
<script src="{{ "/assets/js/lock_menu.js" }}"></script>
|
|
51
|
+
{% endif %}
|
|
52
|
+
|
|
53
|
+
{% include statistics_body.html %}
|
|
54
|
+
</body>
|
|
55
|
+
</html>
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ site.lang | default: "en" }}">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7
|
+
<title>
|
|
8
|
+
{% if page.title %}
|
|
9
|
+
{{ page.title }}
|
|
10
|
+
{% else %}
|
|
11
|
+
分类
|
|
12
|
+
{% endif %}
|
|
13
|
+
</title>
|
|
14
|
+
|
|
15
|
+
<!--[if lt IE 9]>
|
|
16
|
+
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
17
|
+
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
|
|
18
|
+
<![endif]-->
|
|
19
|
+
|
|
20
|
+
{% include favicon.html %}
|
|
21
|
+
|
|
22
|
+
<link rel="stylesheet" href="{{ "/assets/css/categories.css" }}">
|
|
23
|
+
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
|
|
24
|
+
{% seo %}
|
|
25
|
+
{% include statistics_head.html %}
|
|
26
|
+
</head>
|
|
27
|
+
<body>
|
|
28
|
+
{% include header.html %}
|
|
29
|
+
|
|
30
|
+
<div class="tags-content">
|
|
31
|
+
<div class="content">
|
|
32
|
+
<div class="categories">
|
|
33
|
+
<h2>分类</h2>
|
|
34
|
+
{% for category in site.categories %}
|
|
35
|
+
<p id="{{category | first}}"><i class="fa fa-folder"></i> {{category | first}} (共 {{ category | last | size }} 篇)</p>
|
|
36
|
+
<div class="articles">
|
|
37
|
+
{% for posts in category %}
|
|
38
|
+
{% for post in posts %}
|
|
39
|
+
{% if post.url %}
|
|
40
|
+
<a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
|
|
41
|
+
{% endif %}
|
|
42
|
+
{% endfor %}
|
|
43
|
+
{% endfor %}
|
|
44
|
+
</div>
|
|
45
|
+
{% endfor %}
|
|
46
|
+
</div>
|
|
47
|
+
|
|
48
|
+
<hr>
|
|
49
|
+
|
|
50
|
+
<div class="tags">
|
|
51
|
+
<h2>标签</h2>
|
|
52
|
+
{% capture tags %}
|
|
53
|
+
{% for tag in site.tags %}
|
|
54
|
+
{{ tag[0] }}
|
|
55
|
+
{% endfor %}
|
|
56
|
+
{% endcapture %}
|
|
57
|
+
{% assign sortedtags = tags | split:' ' | sort %}
|
|
58
|
+
|
|
59
|
+
{% for tag in sortedtags %}
|
|
60
|
+
<p id="{{ tag }}"><i class="fa fa-tag"></i> {{ tag }} (共 {{ site.tags[tag].size }} 篇)</p>
|
|
61
|
+
<div class="articles">
|
|
62
|
+
{% for post in site.tags[tag] %}
|
|
63
|
+
<a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
|
|
64
|
+
{% endfor %}
|
|
65
|
+
</div>
|
|
66
|
+
{% endfor %}
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
|
|
71
|
+
{% include footer.html %}
|
|
72
|
+
|
|
73
|
+
{% if site.lock_menu and site.lock_menu == true %}
|
|
74
|
+
<script src="{{ "/assets/js/lock_menu.js" }}"></script>
|
|
75
|
+
{% endif %}
|
|
76
|
+
|
|
77
|
+
{% include statistics_body.html %}
|
|
78
|
+
</body>
|
|
79
|
+
</html>
|
data/_layouts/index.html
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ site.lang | default: "zh-cmn-Hans" }}">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7
|
+
<title>{{ site.title }}</title>
|
|
8
|
+
|
|
9
|
+
<!--[if lt IE 9]>
|
|
10
|
+
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
11
|
+
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
|
|
12
|
+
<![endif]-->
|
|
13
|
+
|
|
14
|
+
{% include favicon.html %}
|
|
15
|
+
|
|
16
|
+
<link rel="stylesheet" href="{{ "/assets/css/index.css" }}" />
|
|
17
|
+
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
|
|
18
|
+
{% seo %}
|
|
19
|
+
{% include statistics_head.html %}
|
|
20
|
+
</head>
|
|
21
|
+
<body>
|
|
22
|
+
<div class="index-avatar">
|
|
23
|
+
{% if site.avatar %}
|
|
24
|
+
<a href="/articles"><img src="{{ site.avatar }}"></a>
|
|
25
|
+
{% else %}
|
|
26
|
+
{% assign image_files = site.static_files | where: "image", true %}
|
|
27
|
+
{% for image in image_files %}
|
|
28
|
+
{% if image.basename == 'avatar' %}
|
|
29
|
+
<a href="/articles"><img src="{{ image.path }}"></a>
|
|
30
|
+
{% endif %}
|
|
31
|
+
{% endfor %}
|
|
32
|
+
{% endif %}
|
|
33
|
+
</div>
|
|
34
|
+
<div class="index-content">
|
|
35
|
+
<h1>{{ site.name }}</h1>
|
|
36
|
+
<p>{{ site.description }}</p>
|
|
37
|
+
<div class="index-contact">
|
|
38
|
+
<p>
|
|
39
|
+
{% if site.twitter %}
|
|
40
|
+
<span><a href="{{ site.twitter }}" target="_blank"><i class="fa fa-twitter"></i></a></span>
|
|
41
|
+
{% endif %}
|
|
42
|
+
{% if site.weibo %}
|
|
43
|
+
<span><a href="{{ site.weibo }}" target="_blank"><i class="fa fa-weibo"></i></a></span>
|
|
44
|
+
{% endif %}
|
|
45
|
+
{% if site.github %}
|
|
46
|
+
<span><a href="{{ site.github }}" target="_blank"><i class="fa fa-github"></i></a></span>
|
|
47
|
+
{% endif %}
|
|
48
|
+
{% if site.email %}
|
|
49
|
+
<span><a href="{{ site.email }}" target="_blank"><i class="fa fa-envelope"></i></a></span>
|
|
50
|
+
{% endif %}
|
|
51
|
+
{% if site.rss and site.rss == true %}
|
|
52
|
+
<span><a href="/feed.xml" target="_blank"><i class="fa fa-rss"></i></a></span>
|
|
53
|
+
{% endif %}
|
|
54
|
+
</p>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
|
|
58
|
+
{% if site.lock_menu and site.lock_menu == true %}
|
|
59
|
+
<script src="{{ "/assets/js/lock_menu.js" }}"></script>
|
|
60
|
+
{% endif %}
|
|
61
|
+
|
|
62
|
+
{% include statistics_body.html %}
|
|
63
|
+
</body>
|
|
64
|
+
</html>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ site.lang | default: "zh-cmn-Hans" }}">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7
|
+
<title>
|
|
8
|
+
{% if page.title %}
|
|
9
|
+
{{ page.title }}
|
|
10
|
+
{% else %}
|
|
11
|
+
文章页
|
|
12
|
+
{% endif %}
|
|
13
|
+
</title>
|
|
14
|
+
|
|
15
|
+
<!--[if lt IE 9]>
|
|
16
|
+
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
17
|
+
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
|
|
18
|
+
<![endif]-->
|
|
19
|
+
|
|
20
|
+
{% include favicon.html %}
|
|
21
|
+
|
|
22
|
+
<link rel="stylesheet" href="{{ "/assets/css/post.css" }}">
|
|
23
|
+
<link rel="stylesheet" href="{{ "/assets/css/prism.css" }}">
|
|
24
|
+
{% unless page.line_numbers != null and page.line_numbers == false %}
|
|
25
|
+
<link rel="stylesheet" href="{{ "/assets/css/prism-line-numbers.css" }}">
|
|
26
|
+
{% endunless %}
|
|
27
|
+
<link rel="stylesheet" href="{{ "/assets/css/markdown.css" }}">
|
|
28
|
+
{% seo %}
|
|
29
|
+
{% include statistics_head.html %}
|
|
30
|
+
</head>
|
|
31
|
+
|
|
32
|
+
<body>
|
|
33
|
+
<header>
|
|
34
|
+
{% include header_title.html %}
|
|
35
|
+
<p id="author" style="display: none">
|
|
36
|
+
{% if page.author %}
|
|
37
|
+
{{ page.author }}
|
|
38
|
+
{% elsif site.name %}
|
|
39
|
+
{{ site.name }}
|
|
40
|
+
{% endif %}
|
|
41
|
+
</p>
|
|
42
|
+
|
|
43
|
+
<div class="article-title-description">
|
|
44
|
+
<p>发表于 {{ page.date | date: "%Y-%m-%d" }} | 本文共 {{ page.content | number_of_words }} 字</p>
|
|
45
|
+
</div>
|
|
46
|
+
</header>
|
|
47
|
+
|
|
48
|
+
{% include content.html %}
|
|
49
|
+
|
|
50
|
+
{% include footer.html %}
|
|
51
|
+
|
|
52
|
+
<script src="{{ "/assets/js/prism.js" }}"></script>
|
|
53
|
+
{% unless page.line_numbers != null and page.line_numbers == false %}
|
|
54
|
+
<script src="{{ "/assets/js/prism-line-numbers.js" }}"></script>
|
|
55
|
+
{% endunless %}
|
|
56
|
+
<script src="{{ "/assets/js/link_target.js" }}"></script>
|
|
57
|
+
|
|
58
|
+
{% if site.lock_menu and site.lock_menu == true %}
|
|
59
|
+
<script src="{{ "/assets/js/lock_menu.js" }}"></script>
|
|
60
|
+
{% endif %}
|
|
61
|
+
{% if site.copy_with_declaration and site.copy_with_declaration == true %}
|
|
62
|
+
<script src="{{ "/assets/js/copy_with_declaration.js" }}"></script>
|
|
63
|
+
{% elsif site.lock_copy and site.lock_copy == true %}
|
|
64
|
+
<script src="{{ "/assets/js/lock_copy.js" }}"></script>
|
|
65
|
+
{% endif %}
|
|
66
|
+
|
|
67
|
+
{% include statistics_body.html %}
|
|
68
|
+
</body>
|
|
69
|
+
</html>
|
data/_sass/_about.scss
ADDED
data/_sass/_archive.scss
ADDED
|
@@ -0,0 +1,312 @@
|
|
|
1
|
+
@import "common";
|
|
2
|
+
|
|
3
|
+
body {
|
|
4
|
+
@include flex(column);
|
|
5
|
+
|
|
6
|
+
min-height: 100vh;
|
|
7
|
+
margin: 0;
|
|
8
|
+
background: #fff;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
a {
|
|
12
|
+
-webkit-tap-highlight-color: transparent;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.timeline {
|
|
16
|
+
@include flex(column);
|
|
17
|
+
-webkit-box-flex: 1;
|
|
18
|
+
-ms-flex: 1;
|
|
19
|
+
flex: 1;
|
|
20
|
+
|
|
21
|
+
margin: 0 auto;
|
|
22
|
+
|
|
23
|
+
.timeline-title {
|
|
24
|
+
margin-bottom: 0;
|
|
25
|
+
color: #666;
|
|
26
|
+
font-size: 18px;
|
|
27
|
+
line-height: 1.8;
|
|
28
|
+
text-align: center;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
ul {
|
|
32
|
+
padding: 0 0 50px;
|
|
33
|
+
margin: 0;
|
|
34
|
+
|
|
35
|
+
p {
|
|
36
|
+
color: #666;
|
|
37
|
+
font-size: 1.5em;
|
|
38
|
+
font-weight: bold;
|
|
39
|
+
text-align: center;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
time {
|
|
44
|
+
color: #fff;
|
|
45
|
+
font-weight: bold;
|
|
46
|
+
padding-bottom: 5px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
a {
|
|
50
|
+
text-decoration: none;
|
|
51
|
+
color: #eee;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@media (min-width: 769px) {
|
|
56
|
+
.timeline {
|
|
57
|
+
a:hover {
|
|
58
|
+
color: #fff;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.timeline ul li {
|
|
64
|
+
position: relative;
|
|
65
|
+
|
|
66
|
+
width: 2px;
|
|
67
|
+
margin: 0 auto;
|
|
68
|
+
padding-top: 50px;
|
|
69
|
+
|
|
70
|
+
list-style-type: none;
|
|
71
|
+
|
|
72
|
+
background: #bdbdbd;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.timeline ul li::after {
|
|
76
|
+
content: '';
|
|
77
|
+
position: absolute;
|
|
78
|
+
left: 50%;
|
|
79
|
+
bottom: 45px;
|
|
80
|
+
-webkit-transform: translateX(-50%);
|
|
81
|
+
transform: translateX(-50%);
|
|
82
|
+
width: 15px;
|
|
83
|
+
height: 15px;
|
|
84
|
+
border-radius: 50%;
|
|
85
|
+
background: inherit;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.timeline ul li div {
|
|
89
|
+
@include flex(column);
|
|
90
|
+
|
|
91
|
+
position: relative;
|
|
92
|
+
bottom: 35px;
|
|
93
|
+
width: 250px;
|
|
94
|
+
padding: 15px;
|
|
95
|
+
border-radius: 4px;
|
|
96
|
+
background: #999;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.timeline ul li div::before {
|
|
100
|
+
content: '';
|
|
101
|
+
position: absolute;
|
|
102
|
+
bottom: 10px;
|
|
103
|
+
width: 0;
|
|
104
|
+
height: 0;
|
|
105
|
+
border-style: solid;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.timeline ul li:nth-child(odd) div {
|
|
109
|
+
left: 45px;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.timeline ul li:nth-child(odd) div::before {
|
|
113
|
+
left: -15px;
|
|
114
|
+
border-width: 8px 16px 8px 0;
|
|
115
|
+
border-color: transparent #999 transparent transparent;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.timeline ul li:nth-child(even) div {
|
|
119
|
+
right: 320px;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.timeline ul li:nth-child(even) div::before {
|
|
123
|
+
right: -15px;
|
|
124
|
+
border-width: 8px 0 8px 16px;
|
|
125
|
+
border-color: transparent transparent transparent #999;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
/* timeline effects */
|
|
129
|
+
.timeline ul li::after {
|
|
130
|
+
-webkit-transition: background-color .5s ease-in-out;
|
|
131
|
+
transition: background-color .5s ease-in-out;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.timeline ul li.in-view::after {
|
|
135
|
+
background: #bdbdbd;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.timeline ul li div {
|
|
139
|
+
visibility: hidden;
|
|
140
|
+
opacity: 0;
|
|
141
|
+
-webkit-transition: all .5s ease-in-out;
|
|
142
|
+
transition: all .5s ease-in-out;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.timeline ul li:nth-child(odd) div {
|
|
146
|
+
-webkit-transform: translate3d(200px, 0, 0);
|
|
147
|
+
transform: translate3d(200px, 0, 0);
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.timeline ul li:nth-child(even) div {
|
|
151
|
+
-webkit-transform: translate3d(-200px, 0, 0);
|
|
152
|
+
transform: translate3d(-200px, 0, 0);
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.timeline ul li.in-view div {
|
|
156
|
+
-webkit-transform: none;
|
|
157
|
+
transform: none;
|
|
158
|
+
visibility: visible;
|
|
159
|
+
opacity: 1;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
@media (max-width: 1000px) {
|
|
163
|
+
header {
|
|
164
|
+
margin: 0;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.timeline {
|
|
168
|
+
padding: 0 20px;
|
|
169
|
+
margin: 0;
|
|
170
|
+
|
|
171
|
+
ul {
|
|
172
|
+
padding: 0;
|
|
173
|
+
margin-left: 100px;
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.timeline ul li {
|
|
178
|
+
margin-left: 40px;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.timeline ul li:nth-child(even) div {
|
|
182
|
+
left: 45px;
|
|
183
|
+
}
|
|
184
|
+
.timeline ul li:nth-child(even) div::before {
|
|
185
|
+
left: -15px;
|
|
186
|
+
border-width: 8px 16px 8px 0;
|
|
187
|
+
border-color: transparent #999 transparent transparent;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
/* timeline effects */
|
|
191
|
+
.timeline ul li::after {
|
|
192
|
+
-webkit-transition: background-color .5s ease-in-out;
|
|
193
|
+
transition: background-color .5s ease-in-out;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.timeline ul li.in-view::after {
|
|
197
|
+
background: #bdbdbd;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
.timeline ul li div {
|
|
201
|
+
visibility: hidden;
|
|
202
|
+
opacity: 0;
|
|
203
|
+
-webkit-transition: all .5s ease-in-out;
|
|
204
|
+
transition: all .5s ease-in-out;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.timeline ul li:nth-child(odd) div {
|
|
208
|
+
-webkit-transform: translate3d(200px, 0, 0);
|
|
209
|
+
transform: translate3d(200px, 0, 0);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.timeline ul li:nth-child(even) div {
|
|
213
|
+
-webkit-transform: translate3d(200px, 0, 0);
|
|
214
|
+
transform: translate3d(200px, 0, 0);
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
.timeline ul li.in-view div {
|
|
218
|
+
-webkit-transform: none;
|
|
219
|
+
transform: none;
|
|
220
|
+
visibility: visible;
|
|
221
|
+
opacity: 1;
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
@media (max-width: 415px) {
|
|
226
|
+
header {
|
|
227
|
+
margin: 0;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
.archive-title {
|
|
231
|
+
a {
|
|
232
|
+
font-size: 1.2em;
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.timeline {
|
|
237
|
+
padding: 0 20px;
|
|
238
|
+
margin: 0;
|
|
239
|
+
|
|
240
|
+
ul {
|
|
241
|
+
padding: 0;
|
|
242
|
+
margin: 0;
|
|
243
|
+
|
|
244
|
+
p {
|
|
245
|
+
font-size: 1.2em;
|
|
246
|
+
text-align: left;
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
time, a {
|
|
251
|
+
font-size: .8em;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
.timeline ul li {
|
|
256
|
+
margin-left: 20px;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.timeline ul li div {
|
|
260
|
+
width: 150px;
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.timeline ul li:nth-child(even) div {
|
|
264
|
+
left: 45px;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
.timeline ul li:nth-child(even) div::before {
|
|
268
|
+
left: -15px;
|
|
269
|
+
border-width: 8px 16px 8px 0;
|
|
270
|
+
border-color: transparent #999 transparent transparent;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
/* timeline effects */
|
|
274
|
+
.timeline ul li::after {
|
|
275
|
+
-webkit-transition: background-color .5s ease-in-out;
|
|
276
|
+
transition: background-color .5s ease-in-out;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
.timeline ul li.in-view::after {
|
|
280
|
+
background: #bdbdbd;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.timeline ul li div {
|
|
284
|
+
visibility: hidden;
|
|
285
|
+
opacity: 0;
|
|
286
|
+
-webkit-transition: all .5s ease-in-out;
|
|
287
|
+
transition: all .5s ease-in-out;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
.timeline ul li:nth-child(odd) div {
|
|
291
|
+
-webkit-transform: translate3d(50px, 0, 0);
|
|
292
|
+
transform: translate3d(50px, 0, 0);
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
.timeline ul li:nth-child(even) div {
|
|
296
|
+
-webkit-transform: translate3d(50px, 0, 0);
|
|
297
|
+
transform: translate3d(50px, 0, 0);
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.timeline ul li.in-view div {
|
|
301
|
+
-webkit-transform: none;
|
|
302
|
+
transform: none;
|
|
303
|
+
visibility: visible;
|
|
304
|
+
opacity: 1;
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
.copyright {
|
|
308
|
+
p {
|
|
309
|
+
font-size: .7em;
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
}
|