cosy-jekyll-theme 1.0.6 → 1.0.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/License +1 -1
- data/README.md +35 -18
- data/_includes/buy-me-coffee.html +1 -1
- data/_includes/footer.html +34 -31
- data/_includes/head.html +2 -3
- data/_includes/header.html +1 -1
- data/_layouts/page.html +2 -1
- data/_layouts/post.html +1 -1
- data/_sass/_mixins.scss +8 -1
- data/_sass/_page.scss +47 -35
- data/_sass/_reset.scss +1 -1
- 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: b1cdf0d8c04117f4d73db43c5a01108f307f8f15
|
4
|
+
data.tar.gz: aa4aacce6259ad45ad07c68fc9240f6f19b7b38e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 8d2fbc798fe525eba887ae18f4fe91ec9563f831cd3959be52b37788454c13bdc09d6c3d25329d5033a2e200bee35ea3f078cbb4539ae586f438672410378a17
|
7
|
+
data.tar.gz: 920b75bd6f319c2c37d273efb104c5901d20cd9b1a80c989e4d1d40f5abdba4f59695a4032a65db9d7c8008dec7d693c4939aba778654414a109d305cc6b022f
|
data/License
CHANGED
data/README.md
CHANGED
@@ -1,32 +1,49 @@
|
|
1
|
-
## [tw93.github.io](
|
2
|
-
- This is Tw93
|
1
|
+
## [tw93.github.io](http://tw93.github.io/)
|
2
|
+
- This is Tw93's front-end technology blog.
|
3
|
+
- Commonly used to record learning and research front-end technology.
|
4
|
+
- Concerned about the front-end new technology and new thinking.
|
5
|
+
- The blog theme named [cosy-jekyll-theme](https://rubygems.org/gems/cosy-jekyll-theme) is created by Tw93.
|
3
6
|
|
4
|
-
|
5
|
-
|
6
|
-
-
|
7
|
-
-
|
7
|
+
|
8
|
+
## Features About [cosy-jekyll-theme](https://rubygems.org/gems/cosy-jekyll-theme)
|
9
|
+
- cosy-jekyll-theme is a responsive and better reading experience blog template.
|
10
|
+
- **No jQuery**, No other redundant resources.
|
11
|
+
- Modern and minimal design, **More concise and Faster than other jekyll theme.**
|
12
|
+
- Responsive templates for post, page,Looks great on mobile, tablet, and desktop devices.
|
13
|
+
- According to different platforms have selected to load resources.
|
14
|
+
- By using SVG and Canvas Makes this blog more geeks.
|
15
|
+
- More suitable for China:
|
16
|
+
- Dropping Google webfont, using proxy webfont.
|
17
|
+
- Delay loading of resources that are not immediately required.
|
18
|
+
- When Discus failed to load, It will be a good suggestion.
|
19
|
+
- Add Buy Me A Coffee by using WeChat payment.
|
8
20
|
|
9
|
-
|
21
|
+
## PC Preview
|
10
22
|
|
11
|
-
![demo.png](http://
|
23
|
+
![demo.png](http://7vihmc.com1.z0.glb.clouddn.com/Jietu20170203-222805.jpg)
|
12
24
|
|
13
|
-
|
25
|
+
## H5 Preview
|
14
26
|
|
15
27
|
<img src="http://ww1.sinaimg.cn/large/0060lm7Tgy1fc8ex6yyh3j30xp1iy0z1.jpg" width="290"/><img src="http://ww3.sinaimg.cn/large/0060lm7Tgy1fc8eyalu16j30xp1iyq7g.jpg" width="290"/><img src="http://ww3.sinaimg.cn/large/0060lm7Tgy1fc8ex5vn9dj30xp1iyafo.jpg" width="290"/>
|
16
28
|
|
17
|
-
|
29
|
+
## QR code
|
18
30
|
|
19
31
|
![](http://ww1.sinaimg.cn/large/0060lm7Tgy1fc8eyyn0msj305k05kglf.jpg)
|
20
32
|
|
21
|
-
|
33
|
+
## How To Use
|
22
34
|
1. [Fork the repo](https://github.com/tw93/tw93.github.io)
|
23
|
-
2. Clone down the repo with
|
24
|
-
3. Install bundler with
|
25
|
-
4. Install gems with
|
26
|
-
5. Run Jekyll with
|
27
|
-
6. Begin hacking for your project
|
35
|
+
2. Clone down the repo with `$ git clone git@github.com:username/reponame.git`
|
36
|
+
3. Install bundler with `$ gem install bundler`
|
37
|
+
4. Install gems with `$ bundle install`
|
38
|
+
5. Run Jekyll with `$ npm run dev`
|
39
|
+
6. Begin hacking for your project,You need modify `about.md` and `_config.yml`
|
28
40
|
7. For more details, read [documentation](http://jekyllrb.com/)
|
29
41
|
|
30
|
-
|
42
|
+
## Support
|
43
|
+
- **Feel free to fork. I'll Appreciate it if you keep the Author & Github link at footer**.
|
44
|
+
- Give it **a Star** if you like, fork or just clone to use.
|
45
|
+
- Having a problem getting something to work or want to know why I setup something in a certain way? [File a GitHub Issue](https://github.com/tw93/tw93.github.io/issues/new).
|
46
|
+
- If you make something cool with this theme feel free to let me know.
|
47
|
+
|
48
|
+
## License
|
31
49
|
- The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
32
|
-
- Last but not least,[cosy-jekyll-theme](https://rubygems.org/gems/cosy-jekyll-theme) is inspired by [neo-hpstr-jekyll-theme(MIT License)](http://github.com/aron-bordin/neo-hpstr-jekyll-theme).
|
@@ -1,6 +1,6 @@
|
|
1
1
|
{% if site.showBuyCoffee != false %}
|
2
2
|
<div class="coffee">
|
3
3
|
<div class="buy-me-coffee" id="J_buy-me-coffee" onclick="document.getElementById('J_my_pay_image').classList.toggle('active');this.classList.toggle('active');">Buy Me a Coffee !</div>
|
4
|
-
<img src="{{ site.payImage }}" class="my-pay-img" id="J_my_pay_image">
|
4
|
+
<img src="{{ site.assetUrl }}{{ site.payImage }}" class="my-pay-img" id="J_my_pay_image">
|
5
5
|
</div>
|
6
6
|
{% endif %}
|
data/_includes/footer.html
CHANGED
@@ -9,21 +9,23 @@
|
|
9
9
|
{% if site.google_analytics %}
|
10
10
|
<!-- Asynchronous Google Analytics snippet -->
|
11
11
|
<script type="text/javascript">
|
12
|
-
(function (
|
13
|
-
i
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
12
|
+
setTimeout(function () {
|
13
|
+
(function (i, s, o, g, r, a, m) {
|
14
|
+
i['GoogleAnalyticsObject'] = r;
|
15
|
+
i[r] = i[r] || function () {
|
16
|
+
(i[r].q = i[r].q || []).push(arguments)
|
17
|
+
}, i[r].l = 1 * new Date();
|
18
|
+
a = s.createElement(o),
|
19
|
+
m = s.getElementsByTagName(o)[0];
|
20
|
+
a.async = 1;
|
21
|
+
a.src = g;
|
22
|
+
m.parentNode.insertBefore(a, m)
|
23
|
+
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
23
24
|
|
24
|
-
|
25
|
-
|
26
|
-
|
25
|
+
ga('create', '{{ site.google_analytics }}', 'auto');
|
26
|
+
ga('require', 'linkid', 'linkid.js');
|
27
|
+
ga('send', 'pageview');
|
28
|
+
},4000);
|
27
29
|
</script>
|
28
30
|
{% endif %}
|
29
31
|
|
@@ -35,7 +37,7 @@
|
|
35
37
|
var string = hereDoc(function () {/*
|
36
38
|
|
37
39
|
|
38
|
-
|
40
|
+
_ ___ _____ _ _
|
39
41
|
| | |_ | / ___| (_) | |
|
40
42
|
| | ___ __ _ _ __ _ __ | | __ ___ ____ _\ `--. ___ _ __ _ _ __ | |_
|
41
43
|
| | / _ \/ _` | '__| '_ \ | |/ _` \ \ / / _` |`--. \/ __| '__| | '_ \| __|
|
@@ -56,23 +58,24 @@
|
|
56
58
|
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
|
57
59
|
var disqus_shortname = '{{ site.disqus_shortname }}'; // required: replace example with your forum shortname
|
58
60
|
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
61
|
+
setTimeout(function () {
|
62
|
+
(function () {
|
63
|
+
var dsq = document.createElement('script');
|
64
|
+
dsq.type = 'text/javascript';
|
65
|
+
dsq.async = true;
|
66
|
+
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
67
|
+
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
68
|
+
})();
|
67
69
|
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
70
|
+
/* * * DON'T EDIT BELOW THIS LINE * * */
|
71
|
+
(function () {
|
72
|
+
var s = document.createElement('script');
|
73
|
+
s.async = true;
|
74
|
+
s.type = 'text/javascript';
|
75
|
+
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
|
76
|
+
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
|
77
|
+
}());
|
78
|
+
},2000);
|
76
79
|
</script>
|
77
80
|
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a>
|
78
81
|
</noscript>
|
data/_includes/head.html
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
<head>
|
2
2
|
<meta charset="utf-8">
|
3
|
-
<title>{
|
3
|
+
<title>{% if page.layout =='post' or page.hideHomeActive %}{{ page.title }} - {% endif %}{{ site.title }}</title>
|
4
4
|
<meta name="description" content="{{ site.description }}{% if page.categories %}{{ page.categories }}{% endif %}{% if page.summary %}{{ page.summary }}{% endif %}">
|
5
5
|
{% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
|
6
6
|
|
@@ -30,11 +30,10 @@
|
|
30
30
|
|
31
31
|
<link rel="stylesheet" href="{{ site.url }}/css/index.css">
|
32
32
|
|
33
|
-
<link href="//fonts.
|
33
|
+
<link href="//fonts.css.network/css?family=Lato:300,400,700,300italic,400italic" rel="stylesheet" type="text/css">
|
34
34
|
|
35
35
|
<meta http-equiv="cleartype" content="on">
|
36
36
|
|
37
|
-
|
38
37
|
<link rel="shortcut icon" href="{{ site.url }}/favicon.ico">
|
39
38
|
|
40
39
|
{% if page.image.background or site.background %}
|
data/_includes/header.html
CHANGED
@@ -32,7 +32,7 @@
|
|
32
32
|
<svg width="100%" height="200" xmlns="http://www.w3.org/2000/svg"
|
33
33
|
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
|
34
34
|
<path id="svg-title-path">
|
35
|
-
<animate attributeName="d" from="m0,110 h0" to="m0,110 h1100" dur="
|
35
|
+
<animate attributeName="d" from="m0,110 h0" to="m0,110 h1100" dur="2s" repeatCount="1" fill="freeze" begin="0s" />
|
36
36
|
</path>
|
37
37
|
<text font-size="36" fill='#ffffff' x="50%" y="50%" text-anchor="middle">
|
38
38
|
<textPath xlink:href="#svg-title-path">{{ page.title }}</textPath>
|
data/_layouts/page.html
CHANGED
@@ -12,7 +12,8 @@
|
|
12
12
|
{{ content }}
|
13
13
|
</div>
|
14
14
|
{% if page.comments != false and site.disqus_shortname %}
|
15
|
-
<section id="disqus_thread">Disqus
|
15
|
+
<section id="disqus_thread">Disqus is climbing the Great Fire Wall of China, Maybe She needs <a href="https://sodatea.github.io/2015/12/23/all-i-know-about-the-wall/" target="_blank" class="need_dotted">a ladder.</a> 🤦🏼️ 🤷🏼️
|
16
|
+
</section>
|
16
17
|
{% endif %}
|
17
18
|
</article>
|
18
19
|
</div>
|
data/_layouts/post.html
CHANGED
@@ -35,7 +35,7 @@
|
|
35
35
|
|
36
36
|
</div>
|
37
37
|
{% if page.comments != false and site.disqus_shortname %}
|
38
|
-
<section id="disqus_thread">Disqus
|
38
|
+
<section id="disqus_thread">Disqus is climbing the Great Fire Wall of China, Maybe She needs <a href="https://sodatea.github.io/2015/12/23/all-i-know-about-the-wall/" target="_blank" class="need_dotted">a ladder.</a> 🤦🏼️ 🤷🏼️ </section>
|
39
39
|
{% endif %}
|
40
40
|
|
41
41
|
{% if site.related_posts.size > 0 %}
|
data/_sass/_mixins.scss
CHANGED
@@ -5,7 +5,7 @@
|
|
5
5
|
// --------------------
|
6
6
|
// For clearing floats like a boss h5bp.com/q
|
7
7
|
@mixin clearfix {
|
8
|
-
|
8
|
+
zoom: 1;
|
9
9
|
&:before,
|
10
10
|
&:after {
|
11
11
|
display: table;
|
@@ -19,6 +19,13 @@
|
|
19
19
|
}
|
20
20
|
}
|
21
21
|
|
22
|
+
|
23
|
+
@mixin need-dotted{
|
24
|
+
border-bottom: 1px dotted lighten($link-color, 50);
|
25
|
+
&:hover {
|
26
|
+
border-bottom-style: solid;
|
27
|
+
}
|
28
|
+
}
|
22
29
|
// Webkit-style focus
|
23
30
|
// --------------------
|
24
31
|
@mixin tab-focus() {
|
data/_sass/_page.scss
CHANGED
@@ -62,10 +62,10 @@ body {
|
|
62
62
|
@include transition(0.3s all ease-in-out);
|
63
63
|
@include transform(scale(0) perspective(60px) rotateX(50deg));
|
64
64
|
width: 0;
|
65
|
-
left
|
66
|
-
top
|
65
|
+
left: -4px;
|
66
|
+
top: -4px;
|
67
67
|
z-index: 10;
|
68
|
-
>img{
|
68
|
+
> img {
|
69
69
|
box-shadow: 0 0 0 0, 0 6px 12px rgba($black, 0.5);
|
70
70
|
padding: 4px;
|
71
71
|
background-color: #fff;
|
@@ -80,13 +80,14 @@ body {
|
|
80
80
|
}
|
81
81
|
p > a,
|
82
82
|
li > a {
|
83
|
-
|
84
|
-
&:hover {
|
85
|
-
border-bottom-style: solid;
|
86
|
-
}
|
83
|
+
@include need-dotted();
|
87
84
|
}
|
88
85
|
}
|
89
86
|
|
87
|
+
.need_dotted {
|
88
|
+
@include need-dotted();
|
89
|
+
}
|
90
|
+
|
90
91
|
///sections
|
91
92
|
.content-header-title {
|
92
93
|
text-align: center;
|
@@ -147,7 +148,7 @@ body {
|
|
147
148
|
// --------------------------------------------------
|
148
149
|
.entry-meta {
|
149
150
|
@include font-rem(12);
|
150
|
-
margin-
|
151
|
+
margin-top: 0;
|
151
152
|
color: lighten($base-color, 60);
|
152
153
|
a {
|
153
154
|
color: lighten($base-color, 60);
|
@@ -308,10 +309,7 @@ body {
|
|
308
309
|
}
|
309
310
|
p > a,
|
310
311
|
li > a {
|
311
|
-
|
312
|
-
&:hover {
|
313
|
-
border-bottom-style: solid;
|
314
|
-
}
|
312
|
+
@include need-dotted();
|
315
313
|
}
|
316
314
|
h3 {
|
317
315
|
margin: 0;
|
@@ -394,13 +392,13 @@ body {
|
|
394
392
|
@include font-rem(14);
|
395
393
|
@media #{$medium} {
|
396
394
|
margin: 8px auto 35px auto;
|
395
|
+
@include font-rem(16);
|
397
396
|
}
|
398
397
|
a {
|
399
398
|
color: lighten($text-color, 20);
|
400
399
|
}
|
401
400
|
}
|
402
401
|
|
403
|
-
|
404
402
|
// Browser Upgrade
|
405
403
|
// --------------------------------------------------
|
406
404
|
.upgrade {
|
@@ -430,8 +428,8 @@ body {
|
|
430
428
|
@include font-rem(14);
|
431
429
|
background-color: $white;
|
432
430
|
color: $text-color;
|
433
|
-
border-width: 2px
|
434
|
-
border-style: solid
|
431
|
+
border-width: 2px;
|
432
|
+
border-style: solid;
|
435
433
|
border-color: lighten($primary, 50);
|
436
434
|
@include rounded(3px);
|
437
435
|
}
|
@@ -575,40 +573,40 @@ body {
|
|
575
573
|
}
|
576
574
|
}
|
577
575
|
|
578
|
-
.coffee{
|
576
|
+
.coffee {
|
579
577
|
width: 100%;
|
580
578
|
@include flexbox();
|
581
579
|
@include flex-direction(column);
|
582
580
|
@include align-items(center);
|
583
|
-
margin:
|
584
|
-
|
585
|
-
|
581
|
+
margin: 40px 0 10px;
|
582
|
+
position: relative;
|
583
|
+
@media #{$large} {
|
584
|
+
margin-bottom: -20px;
|
586
585
|
}
|
587
|
-
.buy-me-coffee{
|
586
|
+
.buy-me-coffee {
|
588
587
|
@extend .btn;
|
589
588
|
margin: 0 auto;
|
590
589
|
position: relative;
|
591
590
|
height: 36px;
|
592
|
-
width:
|
593
|
-
padding-left:
|
594
|
-
|
595
|
-
line-height: 18px;
|
591
|
+
width: 158px;
|
592
|
+
padding-left: 36px;
|
593
|
+
line-height: 17px;
|
596
594
|
text-align: center;
|
597
595
|
@include text-overflow(clip);
|
598
596
|
cursor: pointer;
|
599
597
|
@include user-select(none);
|
600
|
-
&:hover{
|
598
|
+
&:hover {
|
601
599
|
background-color: #222;
|
602
600
|
color: #fff;
|
603
601
|
}
|
604
|
-
&.active{
|
602
|
+
&.active {
|
605
603
|
background-color: #fff;
|
606
604
|
color: #222;
|
607
605
|
}
|
608
|
-
&::after{
|
606
|
+
&::after {
|
609
607
|
content: "";
|
610
608
|
position: absolute;
|
611
|
-
top:
|
609
|
+
top: 11px;
|
612
610
|
left: 10px;
|
613
611
|
width: 20px;
|
614
612
|
height: 13px;
|
@@ -616,16 +614,30 @@ body {
|
|
616
614
|
background-size: 20px 13px;
|
617
615
|
}
|
618
616
|
}
|
619
|
-
.my-pay-img{
|
620
|
-
width:
|
617
|
+
.my-pay-img {
|
618
|
+
width: 300px;
|
619
|
+
height: 0;
|
621
620
|
display: block;
|
622
621
|
overflow: hidden;
|
623
|
-
|
624
|
-
|
625
|
-
|
626
|
-
|
627
|
-
|
622
|
+
box-shadow: 0 0 0 0, 0 6px 12px rgba($black, 0.5);
|
623
|
+
margin: 0 auto;
|
624
|
+
position: absolute;
|
625
|
+
top: 34px;
|
626
|
+
left: 0;
|
627
|
+
right: 0;
|
628
|
+
z-index: 101;
|
629
|
+
@include transition(0.4s all ease-in-out);
|
630
|
+
@include transform(scale(0) perspective(600px) rotateX(45deg));
|
631
|
+
&.active {
|
632
|
+
height: 407px;
|
633
|
+
top: 38px;
|
628
634
|
@include transform(none);
|
629
635
|
}
|
630
636
|
}
|
631
637
|
}
|
638
|
+
|
639
|
+
.img-zoom {
|
640
|
+
cursor: -webkit-zoom-in;
|
641
|
+
cursor: -moz-zoom-in;
|
642
|
+
cursor: zoom-in;
|
643
|
+
}
|
data/_sass/_reset.scss
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: cosy-jekyll-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.
|
4
|
+
version: 1.0.7
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Tw93
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2017-02-
|
11
|
+
date: 2017-02-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|