jekyll-theme-mehdix-rtl 0.1.5 → 0.1.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/footer.html +57 -66
- data/_includes/head.html +10 -14
- data/_includes/license.html +4 -4
- data/_layouts/default.html +8 -11
- data/_layouts/home.html +2 -16
- data/_layouts/message.html +0 -7
- data/_layouts/minimal.html +0 -3
- data/_layouts/page.html +0 -3
- data/_layouts/post.html +8 -7
- data/_layouts/tag_page.html +15 -20
- data/_sass/_base.scss +0 -1
- data/_sass/_layout.scss +420 -36
- data/assets/css/main.scss +15 -3
- data/assets/css/{default.css → pygments.css} +0 -0
- metadata +3 -7
- data/_includes/credits.html +0 -1
- data/_includes/header.html +0 -7
- data/_includes/support.html +0 -3
- data/_sass/_ux-theme.scss +0 -361
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 61efd0250ea740b6c18aba5b28e17d32b0e6c9f6
|
|
4
|
+
data.tar.gz: 508d67bd738bfbfd82acf8dede4bf3aeedc03d03
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ac2aebf7ffaff93f684b8b2767fb78b2a8cadb6b655afb59c65a493edcb44598faef0a17f72bb9ff21dfdbd6ae04631de4105cacbb88461305e0f90e24269434
|
|
7
|
+
data.tar.gz: 3de7f1f7a0870079fe59ba75713808299b906d8c90972fe983a4ee4330bd7ae7d8739529f56a25ccb69a417174b061ab45d0844b8238a59ad8b2418d7ac75bb3
|
data/_includes/footer.html
CHANGED
|
@@ -1,77 +1,68 @@
|
|
|
1
1
|
<footer class="site-footer">
|
|
2
|
-
|
|
3
2
|
<div class="wrapper">
|
|
4
|
-
<div class="footer-col">
|
|
5
|
-
<img id="gravatar" class="circle" src="{{ 'assets/img/me.png' | absolute_url }}" alt="">
|
|
6
|
-
</div>
|
|
7
|
-
<h2 class="footer-heading">معرفی</h2>
|
|
8
|
-
|
|
9
3
|
<div class="footer-col-wrapper">
|
|
4
|
+
<div id="gravatar_container" class="footer-col footer-col-2">
|
|
5
|
+
<img id="gravatar" class="circle" src="{{ 'assets/img/me.png' | absolute_url }}" alt="">
|
|
6
|
+
</div>
|
|
10
7
|
<!--div class="footer-col footer-col-1">
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
</svg>
|
|
30
|
-
</span>
|
|
8
|
+
<ul class="contact-list">
|
|
9
|
+
<li>{{ site.title }}</li>
|
|
10
|
+
<li><a href="mailto:{{ site.email }}"> تماس</a></li>
|
|
11
|
+
</ul>
|
|
12
|
+
</div-->
|
|
13
|
+
<div id="footer_description" class="footer-col footer-col-3">
|
|
14
|
+
<p class="text">{{ site.long_description }}</p>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="footer-col footer-col-2">
|
|
17
|
+
<ul class="social-media-list">
|
|
18
|
+
{% if site.github_username %}
|
|
19
|
+
<li>
|
|
20
|
+
<a href="https://github.com/{{ site.github_username }}">
|
|
21
|
+
<span class="icon icon--github">
|
|
22
|
+
<svg viewBox="0 0 16 16">
|
|
23
|
+
<path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/>
|
|
24
|
+
</svg>
|
|
25
|
+
</span>
|
|
31
26
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
27
|
+
<span class="username social-media-text">پروژهها</span>
|
|
28
|
+
</a>
|
|
29
|
+
</li>
|
|
30
|
+
{% endif %} {% if site.twitter_username %}
|
|
31
|
+
<li>
|
|
32
|
+
<a href="https://twitter.com/{{ site.twitter_username }}">
|
|
33
|
+
<span class="icon icon--twitter">
|
|
34
|
+
<svg viewBox="0 0 16 16">
|
|
35
|
+
<path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809
|
|
36
|
+
c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/>
|
|
37
|
+
</svg>
|
|
38
|
+
</span>
|
|
36
39
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
<span class="username social-media-text">توئیتها</span>
|
|
41
|
+
</a>
|
|
42
|
+
</li>
|
|
43
|
+
<li>
|
|
44
|
+
<a href="https://feedburner.google.com/fb/a/mailverify?uri=mehdixir&loc=en_US"><span class="icon icon--feed">
|
|
45
|
+
<img src="{{ 'assets/img/feed_gray_50.png' | absolute_url}}" alt="" />
|
|
46
|
+
</span><span class="username social-media-text">خبرنامه</span></a>
|
|
47
|
+
</li>
|
|
48
|
+
<li>
|
|
49
|
+
<a href="http://feeds.feedburner.com/mehdixir"><span class="icon icon--feed">
|
|
50
|
+
<img src="{{ 'assets/img/feed_gray_50.png' | absolute_url }}" alt=""/>
|
|
51
|
+
</span><span class="username social-media-text">خوراک</span></a>
|
|
52
|
+
</li>
|
|
53
|
+
<li id="footer_build_status">
|
|
54
|
+
<span class="icon"><a href="http://validator.w3.org/feed/check.cgi?url=http%3A//mehdix.ir/feed.xml"><img src={{ "assets/img/valid-atom.png" | absolute_url }} alt="[Valid Atom 1.0]" title="Validate my Atom 1.0 feed" /></a></span>
|
|
55
|
+
<span class="icon"><a href="https://app.wercker.com/project/bykey/7cdfaf1d4ea865468f4965954ed95247"><img src="https://app.wercker.com/status/7cdfaf1d4ea865468f4965954ed95247/s" alt="Build Status" title="wercker status" /></a>
|
|
45
56
|
</span>
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
<li>
|
|
51
|
-
<a href="https://feedburner.google.com/fb/a/mailverify?uri=mehdixir&loc=en_US"><span class="icon icon--feed">
|
|
52
|
-
<img src="{{ 'assets/img/feed_gray_50.png' | absolute_url}}" alt="" />
|
|
53
|
-
</span><span class="username">خبرنامه</span></a>
|
|
54
|
-
</li>
|
|
55
|
-
<li>
|
|
56
|
-
<a href="http://feeds.feedburner.com/mehdixir"><span class="icon icon--feed">
|
|
57
|
-
<img src="{{ 'assets/img/feed_gray_50.png' | absolute_url }}" alt=""/>
|
|
58
|
-
</span><span class="username">خوراک</span></a>
|
|
59
|
-
</li>
|
|
60
|
-
<li>
|
|
61
|
-
<span class="icon"><a href="http://validator.w3.org/feed/check.cgi?url=http%3A//mehdix.ir/feed.xml"><img src={{ "assets/img/valid-atom.png" | absolute_url }} alt="[Valid Atom 1.0]" title="Validate my Atom 1.0 feed" /></a></span>
|
|
62
|
-
<span class="icon"><a href="https://app.wercker.com/project/bykey/7cdfaf1d4ea865468f4965954ed95247"><img src="https://app.wercker.com/status/7cdfaf1d4ea865468f4965954ed95247/s" alt="Build Status" title="wercker status" /></a>
|
|
63
|
-
</span>
|
|
64
|
-
</li>
|
|
65
|
-
{% endif %}
|
|
66
|
-
</ul>
|
|
57
|
+
</li>
|
|
58
|
+
{% endif %}
|
|
59
|
+
</ul>
|
|
60
|
+
</div>
|
|
67
61
|
</div>
|
|
62
|
+
{% include license.html %}
|
|
68
63
|
</div>
|
|
69
|
-
|
|
70
|
-
</div>
|
|
71
|
-
<div class="center">
|
|
64
|
+
<div class="center">
|
|
72
65
|
<small style="color:gray">Site generated on {{ site.time | date_to_rfc822 }}</small>
|
|
73
66
|
</div>
|
|
74
|
-
{% if site.google_analytics_id %}
|
|
75
|
-
|
|
76
|
-
{% endif %}
|
|
77
|
-
</footer>
|
|
67
|
+
{% if site.google_analytics_id %} {% include analyticstracking.html %} {% endif %}
|
|
68
|
+
</footer>
|
data/_includes/head.html
CHANGED
|
@@ -6,25 +6,21 @@
|
|
|
6
6
|
<meta name="copyright" content="{{ site.copyright }}" />
|
|
7
7
|
<meta name="robot" content="{{ site.robot }}" />
|
|
8
8
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
9
|
-
<meta name="description" content="{{ site.description | strip_newlines}}">
|
|
10
|
-
|
|
11
|
-
{%- if page.title -%}
|
|
9
|
+
<meta name="description" content="{{ site.description | strip_newlines}}"> {%- if page.title -%}
|
|
12
10
|
<title>{{ page.title }} - {{ site.title}}</title>
|
|
13
11
|
{%- else -%}
|
|
14
12
|
<title>{{ site.title}}</title>
|
|
15
13
|
{%- endif -%}
|
|
16
|
-
|
|
17
14
|
<link rel="stylesheet" href="{{ 'assets/css/main.css' | absolute_url }}">
|
|
18
15
|
<link rel="canonical" href="{{ site.baseurl, page.url | absolute_url }}">
|
|
19
|
-
<link rel="icon" href="{{ site.favicon | absolute_url}}">
|
|
20
|
-
|
|
21
|
-
{%- if page.style -%}
|
|
16
|
+
<link rel="icon" href="{{ site.favicon | absolute_url}}"> {%- if page.style -%}
|
|
22
17
|
<style type="text/css">
|
|
23
|
-
|
|
18
|
+
{
|
|
19
|
+
{
|
|
20
|
+
page.style
|
|
21
|
+
}
|
|
22
|
+
}
|
|
24
23
|
</style>
|
|
25
|
-
{%- endif -%}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
<meta http-equiv="refresh" content="5; url='{{ site.baseurl | absolute_url}}'" />
|
|
29
|
-
{%- endif %}
|
|
30
|
-
</head>
|
|
24
|
+
{%- endif -%} {%- if page.url == "/404.html" -%}
|
|
25
|
+
<meta http-equiv="refresh" content="5; url='{{ site.baseurl | absolute_url}}'" /> {%- endif %}
|
|
26
|
+
</head>
|
data/_includes/license.html
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div id="license" class="textwidget">
|
|
2
|
-
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/deed.fa"><img alt="مجوز کریتیو کامنز" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/80x15.png" /></a
|
|
3
|
-
مطالب این وبلاگ تحت مجوز
|
|
4
|
-
|
|
2
|
+
<a id="license_link" rel="license" href="http://creativecommons.org/licenses/by/4.0/deed.fa"><img alt="مجوز کریتیو کامنز" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/80x15.png" /></a>
|
|
3
|
+
مطالب این وبلاگ تحت مجوز
|
|
4
|
+
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/deed.fa">
|
|
5
5
|
کریتیو کامنز اتریبیوشن ۴.۰ اینترنشنال </a>قرار دارد.
|
|
6
|
-
</div>
|
|
6
|
+
</div>
|
data/_layouts/default.html
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
|
|
3
2
|
<html dir="rtl" lang="fa">
|
|
4
|
-
|
|
5
3
|
{% include head.html %}
|
|
6
4
|
|
|
7
5
|
<body>
|
|
8
6
|
<div class="container">
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
<header class="site-header">
|
|
8
|
+
<div class="wrapper">
|
|
9
|
+
<a class="site-title" href="{{ '' | absolute_url}}">{{ site.title }}</a>
|
|
10
|
+
<small> {{ site.motto }} </small>
|
|
11
|
+
</div>
|
|
12
|
+
</header>
|
|
12
13
|
<section class="content">
|
|
13
14
|
<div class="page-content">
|
|
14
15
|
<div class="wrapper">
|
|
@@ -16,13 +17,9 @@
|
|
|
16
17
|
</div>
|
|
17
18
|
</div>
|
|
18
19
|
</section>
|
|
19
|
-
|
|
20
20
|
{%- include footer.html -%}
|
|
21
|
-
|
|
22
21
|
</div>
|
|
23
|
-
|
|
24
|
-
<script src="{{ 'assets/js/main.js' | absolute_url }}"></script>
|
|
25
|
-
|
|
22
|
+
<script src="{{ 'assets/js/main.js' | absolute_url }}"></script>
|
|
26
23
|
</body>
|
|
27
24
|
|
|
28
|
-
</html>
|
|
25
|
+
</html>
|
data/_layouts/home.html
CHANGED
|
@@ -1,42 +1,29 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
|
-
|
|
5
4
|
<div class="home">
|
|
6
|
-
|
|
7
5
|
<h1 class="page-heading"></h1>
|
|
8
6
|
|
|
9
7
|
<ul class="post-list">
|
|
10
8
|
{% if paginator %}
|
|
11
|
-
|
|
12
9
|
{% for post in paginator.posts %}
|
|
13
10
|
<li>
|
|
14
11
|
<span class="post-meta"><span class="date">{{ post.date | jdate: "%A %d %b %Y" | habify }}</span></span>
|
|
15
|
-
|
|
16
|
-
<h2>
|
|
17
|
-
<a class="post-link" href="{{ post.url | absolute_url }}">{{ post.title }}</a>
|
|
18
|
-
</h2>
|
|
12
|
+
<h2><a class="post-link" href="{{ post.url | absolute_url }}">{{ post.title }}</a></h2>
|
|
19
13
|
{{ post.content | strip_html | truncatewords: 35 }}
|
|
20
14
|
</li>
|
|
21
15
|
{% endfor %}
|
|
22
|
-
|
|
23
16
|
{% else %}
|
|
24
|
-
|
|
25
17
|
{% for post in site.posts %}
|
|
26
18
|
<li>
|
|
27
19
|
<span class="post-meta"><span class="date">{{ post.date | jdate: "%A %d %b %Y" | habify }}</span></span>
|
|
28
|
-
|
|
29
|
-
<h2>
|
|
30
|
-
<a class="post-link" href="{{ post.url | absolute_url }}">{{ post.title }}</a>
|
|
31
|
-
</h2>
|
|
20
|
+
<h2><a class="post-link" href="{{ post.url | absolute_url }}">{{ post.title }}</a></h2>
|
|
32
21
|
{{ post.content | strip_html | truncatewords: 35 }}
|
|
33
22
|
</li>
|
|
34
23
|
{% endfor %}
|
|
35
|
-
|
|
36
24
|
{% endif %}
|
|
37
25
|
</ul>
|
|
38
26
|
|
|
39
|
-
|
|
40
27
|
<div class="pagination">
|
|
41
28
|
<p>
|
|
42
29
|
{% if paginator.next_page %}
|
|
@@ -48,5 +35,4 @@ layout: default
|
|
|
48
35
|
{% endif %}
|
|
49
36
|
</p>
|
|
50
37
|
</div>
|
|
51
|
-
|
|
52
38
|
</div>
|
data/_layouts/message.html
CHANGED
|
@@ -1,22 +1,15 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
|
|
3
2
|
<html dir="rtl">
|
|
4
|
-
|
|
5
3
|
{% include head.html %}
|
|
6
|
-
|
|
7
4
|
<body>
|
|
8
5
|
<div class="container">
|
|
9
|
-
|
|
10
6
|
<section class="content">
|
|
11
|
-
|
|
12
7
|
<div class="page-content">
|
|
13
8
|
<div class="wrapper">
|
|
14
9
|
{{ content }}
|
|
15
10
|
</div>
|
|
16
11
|
</div>
|
|
17
12
|
</section>
|
|
18
|
-
|
|
19
13
|
</div>
|
|
20
14
|
</body>
|
|
21
|
-
|
|
22
15
|
</html>
|
data/_layouts/minimal.html
CHANGED
data/_layouts/page.html
CHANGED
data/_layouts/post.html
CHANGED
|
@@ -5,29 +5,30 @@ layout: default
|
|
|
5
5
|
|
|
6
6
|
<header class="post-header">
|
|
7
7
|
<h1 class="post-title">{{ page.title }}</h1>
|
|
8
|
-
<p class="post-meta"
|
|
8
|
+
<p class="post-meta">
|
|
9
|
+
<span class="date">{{ page.date | jdate: "%A %d %b %Y" | habify}}</span>
|
|
10
|
+
{% if page.meta %} • {{ page.meta }}{% endif %}
|
|
11
|
+
</p>
|
|
9
12
|
</header>
|
|
10
13
|
|
|
11
14
|
<article class="post-content">
|
|
12
15
|
{{ content }}
|
|
13
16
|
</article>
|
|
14
|
-
|
|
15
17
|
|
|
16
18
|
<small id="post-tags">
|
|
17
19
|
{% for tag in page.tags %}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
+
<i class="icon-tags"></i>
|
|
21
|
+
<a rel="tag" href="{{ tag | tag_url }}">{{tag}}</a>
|
|
20
22
|
{% endfor %}
|
|
21
23
|
</small>
|
|
22
24
|
|
|
23
25
|
<div style="border-top:1px dotted;">
|
|
24
26
|
<p>
|
|
25
27
|
{% if page.next %}
|
|
26
|
-
|
|
28
|
+
<a href="{{ page.next.url | absolute_url }}" style="float: left"> {{ page.next.title }} >> </a>
|
|
27
29
|
{% endif %}
|
|
28
|
-
|
|
29
30
|
{% if page.previous %}
|
|
30
|
-
|
|
31
|
+
<a href="{{ page.previous.url | absolute_url }}" style="margin-right:0px;"><< {{ page.previous.title }}</a>
|
|
31
32
|
{% endif %}
|
|
32
33
|
</p>
|
|
33
34
|
</div>
|
data/_layouts/tag_page.html
CHANGED
|
@@ -1,25 +1,20 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
|
-
|
|
5
4
|
<div class="tag-page">
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
<div id="tag-cloud">
|
|
22
|
-
{{ site | tag_cloud }}
|
|
23
|
-
</div>
|
|
24
|
-
|
|
5
|
+
<h1 class="page-heading">❖ {{ page.tag }}</h1>
|
|
6
|
+
<ul id="post-list">
|
|
7
|
+
{% for post in page.posts %}
|
|
8
|
+
<li>
|
|
9
|
+
<span class="post-meta list-meta-col">
|
|
10
|
+
<span class="date">{{ post.date | jdate: "%A %d %b %Y" | habify }}</span>
|
|
11
|
+
</span>
|
|
12
|
+
<span><a href="{{ post.url | absolute_url }}">{{ post.title }}</a></span>
|
|
13
|
+
</li>
|
|
14
|
+
{% endfor %}
|
|
15
|
+
</ul>
|
|
16
|
+
<hr >
|
|
17
|
+
<div id="tag-cloud">
|
|
18
|
+
{{ site | tag_cloud }}
|
|
19
|
+
</div>
|
|
25
20
|
</div>
|
data/_sass/_base.scss
CHANGED
data/_sass/_layout.scss
CHANGED
|
@@ -1,17 +1,32 @@
|
|
|
1
1
|
/* Reset */
|
|
2
2
|
/* Source: http://stackoverflow.com/a/21652935/157216 */
|
|
3
|
-
html, body {
|
|
3
|
+
html, body {
|
|
4
|
+
height: 100%;
|
|
5
|
+
margin: 0;
|
|
6
|
+
padding: 0;
|
|
7
|
+
}
|
|
4
8
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
+
.container {
|
|
10
|
+
display: table;
|
|
11
|
+
width: 100%;
|
|
12
|
+
height: 100%;
|
|
13
|
+
}
|
|
9
14
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
15
|
+
.content {
|
|
16
|
+
display: table-row;
|
|
17
|
+
height: 100%;
|
|
18
|
+
}
|
|
14
19
|
|
|
20
|
+
.content-body {
|
|
21
|
+
display: table-cell;
|
|
22
|
+
padding: 20px;
|
|
23
|
+
background: #e7e7e7;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.header, .footer {
|
|
27
|
+
padding: 10px 20px;
|
|
28
|
+
background: #f7f7f7;
|
|
29
|
+
}
|
|
15
30
|
|
|
16
31
|
/**
|
|
17
32
|
* Site header
|
|
@@ -37,6 +52,7 @@ html, body { height: 100%; margin: 0; padding: 0; }
|
|
|
37
52
|
&:visited {
|
|
38
53
|
color: $grey-color-dark;
|
|
39
54
|
}
|
|
55
|
+
float: right;
|
|
40
56
|
}
|
|
41
57
|
|
|
42
58
|
.site-nav {
|
|
@@ -102,20 +118,16 @@ html, body { height: 100%; margin: 0; padding: 0; }
|
|
|
102
118
|
}
|
|
103
119
|
}
|
|
104
120
|
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
/**
|
|
108
|
-
* Site footer
|
|
109
|
-
*/
|
|
110
121
|
.site-footer {
|
|
111
122
|
border-top: 1px solid $grey-color-light;
|
|
112
|
-
padding: $spacing-unit 0;
|
|
123
|
+
//padding: $spacing-unit 0;
|
|
113
124
|
background-color: floralwhite;
|
|
114
125
|
}
|
|
115
126
|
|
|
116
127
|
.footer-heading {
|
|
117
128
|
font-size: 18px;
|
|
118
|
-
margin-bottom:
|
|
129
|
+
margin-bottom: 0;
|
|
130
|
+
padding-top: .75em;
|
|
119
131
|
}
|
|
120
132
|
|
|
121
133
|
.contact-list,
|
|
@@ -127,52 +139,81 @@ html, body { height: 100%; margin: 0; padding: 0; }
|
|
|
127
139
|
.footer-col-wrapper {
|
|
128
140
|
font-size: 15px;
|
|
129
141
|
color: $grey-color;
|
|
130
|
-
|
|
142
|
+
display: inline-flex;
|
|
143
|
+
margin-top: 1em;
|
|
144
|
+
//margin-left: -$spacing-unit / 2;
|
|
145
|
+
|
|
131
146
|
@extend %clearfix;
|
|
132
147
|
}
|
|
133
148
|
|
|
134
149
|
.footer-col {
|
|
135
150
|
float: left;
|
|
136
|
-
margin-bottom: $spacing-unit / 2;
|
|
151
|
+
//margin-bottom: $spacing-unit / 2;
|
|
137
152
|
padding-left: $spacing-unit / 2;
|
|
138
153
|
}
|
|
139
154
|
|
|
140
155
|
.footer-col-1 {
|
|
141
156
|
width: -webkit-calc(35% - (#{$spacing-unit} / 2));
|
|
142
|
-
width:
|
|
157
|
+
width: calc(35% - (#{$spacing-unit} / 2));
|
|
143
158
|
}
|
|
144
159
|
|
|
145
160
|
.footer-col-2 {
|
|
146
161
|
width: -webkit-calc(20% - (#{$spacing-unit} / 2));
|
|
147
|
-
width:
|
|
162
|
+
width: calc(20% - (#{$spacing-unit} / 2));
|
|
148
163
|
}
|
|
149
164
|
|
|
150
165
|
.footer-col-3 {
|
|
151
166
|
width: -webkit-calc(45% - (#{$spacing-unit} / 2));
|
|
152
|
-
width:
|
|
167
|
+
width: calc(45% - (#{$spacing-unit} / 2));
|
|
153
168
|
}
|
|
154
169
|
|
|
155
170
|
@include media-query($on-laptop) {
|
|
156
171
|
.footer-col-1,
|
|
157
172
|
.footer-col-2 {
|
|
158
173
|
width: -webkit-calc(50% - (#{$spacing-unit} / 2));
|
|
159
|
-
width:
|
|
174
|
+
width: calc(50% - (#{$spacing-unit} / 2));
|
|
160
175
|
}
|
|
161
176
|
|
|
162
177
|
.footer-col-3 {
|
|
163
178
|
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
|
164
|
-
width:
|
|
179
|
+
width: calc(100% - (#{$spacing-unit} / 2));
|
|
165
180
|
}
|
|
166
181
|
}
|
|
167
182
|
|
|
183
|
+
|
|
168
184
|
@include media-query($on-palm) {
|
|
169
185
|
.footer-col {
|
|
170
186
|
float: none;
|
|
171
187
|
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
|
172
|
-
width:
|
|
188
|
+
width: calc(100% - (#{$spacing-unit} / 2));
|
|
189
|
+
}
|
|
190
|
+
#footer_description, #gravatar_container, #footer_build_status,
|
|
191
|
+
.footer-heading, #license_link, .post-meta {
|
|
192
|
+
display: none;
|
|
173
193
|
}
|
|
174
|
-
}
|
|
175
194
|
|
|
195
|
+
#license {
|
|
196
|
+
text-align: center;
|
|
197
|
+
font-size: 9px;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
.site-footer {
|
|
201
|
+
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.social-media-list {
|
|
205
|
+
display: flex;
|
|
206
|
+
margin-top: 1em;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.social-media-list li {
|
|
210
|
+
margin-right: 4px;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
ul, ol {
|
|
214
|
+
margin-right: auto;
|
|
215
|
+
}
|
|
216
|
+
}
|
|
176
217
|
|
|
177
218
|
|
|
178
219
|
/**
|
|
@@ -206,18 +247,14 @@ html, body { height: 100%; margin: 0; padding: 0; }
|
|
|
206
247
|
font-weight: bold;
|
|
207
248
|
}
|
|
208
249
|
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
/**
|
|
212
|
-
* Posts
|
|
213
|
-
*/
|
|
214
250
|
.post-header {
|
|
215
|
-
margin-bottom: $spacing-unit;
|
|
251
|
+
//margin-bottom: $spacing-unit;
|
|
216
252
|
}
|
|
217
253
|
|
|
218
254
|
.post-title {
|
|
219
255
|
letter-spacing: -1px;
|
|
220
|
-
line-height: 1;
|
|
256
|
+
line-height: 1.25;
|
|
257
|
+
margin-bottom: 0;
|
|
221
258
|
|
|
222
259
|
@include media-query($on-laptop) {
|
|
223
260
|
font-size: 36px;
|
|
@@ -260,17 +297,18 @@ html, body { height: 100%; margin: 0; padding: 0; }
|
|
|
260
297
|
}
|
|
261
298
|
}
|
|
262
299
|
|
|
263
|
-
/*
|
|
300
|
+
/* Extra styles */
|
|
301
|
+
|
|
264
302
|
.circle {
|
|
265
|
-
|
|
303
|
+
clip-path: circle();
|
|
266
304
|
width: 100px;
|
|
267
305
|
}
|
|
268
306
|
|
|
269
307
|
#gravatar {
|
|
270
|
-
margin-top:
|
|
308
|
+
//margin-top: 5em;
|
|
271
309
|
}
|
|
272
310
|
|
|
273
|
-
table, td, th{
|
|
311
|
+
table, td, th {
|
|
274
312
|
border: 1px dotted;
|
|
275
313
|
}
|
|
276
314
|
|
|
@@ -278,4 +316,350 @@ table, td, th{
|
|
|
278
316
|
text-align: center;
|
|
279
317
|
color: $grey-color;
|
|
280
318
|
margin-top: $spacing-unit / 3;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
ul, ol {
|
|
322
|
+
|
|
323
|
+
list-style-type: persian;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
a {
|
|
327
|
+
color: $text-color;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
a:hover {
|
|
331
|
+
text-decoration: none;
|
|
332
|
+
color: $brand-color;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
a:visited {
|
|
336
|
+
color: darken($brand-color, 20%);
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
h1, h2:not(.footer-heading), h3, h4, h5, h6 {
|
|
340
|
+
color: darken($header-color, 20%);
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
/* Style for glyphs in quotation marks, courtesy of EnigmaRM http://stackoverflow.com/a/16326442/157216 */
|
|
344
|
+
blockquote {
|
|
345
|
+
border-left: none;
|
|
346
|
+
padding-right: $spacing-unit / 2;
|
|
347
|
+
padding-left: none;
|
|
348
|
+
font-size: x-large;
|
|
349
|
+
margin: 0.25em 0;
|
|
350
|
+
padding: 0.35em;
|
|
351
|
+
line-height: 1.45;
|
|
352
|
+
position: relative;
|
|
353
|
+
//background-color: lighten($grey-color, 47%);
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
blockquote p {
|
|
357
|
+
border-right: 4px solid $brand-color;
|
|
358
|
+
padding-right: $spacing-unit / 2;
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
pre {
|
|
362
|
+
overflow-x: auto;
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
/* To adapt different screen sizes, mostly for code blocks */
|
|
366
|
+
@media screen and (max-width: 240px) {
|
|
367
|
+
pre {
|
|
368
|
+
width: 200px;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
li .list-meta-col {
|
|
372
|
+
display: none;
|
|
373
|
+
}
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
@media screen and (max-width: 540px) {
|
|
377
|
+
li .list-meta-col {
|
|
378
|
+
display: none;
|
|
379
|
+
}
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
@media screen and (min-width: 240px) and (max-width: 280px) {
|
|
383
|
+
pre {
|
|
384
|
+
width: 240px;
|
|
385
|
+
}
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
/*Including Apple iPhone 5 */
|
|
389
|
+
@media screen and (min-width: 280px) and (max-width: 320px) {
|
|
390
|
+
pre {
|
|
391
|
+
width: 260px;
|
|
392
|
+
}
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
/*Including Apple iPhone 5 */
|
|
396
|
+
@media screen and (min-width: 321px) and (max-width: 360px) {
|
|
397
|
+
pre {
|
|
398
|
+
width: 300px;
|
|
399
|
+
}
|
|
400
|
+
}
|
|
401
|
+
|
|
402
|
+
@media screen and (min-width: 361px) and (max-width: 400px) {
|
|
403
|
+
pre {
|
|
404
|
+
width: 340px;
|
|
405
|
+
}
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
/* Nexus 4 */
|
|
409
|
+
@media screen and (min-width: 384px) and (max-width: 384px) {
|
|
410
|
+
pre {
|
|
411
|
+
width: 330px;
|
|
412
|
+
}
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
@media screen and (min-width: 401px) and (max-width: 540px) {
|
|
416
|
+
pre {
|
|
417
|
+
width: 365px;
|
|
418
|
+
}
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
@media screen and (min-width: 541px) and (max-width: 640px) {
|
|
422
|
+
pre {
|
|
423
|
+
width: 500px;
|
|
424
|
+
}
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
@media screen and (min-width: 641px) and (max-width: 768px) {
|
|
428
|
+
pre {
|
|
429
|
+
width: 600px;
|
|
430
|
+
}
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
/* iPad */
|
|
434
|
+
@media screen and (min-width: 768px) and (max-width: 768px) {
|
|
435
|
+
pre {
|
|
436
|
+
width: 705px;
|
|
437
|
+
}
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
/* Apple iPhone 6 */
|
|
441
|
+
@media screen and (min-width: 375px) and (max-width: 375px) {
|
|
442
|
+
pre {
|
|
443
|
+
width: 323px;
|
|
444
|
+
}
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
/* Apple iPhone 6 Plus */
|
|
448
|
+
@media screen and (min-width: 414px) and (max-width: 414px) {
|
|
449
|
+
pre {
|
|
450
|
+
width: 363px;
|
|
451
|
+
}
|
|
452
|
+
}
|
|
453
|
+
|
|
454
|
+
.site-header, .site-footer {
|
|
455
|
+
background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
|
|
456
|
+
background-color: #282828;
|
|
457
|
+
background-size: 16px 16px;
|
|
458
|
+
border-top: none;
|
|
459
|
+
color: white;
|
|
460
|
+
}
|
|
461
|
+
|
|
462
|
+
.site-nav {
|
|
463
|
+
float: left;
|
|
464
|
+
|
|
465
|
+
@include media-query($on-palm) {
|
|
466
|
+
right: -webkit-calc(88% - (#{$spacing-unit} / 2));
|
|
467
|
+
right: calc(88% - (#{$spacing-unit} / 2));
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
|
|
471
|
+
.footer-col {
|
|
472
|
+
float: right;
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
/* Correcting direction for code blocks */
|
|
476
|
+
.code, .highlighter-coderay, .highlight {
|
|
477
|
+
direction: ltr;
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
.post-title, a.post-link {
|
|
481
|
+
color: darken($brand-color, 10%);
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
/* Center page titles */
|
|
485
|
+
.post-title {
|
|
486
|
+
text-align: center;
|
|
487
|
+
font-weight: bold;
|
|
488
|
+
font-size: 2em;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
.footnotes {
|
|
492
|
+
font-size: small;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
/* To center images */
|
|
496
|
+
.center {
|
|
497
|
+
text-align: center;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
.post-meta {
|
|
501
|
+
@extend .center;
|
|
502
|
+
|
|
503
|
+
//font-family: 'Open Sans', sans-serif;
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
/* Dotted bottom border for links */
|
|
507
|
+
.post-content p a:hover {
|
|
508
|
+
border-bottom: 1px dotted;
|
|
509
|
+
color: $brand-color;
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
.post-content a {
|
|
513
|
+
border-bottom: 1px dotted;
|
|
514
|
+
color: darken($brand-color, 10%);
|
|
515
|
+
}
|
|
516
|
+
|
|
517
|
+
.site-footer {
|
|
518
|
+
padding-bottom: 0px;
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
|
|
522
|
+
.site-header {
|
|
523
|
+
border-bottom: none;
|
|
524
|
+
}
|
|
525
|
+
|
|
526
|
+
/* Overwrite colors for header and footer */
|
|
527
|
+
.site-title, .site-title:visited {
|
|
528
|
+
color: white;
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
.site-title a, .site-footer a {
|
|
532
|
+
color: white;
|
|
533
|
+
}
|
|
534
|
+
|
|
535
|
+
/* Fix incorrect video sizes in post content (which messes the gradient lines */
|
|
536
|
+
.post-content iframe {
|
|
537
|
+
width: 100%;
|
|
538
|
+
}
|
|
539
|
+
|
|
540
|
+
.border {
|
|
541
|
+
border-style: dotted;
|
|
542
|
+
border-radius: 10px;
|
|
543
|
+
border-color: $brand-color;
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
.post-image {
|
|
547
|
+
text-align: center;
|
|
548
|
+
|
|
549
|
+
img {
|
|
550
|
+
width: 50%;
|
|
551
|
+
display: inline;
|
|
552
|
+
}
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
.list-meta-col {
|
|
556
|
+
display: inline-block;
|
|
557
|
+
width: 160px;
|
|
558
|
+
text-align: right;
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
#post-list {
|
|
562
|
+
list-style: none;
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
#post-list a {
|
|
566
|
+
color: $text-color;
|
|
567
|
+
}
|
|
568
|
+
|
|
569
|
+
#post-list a:hover {
|
|
570
|
+
color: $brand-color;
|
|
571
|
+
}
|
|
572
|
+
|
|
573
|
+
/* For license text */
|
|
574
|
+
#license {
|
|
575
|
+
font-style: small;
|
|
576
|
+
float: right;
|
|
577
|
+
}
|
|
578
|
+
|
|
579
|
+
#forkme {
|
|
580
|
+
@include media-query($on-palm) {
|
|
581
|
+
display: none;
|
|
582
|
+
}
|
|
583
|
+
}
|
|
584
|
+
|
|
585
|
+
/* Tag cloud sets. Numbers demonstrate repeat frequency for each tag */
|
|
586
|
+
|
|
587
|
+
#post-tags {
|
|
588
|
+
vertical-align: middle;
|
|
589
|
+
|
|
590
|
+
> i {
|
|
591
|
+
background-image: url($assets-dir + "/img/noun_4018.png");
|
|
592
|
+
display: inline-block;
|
|
593
|
+
width: 14px;
|
|
594
|
+
height: 14px;
|
|
595
|
+
margin-top: 1px;
|
|
596
|
+
line-height: 14px;
|
|
597
|
+
background-repeat: no-repeat;
|
|
598
|
+
background-size: 15px 15px;
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
> a {
|
|
602
|
+
vertical-align: middle;
|
|
603
|
+
}
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
#tag-cloud [class^=set-] {
|
|
607
|
+
color: $text-color;
|
|
608
|
+
|
|
609
|
+
&:hover {
|
|
610
|
+
color: $brand-color;
|
|
611
|
+
}
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
.set-1 {
|
|
615
|
+
font-size: 0.7em;
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
.set-2 {
|
|
619
|
+
font-size: 0.8em;
|
|
620
|
+
}
|
|
621
|
+
|
|
622
|
+
.set-3 {
|
|
623
|
+
font-size: 0.9em;
|
|
624
|
+
}
|
|
625
|
+
|
|
626
|
+
.set-4 {
|
|
627
|
+
font-size: 1.0em;
|
|
628
|
+
}
|
|
629
|
+
|
|
630
|
+
.set-5 {
|
|
631
|
+
font-size: 1.1em;
|
|
632
|
+
}
|
|
633
|
+
|
|
634
|
+
.set-6 {
|
|
635
|
+
font-size: 1.2em;
|
|
636
|
+
}
|
|
637
|
+
|
|
638
|
+
.set-7 {
|
|
639
|
+
font-size: 1.3em;
|
|
640
|
+
}
|
|
641
|
+
|
|
642
|
+
.set-8 {
|
|
643
|
+
font-size: 1.4em;
|
|
644
|
+
}
|
|
645
|
+
|
|
646
|
+
.set-9 {
|
|
647
|
+
font-size: 1.5em;
|
|
648
|
+
}
|
|
649
|
+
|
|
650
|
+
.set-10 {
|
|
651
|
+
font-size: 1.6em;
|
|
652
|
+
}
|
|
653
|
+
|
|
654
|
+
@counter-style abjad {
|
|
655
|
+
system: additive;
|
|
656
|
+
range: 1 1000;
|
|
657
|
+
additive-symbols: 1000 "\63A", 900 "\638", 800 "\636", 700 "\630", 600 "\62E", 500 "\62B", 400 "\62A", 300 "\634", 200 "\631", 100 "\642", 90 "\635", 80 "\641", 70 "\639", 60 "\633", 50 "\646", 40 "\645", 30 "\644", 20 "\6A9", 10 "\649", 9 "\637", 8 "\62D", 7 "\632", 6 "\648", 5 "\FEEB", 4 "\62F", 3 "\62C", 2 "\628", 1 "\627\644\641";
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
@counter-style abjad-persian {
|
|
661
|
+
system: additive;
|
|
662
|
+
range: 1 1000;
|
|
663
|
+
additive-symbols: 1000 "\63A", 900 "\638", 800 "\636", 700 "\630", 600 "\62E", 500 "\62B", 400 "\62A", 300 "\634", 200 "\631", 100 "\642", 90 "\635", 80 "\641", 70 "\639", 60 "\633", 50 "\646", 40 "\645", 30 "\644", 20 "\6AF", 10 "\649", 9 "\637", 8 "\62D", 7 "\698", 6 "\648", 5 "\FEEB", 4 "\62F", 3 "\686", 2 "\67E", 1 "\627\644\641";
|
|
664
|
+
suffix: ". ";
|
|
281
665
|
}
|