yoyoyo 0.0.3 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +24 -6
- data/_includes/post-card.html +2 -2
- data/_layouts/home.html +15 -1
- data/_sass/header.scss +3 -0
- data/_sass/main.scss +52 -1
- data/assets/css/styles.scss +1 -0
- data/assets/js/app.js +5924 -12
- data/assets/js/app.js.map +1 -1
- data/assets/ts/app.ts +18 -20
- metadata +4 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 54f35f39e7a94a10afeb34b1c60e12f1c8242d72
|
|
4
|
+
data.tar.gz: 69be539062052c2838949954e36f93ebe744df16
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d592d2f7d013947e12036aa4f82f24d93a22015d0c1a7bed40e8e033596c937ff3041a96fdfedb220f83eac72b009a12359a6d0b5701f9b39a56d87c96bb7936
|
|
7
|
+
data.tar.gz: 749757609697421f21b79dfafd200817bd68e294632475ab71f81eb50f8c0eb14c8d3a8a70c48f919d90f94dfa55cfe67ee22c2b849091edf0d0c32bf84855ce
|
data/README.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
# 呦呦呦 Jekyll 主题
|
|
11
|
+
|
|
12
|
+
一个漂亮的、自适应的、适合程序员的 Jekyll 主题。
|
|
13
|
+
|
|
14
|
+
## Quickstart
|
|
15
|
+
|
|
16
|
+
[Get started in 5 minutes.](https://github.com/hertzZhang/yoyoyo/wiki/Quickstart)
|
|
17
|
+
|
|
18
|
+
## Want to help?
|
|
19
|
+
|
|
20
|
+
|
|
3
21
|
|
|
4
22
|
## Todo List
|
|
5
23
|
|
|
@@ -8,15 +26,15 @@ a jekyll theme
|
|
|
8
26
|
- [x] CSS
|
|
9
27
|
- [x] JavaScript
|
|
10
28
|
- [x] MarkDown
|
|
11
|
-
- [ ] 开场动画
|
|
12
|
-
- [ ] 进场动画和离场动画
|
|
13
|
-
- [ ] 顶部总导航
|
|
14
|
-
- [ ] 底部页脚
|
|
15
29
|
- [ ] 首页基础布局
|
|
30
|
+
- [ ] 顶部导航
|
|
31
|
+
- [ ] 底部页脚
|
|
16
32
|
- [ ] 最新文章列表
|
|
17
33
|
- [ ] 标签文章列表
|
|
18
34
|
- [ ] 分类文章列表
|
|
19
35
|
- [ ] 文章详情页面布局
|
|
36
|
+
- [ ] 开场动画
|
|
37
|
+
- [ ] 进场动画和离场动画
|
|
20
38
|
- [ ] 联系我功能
|
|
21
39
|
- [ ] 评论功能
|
|
22
40
|
- [ ] 订阅功能
|
data/_includes/post-card.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<
|
|
1
|
+
<div class="grid-item" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
|
|
2
2
|
<a class="posts__link" href="{{ post.url | prepend: site.baseurl }}" itemprop="url">
|
|
3
3
|
{% if post.image %}
|
|
4
4
|
<figure class="posts__img">
|
|
@@ -9,4 +9,4 @@
|
|
|
9
9
|
<h2 class="posts__text"><strong itemprop="name">{{ post.title }}</strong> — <span itemprop="description">{{ post.content | strip_html | truncatewords: 35, "" }}</span></h2>
|
|
10
10
|
</div>
|
|
11
11
|
</a>
|
|
12
|
-
</
|
|
12
|
+
</div>
|
data/_layouts/home.html
CHANGED
|
@@ -1,7 +1,21 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
3
|
title: Home
|
|
4
|
+
pagination:
|
|
5
|
+
enabled: true
|
|
4
6
|
---
|
|
5
7
|
<main>
|
|
8
|
+
<div class="grid">
|
|
9
|
+
<div class="grid-item theme-header">
|
|
10
|
+
|
|
11
|
+
</div>
|
|
12
|
+
{% for post in paginator.posts %}
|
|
13
|
+
{% include post-card.html %}
|
|
14
|
+
{% endfor %}
|
|
15
|
+
<div class="grid-item theme-footer">
|
|
16
|
+
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
6
19
|
{{content}}
|
|
7
|
-
|
|
20
|
+
<!-- {% include pagination.html %} -->
|
|
21
|
+
</main>
|
data/_sass/header.scss
ADDED
data/_sass/main.scss
CHANGED
|
@@ -1,3 +1,54 @@
|
|
|
1
1
|
.current {
|
|
2
|
-
color:
|
|
2
|
+
color: $cyan;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
@media screen and (min-width: 85em) {
|
|
6
|
+
.grid__item-text {
|
|
7
|
+
width: 80%;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
@media screen and (min-width: 50em) {
|
|
12
|
+
.grid {
|
|
13
|
+
display: grid;
|
|
14
|
+
grid-template-columns: repeat(2, 50vmax);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.grid-item {
|
|
18
|
+
height: 50vmax;
|
|
19
|
+
width: 100%;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.grid__item-subtitle * {
|
|
24
|
+
opacity: 0;
|
|
25
|
+
transform: translate3d(100px, 0, 0);
|
|
26
|
+
transition: all 0.5s cubic-bezier(0.2, 1, 0.7, 1);
|
|
27
|
+
transition-property: transform, opacity;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.grid__item:hover .grid__item-subtitle * {
|
|
31
|
+
opacity: 1;
|
|
32
|
+
transform: translate3d(0, 0, 0);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.grid__item:hover .grid__item-subtitle span {
|
|
36
|
+
transition-delay: 0.1s;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.grid__item:hover .grid__item-subtitle .grid__item-link {
|
|
40
|
+
transition-delay: 0s;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.grid__item-title {
|
|
44
|
+
font-size: 6vw;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.grid__item-title--small {
|
|
48
|
+
font-size: 3vw;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.grid__item-text {
|
|
52
|
+
margin-top: 2.5rem;
|
|
53
|
+
}
|
|
3
54
|
}
|