yoyoyo 0.0.3 → 0.0.4
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/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
|
}
|