Skip to content

Commit cc50617

Browse files
committed
change social link css
1 parent edfb62f commit cc50617

File tree

16 files changed

+132
-81
lines changed

16 files changed

+132
-81
lines changed
Binary file not shown.
Binary file not shown.
Binary file not shown.

_includes/head.html

+1
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
88

99
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
10+
<link rel="stylesheet" href="http://weloveiconfonts.com/api/?family=zocial" />
1011
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
1112
<link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
1213
<script src="/scripts/jquery-1.11.2.min.js"></script>

_includes/header.html

+9-6
Original file line numberDiff line numberDiff line change
@@ -49,19 +49,22 @@
4949
<div class="description"> {{ site.motto }} </div>
5050
<ul class="social-links">
5151
<li>
52-
<a href="https://github.com/{{ site.github_username }}" title="Github">
52+
<!-- <a href="https://github.com/{{ site.github_username }}" title="Github">
5353
<img width="19px" height="19px" src="/images/github.png"/>
54-
</a>
54+
</a> -->
55+
<a href="https://github.com/{{ site.github_username }}" title="Github" class="zocial-github"></a>
5556
</li>
5657
<li>
57-
<a href="/feed.xml" title="RSS">
58+
<!-- <a href="/feed.xml" title="RSS">
5859
<img width="19px" height="19px" src="/images/rss.png"/>
59-
</a>
60+
</a> -->
61+
<a href="/feed.xml" title="RSS" class="zocial-rss"></a>
6062
</li>
6163
<li>
62-
<a href="https://twitter.com/{{ site.twitter_username }}" title="Twitter">
64+
<!-- <a href="https://twitter.com/{{ site.twitter_username }}" title="Twitter">
6365
<img width="19px" height="19px" src="/images/twitter.png"/>
64-
</a>
66+
</a> -->
67+
<a href="https://{{ site.github_username }}/atlassian.net" title="atlassian" class="zocial-guest"></a>
6568
</li>
6669
</ul>
6770
</div>

_sass/_layout.scss

+15-2
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,18 @@ html,body {
55
/**
66
* Header
77
*/
8+
9+
[class*="zocial-"]:before {
10+
color: black;
11+
display: inline-block;
12+
font-family: 'zocial', sans-serif;
13+
width: 2em;
14+
}
15+
16+
a:hover [class*="zocial-"]:before {
17+
color: #707070;
18+
}
19+
820
.header {
921
padding: 50px 20px 40px;
1022
//background-color: #515865;
@@ -97,12 +109,13 @@ li {
97109

98110
.social-links li {
99111
display: inline;
100-
padding-right: 10px;
112+
padding-right: 0px;
101113
line-height: 0;
114+
color: #828282;
102115
}
103116

104117
.social-links a {
105-
color: #959BA6;
118+
color: #fdfdfd;
106119
}
107120

108121
.social-links a:active {

_site/README.md

+3-7
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,10 @@
1-
# Jekyll-Pithy
1+
# Pyengine github page
22

3-
Jekyll-Pithy is a theme for Jekyll. Here is [my blog](http://wenva.github.io) which use this theme.
3+
From Jekyll-Pithy which is a theme for Jekyll. Here is [my blog](http://wenva.github.io) which use this theme.
44

55
![image](https://raw.githubusercontent.com/smallmuou/Jekyll-Pithy/master/images/Jekyll-Pithy.png)
66

77
### Usage
8-
* Clone it.
9-
* cd Jekyll-Pithy, and Run "jekyll serve"(You must install [jekyll](http://jekyllrb.com/) first)
10-
* Open web browser and enter "http://127.0.0.1:4000/", you can see the web page like snapshot above.
11-
* If you want to host you blog on Github Page, you can follow the steps provide by Github.
128

139
### License
14-
The code follows MIT License.
10+
The code follows MIT License.

_site/about.html

+13-9
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,14 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width initial-scale=1">
77

8-
<title>Your awesome title</title>
8+
<title>Pyengine Github Page</title>
99
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
1010
">
1111

1212
<link rel="stylesheet" href="/css/main.css">
13+
<link rel="stylesheet" href="http://weloveiconfonts.com/api/?family=zocial" />
1314
<link rel="canonical" href="http://yourdomain.com/about.html">
14-
<link rel="alternate" type="application/atom+xml" title="Your awesome title" href="http://yourdomain.com/feed.xml" />
15+
<link rel="alternate" type="application/atom+xml" title="Pyengine Github Page" href="http://yourdomain.com/feed.xml" />
1516
<script src="/scripts/jquery-1.11.2.min.js"></script>
1617
<script src="/scripts/pithy.js"></script>
1718
</head>
@@ -44,22 +45,25 @@
4445
</span>
4546

4647
</div>
47-
<div class="description"> Your motto </div>
48+
<div class="description"> An easy Restful API development framework based on python </div>
4849
<ul class="social-links">
4950
<li>
50-
<a href="https://github.com/jekyll" title="Github">
51+
<!-- <a href="https://github.com/pyengine" title="Github">
5152
<img width="19px" height="19px" src="/images/github.png"/>
52-
</a>
53+
</a> -->
54+
<a href="https://github.com/pyengine" title="Github" class="zocial-github"></a>
5355
</li>
5456
<li>
55-
<a href="/feed.xml" title="RSS">
57+
<!-- <a href="/feed.xml" title="RSS">
5658
<img width="19px" height="19px" src="/images/rss.png"/>
57-
</a>
59+
</a> -->
60+
<a href="/feed.xml" title="RSS" class="zocial-rss"></a>
5861
</li>
5962
<li>
60-
<a href="https://twitter.com/jekyllrb" title="Twitter">
63+
<!-- <a href="https://twitter.com/pyengine" title="Twitter">
6164
<img width="19px" height="19px" src="/images/twitter.png"/>
62-
</a>
65+
</a> -->
66+
<a href="https://pyengine/atlassian.net" title="atlassian" class="zocial-guest"></a>
6367
</li>
6468
</ul>
6569
</div>

_site/about/index.html

+12-8
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,9 @@
1010
">
1111

1212
<link rel="stylesheet" href="/css/main.css">
13+
<link rel="stylesheet" href="http://weloveiconfonts.com/api/?family=zocial" />
1314
<link rel="canonical" href="http://yourdomain.com/about/">
14-
<link rel="alternate" type="application/atom+xml" title="Your awesome title" href="http://yourdomain.com/feed.xml" />
15+
<link rel="alternate" type="application/atom+xml" title="Pyengine Github Page" href="http://yourdomain.com/feed.xml" />
1516
<script src="/scripts/jquery-1.11.2.min.js"></script>
1617
<script src="/scripts/pithy.js"></script>
1718
</head>
@@ -42,22 +43,25 @@
4243
</li>
4344

4445
</div>
45-
<div class="description"> Your motto </div>
46+
<div class="description"> An easy Restful API development framework based on python </div>
4647
<ul class="social-links">
4748
<li>
48-
<a href="https://github.com/jekyll" title="Github">
49+
<!-- <a href="https://github.com/pyengine" title="Github">
4950
<img width="19px" height="19px" src="/images/github.png"/>
50-
</a>
51+
</a> -->
52+
<a href="https://github.com/pyengine" title="Github" class="zocial-github"></a>
5153
</li>
5254
<li>
53-
<a href="/feed.xml" title="RSS">
55+
<!-- <a href="/feed.xml" title="RSS">
5456
<img width="19px" height="19px" src="/images/rss.png"/>
55-
</a>
57+
</a> -->
58+
<a href="/feed.xml" title="RSS" class="zocial-rss"></a>
5659
</li>
5760
<li>
58-
<a href="https://twitter.com/jekyllrb" title="Twitter">
61+
<!-- <a href="https://twitter.com/pyengine" title="Twitter">
5962
<img width="19px" height="19px" src="/images/twitter.png"/>
60-
</a>
63+
</a> -->
64+
<a href="https://pyengine/atlassian.net" title="atlassian" class="zocial-guest"></a>
6165
</li>
6266
</ul>
6367
</div>

_site/archive.html

+13-9
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,14 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width initial-scale=1">
77

8-
<title>Your awesome title</title>
8+
<title>Pyengine Github Page</title>
99
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
1010
">
1111

1212
<link rel="stylesheet" href="/css/main.css">
13+
<link rel="stylesheet" href="http://weloveiconfonts.com/api/?family=zocial" />
1314
<link rel="canonical" href="http://yourdomain.com/archive.html">
14-
<link rel="alternate" type="application/atom+xml" title="Your awesome title" href="http://yourdomain.com/feed.xml" />
15+
<link rel="alternate" type="application/atom+xml" title="Pyengine Github Page" href="http://yourdomain.com/feed.xml" />
1516
<script src="/scripts/jquery-1.11.2.min.js"></script>
1617
<script src="/scripts/pithy.js"></script>
1718
</head>
@@ -44,22 +45,25 @@
4445
</li>
4546

4647
</div>
47-
<div class="description"> Your motto </div>
48+
<div class="description"> An easy Restful API development framework based on python </div>
4849
<ul class="social-links">
4950
<li>
50-
<a href="https://github.com/jekyll" title="Github">
51+
<!-- <a href="https://github.com/pyengine" title="Github">
5152
<img width="19px" height="19px" src="/images/github.png"/>
52-
</a>
53+
</a> -->
54+
<a href="https://github.com/pyengine" title="Github" class="zocial-github"></a>
5355
</li>
5456
<li>
55-
<a href="/feed.xml" title="RSS">
57+
<!-- <a href="/feed.xml" title="RSS">
5658
<img width="19px" height="19px" src="/images/rss.png"/>
57-
</a>
59+
</a> -->
60+
<a href="/feed.xml" title="RSS" class="zocial-rss"></a>
5861
</li>
5962
<li>
60-
<a href="https://twitter.com/jekyllrb" title="Twitter">
63+
<!-- <a href="https://twitter.com/pyengine" title="Twitter">
6164
<img width="19px" height="19px" src="/images/twitter.png"/>
62-
</a>
65+
</a> -->
66+
<a href="https://pyengine/atlassian.net" title="atlassian" class="zocial-guest"></a>
6367
</li>
6468
</ul>
6569
</div>

_site/category.html

+13-9
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,14 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width initial-scale=1">
77

8-
<title>Your awesome title</title>
8+
<title>Pyengine Github Page</title>
99
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
1010
">
1111

1212
<link rel="stylesheet" href="/css/main.css">
13+
<link rel="stylesheet" href="http://weloveiconfonts.com/api/?family=zocial" />
1314
<link rel="canonical" href="http://yourdomain.com/category.html">
14-
<link rel="alternate" type="application/atom+xml" title="Your awesome title" href="http://yourdomain.com/feed.xml" />
15+
<link rel="alternate" type="application/atom+xml" title="Pyengine Github Page" href="http://yourdomain.com/feed.xml" />
1516
<script src="/scripts/jquery-1.11.2.min.js"></script>
1617
<script src="/scripts/pithy.js"></script>
1718
</head>
@@ -44,22 +45,25 @@
4445
</li>
4546

4647
</div>
47-
<div class="description"> Your motto </div>
48+
<div class="description"> An easy Restful API development framework based on python </div>
4849
<ul class="social-links">
4950
<li>
50-
<a href="https://github.com/jekyll" title="Github">
51+
<!-- <a href="https://github.com/pyengine" title="Github">
5152
<img width="19px" height="19px" src="/images/github.png"/>
52-
</a>
53+
</a> -->
54+
<a href="https://github.com/pyengine" title="Github" class="zocial-github"></a>
5355
</li>
5456
<li>
55-
<a href="/feed.xml" title="RSS">
57+
<!-- <a href="/feed.xml" title="RSS">
5658
<img width="19px" height="19px" src="/images/rss.png"/>
57-
</a>
59+
</a> -->
60+
<a href="/feed.xml" title="RSS" class="zocial-rss"></a>
5861
</li>
5962
<li>
60-
<a href="https://twitter.com/jekyllrb" title="Twitter">
63+
<!-- <a href="https://twitter.com/pyengine" title="Twitter">
6164
<img width="19px" height="19px" src="/images/twitter.png"/>
62-
</a>
65+
</a> -->
66+
<a href="https://pyengine/atlassian.net" title="atlassian" class="zocial-guest"></a>
6367
</li>
6468
</ul>
6569
</div>

_site/css/main.css

+13-3
Original file line numberDiff line numberDiff line change
@@ -148,6 +148,15 @@ html, body {
148148
/**
149149
* Header
150150
*/
151+
[class*="zocial-"]:before {
152+
color: black;
153+
display: inline-block;
154+
font-family: 'zocial', sans-serif;
155+
width: 2em; }
156+
157+
a:hover [class*="zocial-"]:before {
158+
color: #707070; }
159+
151160
.header {
152161
padding: 50px 20px 40px;
153162
background-color: #6d819c;
@@ -220,11 +229,12 @@ li {
220229

221230
.social-links li {
222231
display: inline;
223-
padding-right: 10px;
224-
line-height: 0; }
232+
padding-right: 0px;
233+
line-height: 0;
234+
color: #828282; }
225235

226236
.social-links a {
227-
color: #959BA6; }
237+
color: #fdfdfd; }
228238

229239
.social-links a:active {
230240
opacity: 0.6; }

_site/feed.xml

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
<?xml version="1.0" encoding="UTF-8"?>
22
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
33
<channel>
4-
<title>Your awesome title</title>
4+
<title>Pyengine Github Page</title>
55
<description>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
66
</description>
77
<link>http://yourdomain.com/</link>
88
<atom:link href="http://yourdomain.com/feed.xml" rel="self" type="application/rss+xml"/>
9-
<pubDate>Wed, 20 Jul 2016 06:16:29 +0000</pubDate>
10-
<lastBuildDate>Wed, 20 Jul 2016 06:16:29 +0000</lastBuildDate>
9+
<pubDate>Wed, 20 Jul 2016 09:55:57 +0000</pubDate>
10+
<lastBuildDate>Wed, 20 Jul 2016 09:55:57 +0000</lastBuildDate>
1111
<generator>Jekyll v3.1.6</generator>
1212

1313
<item>

_site/index.html

+13-9
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,14 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width initial-scale=1">
77

8-
<title>Your awesome title</title>
8+
<title>Pyengine Github Page</title>
99
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
1010
">
1111

1212
<link rel="stylesheet" href="/css/main.css">
13+
<link rel="stylesheet" href="http://weloveiconfonts.com/api/?family=zocial" />
1314
<link rel="canonical" href="http://yourdomain.com/">
14-
<link rel="alternate" type="application/atom+xml" title="Your awesome title" href="http://yourdomain.com/feed.xml" />
15+
<link rel="alternate" type="application/atom+xml" title="Pyengine Github Page" href="http://yourdomain.com/feed.xml" />
1516
<script src="/scripts/jquery-1.11.2.min.js"></script>
1617
<script src="/scripts/pithy.js"></script>
1718
</head>
@@ -44,22 +45,25 @@
4445
</li>
4546

4647
</div>
47-
<div class="description"> Your motto </div>
48+
<div class="description"> An easy Restful API development framework based on python </div>
4849
<ul class="social-links">
4950
<li>
50-
<a href="https://github.com/jekyll" title="Github">
51+
<!-- <a href="https://github.com/pyengine" title="Github">
5152
<img width="19px" height="19px" src="/images/github.png"/>
52-
</a>
53+
</a> -->
54+
<a href="https://github.com/pyengine" title="Github" class="zocial-github"></a>
5355
</li>
5456
<li>
55-
<a href="/feed.xml" title="RSS">
57+
<!-- <a href="/feed.xml" title="RSS">
5658
<img width="19px" height="19px" src="/images/rss.png"/>
57-
</a>
59+
</a> -->
60+
<a href="/feed.xml" title="RSS" class="zocial-rss"></a>
5861
</li>
5962
<li>
60-
<a href="https://twitter.com/jekyllrb" title="Twitter">
63+
<!-- <a href="https://twitter.com/pyengine" title="Twitter">
6164
<img width="19px" height="19px" src="/images/twitter.png"/>
62-
</a>
65+
</a> -->
66+
<a href="https://pyengine/atlassian.net" title="atlassian" class="zocial-guest"></a>
6367
</li>
6468
</ul>
6569
</div>

0 commit comments

Comments
 (0)