potato-hacker-jekyll-template 0.2.2 → 0.3.0
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 +5 -5
- data/README.md +5 -3
- data/_includes/footer.html +22 -13
- data/_includes/head.html +9 -26
- data/_includes/header.html +12 -19
- data/_layouts/default.html +65 -31
- data/_layouts/post.html +5 -1
- data/_sass/_base.scss +90 -28
- data/_sass/{_variables.scss → _variables-dark.scss} +22 -14
- data/_sass/_variables-light.scss +872 -0
- data/assets/css/{main.scss → main-dark.scss} +1 -1
- data/assets/css/main-light.scss +8 -0
- data/assets/css/syntax.css +78 -0
- data/assets/img/avatar.jpg +0 -0
- data/assets/img/icons/favicon.ico +0 -0
- data/assets/img/opengraph.png +0 -0
- data/assets/img/screenshot.png +0 -0
- data/assets/js/main.js +73 -28
- metadata +12 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: ec5478d8579062cad1fe6bab0ee4222c78de2b0dd6c6a35925ca65138e67ebfc
|
|
4
|
+
data.tar.gz: 4d889c32de780b1a54779c508c01db61ad4dfed2c7ec506d51777afd9c924d58
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a853d32a92a770965e707fabc5a70d5f31236a1b25232608b2049e3f5cc287f75e15f342079731c3aaac0ca6ccfc587ffb3578583815794725468dc441b3abc4
|
|
7
|
+
data.tar.gz: 567f684894b01b848ada47332da02d9a2a5d39450a5790a4aeada8662f57cbce48a1e9a900cf718177971cb836215ca4e0763fb3744d9a333b4125af3d89c83c
|
data/README.md
CHANGED
|
@@ -4,6 +4,8 @@ Welcome to your new Jekyll theme! In this directory, you'll find the files you n
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
+
Check out the [demo](https://armlessjohn404.github.io/potato-hacker-jekyll-template/)
|
|
8
|
+
|
|
7
9
|
## Installation
|
|
8
10
|
|
|
9
11
|
Add this line to your Jekyll site's Gemfile:
|
|
@@ -31,11 +33,11 @@ Or install it yourself as:
|
|
|
31
33
|
This is a simple theme I made to my portfolio/blog https://armlessjohn404.github.io/
|
|
32
34
|
There are four different categories of pages for this template:
|
|
33
35
|
* Main page `index.md` in the root.
|
|
34
|
-
*
|
|
36
|
+
* Item pages `_items` folder.
|
|
35
37
|
* Blog posts `_posts` folder.
|
|
36
|
-
* Dropdown
|
|
38
|
+
* Dropdown pages `_dropdown` folder.
|
|
37
39
|
|
|
38
|
-
The dropdown menus are generated based on the
|
|
40
|
+
The dropdown menus are generated based on the [front matter](https://jekyllrb.com/docs/front-matter/) data in the files. Use the `dropdown` attribute to chose where the page will be placed.
|
|
39
41
|
```yaml
|
|
40
42
|
---
|
|
41
43
|
layout: page
|
data/_includes/footer.html
CHANGED
|
@@ -1,7 +1,16 @@
|
|
|
1
|
-
<footer>
|
|
1
|
+
<footer class="page-footer">
|
|
2
2
|
<center>
|
|
3
|
+
{% if site.theme_switch == true %}
|
|
3
4
|
<div class="row">
|
|
4
|
-
<div class="col-sm-
|
|
5
|
+
<div class="col-sm-8 col-sm-offset-2">
|
|
6
|
+
<a onclick="toggleTheme();">
|
|
7
|
+
Light/Dark
|
|
8
|
+
</a>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
11
|
+
{% endif %}
|
|
12
|
+
<div class="row">
|
|
13
|
+
<div class="col-sm-8 col-sm-offset-2">
|
|
5
14
|
{% if site.github_username != null %}
|
|
6
15
|
<a href="https://github.com/{{site.github_username}}" target="_blank">
|
|
7
16
|
<i class="fa fa-github fa-3x"></i>
|
|
@@ -22,25 +31,25 @@
|
|
|
22
31
|
<i class="fa fa-twitter fa-3x"></i>
|
|
23
32
|
</a>
|
|
24
33
|
{% endif %}
|
|
25
|
-
{% if site.gplus_id != null %}
|
|
34
|
+
<!-- {% if site.gplus_id != null %}
|
|
26
35
|
<a href="https://plus.google.com/{{site.gplus_id}}" target="_blank">
|
|
27
36
|
<i class="fa fa-google-plus fa-3x"></i>
|
|
28
37
|
</a>
|
|
29
|
-
{% endif %}
|
|
38
|
+
{% endif %} -->
|
|
30
39
|
{% if site.linkedin_id != null %}
|
|
31
40
|
<a href="https://www.linkedin.com/in/{{site.linkedin_id}}" target="_blank">
|
|
32
41
|
<i class="fa fa-linkedin fa-3x"></i>
|
|
33
42
|
</a>
|
|
34
43
|
{% endif %}
|
|
35
44
|
</div>
|
|
36
|
-
</div>
|
|
37
|
-
{% if site.email != null and site.author != null %}
|
|
38
|
-
<div class="row">
|
|
39
|
-
<div class="col-sm-{{site.columns}} col-sm-offset-{{site.offset}}">
|
|
40
|
-
Copyright (c) 2016 {{site.author}} -
|
|
41
|
-
<a href="mailto:{{site.email}}"><{{site.email}}></a>
|
|
42
45
|
</div>
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
+
{% if site.email != null and site.author != null %}
|
|
47
|
+
<div class="row">
|
|
48
|
+
<div class="col-sm-8 col-sm-offset-2">
|
|
49
|
+
Copyright (c) 20{{ site.time | date: '%y' }} {{site.author}} -
|
|
50
|
+
<a href="mailto:{{site.email}}"><{{site.email}}></a>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
{% endif %}
|
|
54
|
+
</center>
|
|
46
55
|
</footer>
|
data/_includes/head.html
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<meta name="description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
|
8
8
|
|
|
9
9
|
<!-- Google Authorship Markup -->
|
|
10
|
-
<link rel="author" href="https://plus.google.com/{{site.
|
|
10
|
+
<link rel="author" href="https://plus.google.com/{{site.gplus_id}}?rel=author">
|
|
11
11
|
|
|
12
12
|
<!-- Social: Twitter -->
|
|
13
13
|
<meta name="twitter:card" content="summary_large_image">
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
{% if page.image %}
|
|
18
18
|
<meta property="twitter:image:src" content="{{ site.url }}{{page.image }}">
|
|
19
19
|
{% else %}
|
|
20
|
-
<meta property="twitter:image:src" content="{{
|
|
20
|
+
<meta property="twitter:image:src" content="{{ '/assets/img/opengraph.png' | prepend: site.baseurl | prepend: site.url }}">
|
|
21
21
|
{% endif %}
|
|
22
22
|
|
|
23
23
|
<!-- Social: Facebook / Open Graph -->
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
{% if page.image %}
|
|
27
27
|
<meta property="og:image" content="{{ site.url }}{{page.image }}">
|
|
28
28
|
{% else %}
|
|
29
|
-
<meta property="og:image" content="{{
|
|
29
|
+
<meta property="og:image" content="{{ '/assets/img/opengraph.png' | prepend: site.baseurl | prepend: site.url }}">
|
|
30
30
|
{% endif %}
|
|
31
31
|
<meta property="og:description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
|
32
32
|
<meta property="og:site_name" content="{{ site.title }}">
|
|
@@ -34,41 +34,24 @@
|
|
|
34
34
|
<!-- Social: Google+ / Schema.org -->
|
|
35
35
|
<meta itemprop="name" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}"/>
|
|
36
36
|
<meta itemprop="description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
|
37
|
-
<meta itemprop="image" content="{{
|
|
37
|
+
<meta itemprop="image" content="{{ '/assets/img/opengraph.png' | prepend: site.baseurl | prepend: site.url }}"/>
|
|
38
38
|
|
|
39
39
|
<!-- Favicon -->
|
|
40
|
-
<link rel="shortcut icon" href="{{
|
|
41
|
-
|
|
42
|
-
<link rel="apple-touch-icon" href="{{site.baseurl}}/assets/img/icons/apple-touch-icon.png" />
|
|
43
|
-
<link rel="apple-touch-icon" sizes="57x57" href="{{site.baseurl}}/assets/img/icons/apple-touch-icon-57x57.png" />
|
|
44
|
-
<link rel="apple-touch-icon" sizes="72x72" href="{{site.baseurl}}/assets/img/icons/apple-touch-icon-72x72.png" />
|
|
45
|
-
<link rel="apple-touch-icon" sizes="114x114" href="{{site.baseurl}}/assets/img/icons/apple-touch-icon-114x114.png" />
|
|
46
|
-
<link rel="apple-touch-icon" sizes="144x144" href="{{site.baseurl}}/assets/img/icons/apple-touch-icon-144x144.png" />
|
|
47
|
-
<link rel="apple-touch-icon" sizes="60x60" href="{{site.baseurl}}/assets/img/icons/apple-touch-icon-60x60.png" />
|
|
48
|
-
<link rel="apple-touch-icon" sizes="120x120" href="{{site.baseurl}}/assets/img/icons/apple-touch-icon-120x120.png" />
|
|
49
|
-
<link rel="apple-touch-icon" sizes="76x76" href="{{site.baseurl}}/assets/img/icons/apple-touch-icon-76x76.png" />
|
|
50
|
-
<link rel="apple-touch-icon" sizes="152x152" href="{{site.baseurl}}/assets/img/icons/apple-touch-icon-152x152.png" />
|
|
51
|
-
<!-- Windows 8 Tile Icons -->
|
|
52
|
-
<meta name="application-name" content="{{site.username}} Blog">
|
|
53
|
-
<meta name="msapplication-TileColor" content="#5d4d7a">
|
|
54
|
-
<meta name="msapplication-square70x70logo" content="smalltile.png" />
|
|
55
|
-
<meta name="msapplication-square150x150logo" content="mediumtile.png" />
|
|
56
|
-
<meta name="msapplication-wide310x150logo" content="widetile.png" />
|
|
57
|
-
<meta name="msapplication-square310x310logo" content="largetile.png" />
|
|
40
|
+
<link rel="shortcut icon" href="{{'/assets/img/icons/favicon.ico' | prepend: site.baseurl }}" type="image/x-icon" />
|
|
41
|
+
|
|
58
42
|
<!-- Android Lolipop Theme Color -->
|
|
59
43
|
<meta name="theme-color" content="rgba(42, 77, 20, 1)">
|
|
60
44
|
|
|
61
45
|
<!-- Styles -->
|
|
62
|
-
<link rel="stylesheet" href="{{
|
|
46
|
+
<link rel="stylesheet" id="css-theme" href="{{ '/assets/css/main-' | append: site.theme_base | append: '.css' | prepend: site.baseurl }}" media="none">
|
|
47
|
+
<link rel="stylesheet" href="{{ '/assets/css/syntax.css' | prepend: site.baseurl }}">
|
|
63
48
|
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
|
64
49
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
|
|
65
50
|
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
|
|
66
|
-
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
|
|
67
|
-
<!-- <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" /> -->
|
|
68
51
|
|
|
69
52
|
<!-- Javascript -->
|
|
70
53
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
|
71
54
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
72
55
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js"></script>
|
|
73
|
-
<script type="text/javascript" src="{{
|
|
56
|
+
<script type="text/javascript" src="{{ '/assets/js/main.js' | prepend: site.baseurl }}"></script>
|
|
74
57
|
</head>
|
data/_includes/header.html
CHANGED
|
@@ -8,23 +8,23 @@
|
|
|
8
8
|
data-target="#bs-example-navbar-collapse-1">
|
|
9
9
|
<i class="fa fa-bars fa-2x"></i>
|
|
10
10
|
</a>
|
|
11
|
-
<a class="navbar-brand navbar-icon
|
|
12
|
-
|
|
11
|
+
<a class="navbar-brand navbar-icon" href="{{ site.baseurl | append: '/'}}">
|
|
12
|
+
<i class="fa fa-home fa-2x"></i>
|
|
13
13
|
</a>
|
|
14
14
|
</div>
|
|
15
15
|
|
|
16
16
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
17
17
|
<ul class="nav navbar-nav navbar-right">
|
|
18
|
-
<li><a href="/
|
|
19
|
-
|
|
20
|
-
{% for page in site.
|
|
21
|
-
<li class="dropdown dropdown-{{page.dropdown}}">
|
|
18
|
+
<li><a href="{{ site.baseurl | append: '/' }}">Home</a></li>
|
|
19
|
+
<li><a href="{{ '/blog' | prepend: site.baseurl }}">Blog</a></li>
|
|
20
|
+
{% for page in site.dropdown %}
|
|
21
|
+
<li class="dropdown dropdown-{{ page.dropdown }}">
|
|
22
22
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
|
|
23
|
-
role="button" aria-haspopup="true" aria-expanded="false">{{page.dropdown}}
|
|
23
|
+
role="button" aria-haspopup="true" aria-expanded="false">{{ page.dropdown }}
|
|
24
24
|
<span class="caret"></span>
|
|
25
25
|
</a>
|
|
26
|
-
<ul class="dropdown-menu dropdown-menu-{{page.title}}">
|
|
27
|
-
<li><a href="{{page.url}}
|
|
26
|
+
<ul class="dropdown-menu dropdown-menu-{{ page.title }}">
|
|
27
|
+
<li><a href="{% if page.redirect_to %}{{page.redirect_to}}{% else %}{{ page.url | prepend: site.baseurl }}{% endif %}">{{ page.title }}</a></li>
|
|
28
28
|
</ul>
|
|
29
29
|
</li>
|
|
30
30
|
{% endfor %}
|
|
@@ -42,17 +42,10 @@
|
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
|
-
// fade out animation on click
|
|
46
|
-
function animateOut(element) {
|
|
47
|
-
$("body").removeClass().addClass("animated fadeOut");
|
|
48
|
-
setTimeout(() => {
|
|
49
|
-
$("body").hide();
|
|
50
|
-
window.location = $(element).attr("href")
|
|
51
|
-
}, 500);
|
|
52
|
-
}
|
|
53
|
-
$('a').click(event => event.preventDefault());
|
|
54
45
|
</script>
|
|
55
|
-
|
|
46
|
+
{% for page in site.items %}
|
|
47
|
+
<li><a href="{% if page.redirect_to %}{{page.redirect_to}}{% else %}{{ page.url | prepend: site.baseurl }}{% endif %}">{{ page.title }}</a></li>
|
|
48
|
+
{% endfor %}
|
|
56
49
|
</ul>
|
|
57
50
|
</div>
|
|
58
51
|
</div>
|
data/_layouts/default.html
CHANGED
|
@@ -2,38 +2,72 @@
|
|
|
2
2
|
---
|
|
3
3
|
<!DOCTYPE html>
|
|
4
4
|
<html>
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
<
|
|
15
|
-
<
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
</
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
5
|
+
{% include head.html %}
|
|
6
|
+
|
|
7
|
+
<body class="animated fadeIn">
|
|
8
|
+
<div class="container">
|
|
9
|
+
<div id="background-div">
|
|
10
|
+
<svg id="background-svg">
|
|
11
|
+
<lineargradient id="Gradient1" x1="0" x2="0" y1="0" y2="1">
|
|
12
|
+
<stop stop-opacity="0" class="bgColor2" offset="0%" />
|
|
13
|
+
<stop stop-opacity="0.5" class="bgColor2" offset="10%" />
|
|
14
|
+
<stop stop-opacity="0.5" class="bgColor1" offset="40%" />
|
|
15
|
+
<stop stop-opacity="0" class="bgColor1" offset="100%" />
|
|
16
|
+
</lineargradient>
|
|
17
|
+
<g id="bg-layer1"></g>
|
|
18
|
+
<g id="bg-layer2" class="hide"></g>
|
|
19
|
+
<g id="bg-layer3"></g>
|
|
20
|
+
<g id="bg-layer4"></g>
|
|
21
|
+
</svg>
|
|
22
|
+
</div>
|
|
23
|
+
<section class="header">
|
|
24
|
+
{% include header.html %}
|
|
25
|
+
</section>
|
|
26
|
+
<section class="content">
|
|
27
|
+
<div class="row">
|
|
28
|
+
<!-- <div class="col-sm-2">
|
|
29
|
+
<div class="pane-separator hidden-xs" style="margin-bottom:30em;"></div>
|
|
30
|
+
<div class="left-pane">
|
|
31
|
+
</div>
|
|
32
|
+
</div> -->
|
|
33
|
+
<div class="col-sm-8 col-sm-offset-2 content-div">
|
|
34
|
+
<div class="page-separator hidden-xs"><h1 class="h1-strip" style="padding-bottom:8em; margin-bottom: 0;"></h1></div>
|
|
35
|
+
<div class="page-separator visible-xs"><h1 class="h1-strip" style="padding-bottom:2em; margin-bottom: 0;"></h1></div>
|
|
36
|
+
<h1 class="post-title page-title" id="title"><a href="#title">{{ page.title }}</a></h1>
|
|
37
|
+
{{ content }}
|
|
38
|
+
</div>
|
|
39
|
+
<div class="col-sm-2">
|
|
40
|
+
<div class="pane-separator hidden-xs" style="margin-bottom:30em;"></div>
|
|
41
|
+
<div class="pane-separator visible-xs" style="margin-bottom:5em;"></div>
|
|
42
|
+
<div class="right-pane" style="margin-left: 1em;">
|
|
43
|
+
{% if page.url contains '/blog/' or page.url == '/' %}
|
|
44
|
+
<center>
|
|
45
|
+
{% if site.avatar_image != null %}
|
|
46
|
+
<img src="{{ site.avatar_image | prepend: '/' | prepend: site.baseurl }}" alt="me" class="avatar-image">
|
|
47
|
+
{% endif %}
|
|
48
|
+
<p class="avatar-description">{{site.avatar_description}}</p>
|
|
49
|
+
</center>
|
|
50
|
+
{% endif %}
|
|
51
|
+
{% if page.url contains "/blog/" %}
|
|
52
|
+
<a href="{{ '/blog' | prepend: site.baseurl }}">
|
|
53
|
+
<h4>Posts:</h4>
|
|
54
|
+
</a>
|
|
55
|
+
<ul>
|
|
56
|
+
{% for post in site.posts %}
|
|
57
|
+
<li>
|
|
58
|
+
<a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
|
|
59
|
+
</li>
|
|
60
|
+
{% endfor %}
|
|
61
|
+
</ul>
|
|
62
|
+
{% endif %}
|
|
27
63
|
</div>
|
|
28
64
|
</div>
|
|
29
|
-
</
|
|
30
|
-
|
|
65
|
+
</div>
|
|
66
|
+
</section>
|
|
67
|
+
<section class="footer">
|
|
31
68
|
{% include footer.html %}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
<span class='bgColor3'></span>
|
|
37
|
-
</div>
|
|
38
|
-
</body>
|
|
69
|
+
</section>
|
|
70
|
+
</div>
|
|
71
|
+
</body>
|
|
72
|
+
|
|
39
73
|
</html>
|
data/_layouts/post.html
CHANGED
data/_sass/_base.scss
CHANGED
|
@@ -1,86 +1,148 @@
|
|
|
1
1
|
// Custom SCSS
|
|
2
|
-
|
|
3
2
|
// General
|
|
3
|
+
|
|
4
4
|
body {
|
|
5
|
-
background: linear-gradient($
|
|
5
|
+
background: linear-gradient($body-bg-header 10%, $body-bg 100%);
|
|
6
6
|
background-repeat: no-repeat;
|
|
7
7
|
background-attachment: fixed;
|
|
8
8
|
height: 100%;
|
|
9
9
|
width: 100%;
|
|
10
10
|
overflow-x: hidden;
|
|
11
|
+
text-shadow: 0 0 0.01em $shadow-color;
|
|
11
12
|
}
|
|
13
|
+
|
|
12
14
|
a {
|
|
13
15
|
cursor: pointer;
|
|
14
16
|
}
|
|
15
17
|
|
|
18
|
+
blockquote {
|
|
19
|
+
border-color: $gray;
|
|
20
|
+
border-width: 0 0 0 0.2em;
|
|
21
|
+
border-style: solid;
|
|
22
|
+
}
|
|
23
|
+
|
|
16
24
|
h1 {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
25
|
+
padding-top: 0.5em;
|
|
26
|
+
padding-bottom: 0.5em;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
h1 a,
|
|
30
|
+
h1 a:hover {
|
|
31
|
+
color: $brand-primary;
|
|
21
32
|
}
|
|
22
|
-
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
h1,
|
|
36
|
+
h2,
|
|
37
|
+
h3,
|
|
38
|
+
h4,
|
|
39
|
+
h5,
|
|
40
|
+
h6 {
|
|
23
41
|
color: $brand-danger;
|
|
42
|
+
text-decoration-color: $brand-danger;
|
|
43
|
+
border-bottom-color: $brand-danger;
|
|
24
44
|
}
|
|
25
|
-
.bgColor1 { stop-color: $brand-primary; }
|
|
26
|
-
.bgColor2 { stop-color: $brand-danger; }
|
|
27
45
|
|
|
28
|
-
#background-div,
|
|
46
|
+
#background-div,
|
|
47
|
+
#background-svg {
|
|
29
48
|
width: 100%;
|
|
30
49
|
height: 100%;
|
|
31
50
|
position: fixed;
|
|
32
51
|
top: 0;
|
|
33
52
|
left: 0;
|
|
53
|
+
z-index: 0;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
#title {
|
|
57
|
+
margin-top: 0;
|
|
34
58
|
}
|
|
35
59
|
|
|
36
|
-
// Footer
|
|
37
60
|
// Social media hover colors colors
|
|
38
|
-
$icon-shadow:
|
|
39
|
-
$icons-list: github facebook twitter
|
|
40
|
-
$icons-colors: $github-color $facebook-color $twitter-color $
|
|
41
|
-
$linkedin-color $envelope-color;
|
|
61
|
+
$icon-shadow: 0.1em;
|
|
62
|
+
$icons-list: github facebook twitter linkedin envelope;
|
|
63
|
+
$icons-colors: $github-color $facebook-color $twitter-color $linkedin-color $envelope-color;
|
|
42
64
|
@for $i from 1 through length($icons-list) {
|
|
43
65
|
.fa-#{nth($icons-list, $i)}:hover {
|
|
44
66
|
text-shadow: 0 0 $icon-shadow #{nth($icons-colors, $i)};
|
|
45
67
|
}
|
|
46
68
|
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
69
|
+
|
|
70
|
+
.bgColor1 {
|
|
71
|
+
stop-color: $bg-color1;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.bgColor2 {
|
|
75
|
+
stop-color: $bg-color2;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.page-footer {
|
|
79
|
+
margin-top: 8em;
|
|
80
|
+
|
|
50
81
|
center div div a i {
|
|
51
82
|
color: $gray !important;
|
|
52
83
|
}
|
|
53
84
|
}
|
|
54
85
|
|
|
55
|
-
// Header
|
|
56
|
-
//Spacing
|
|
57
|
-
header {
|
|
58
|
-
}
|
|
59
86
|
.navbar-toggle:hover {
|
|
60
87
|
background-color: transparent !important;
|
|
61
88
|
}
|
|
89
|
+
|
|
62
90
|
.navbar-icon:hover {
|
|
63
91
|
text-shadow: 0 0 $icon-shadow lighten($brand-primary, 20%);
|
|
64
92
|
color: $brand-primary !important;
|
|
65
93
|
}
|
|
94
|
+
|
|
95
|
+
.navbar-icon {
|
|
96
|
+
color: $brand-primary !important;
|
|
97
|
+
}
|
|
98
|
+
|
|
66
99
|
.navbar {
|
|
67
|
-
background-color:
|
|
100
|
+
background-color: $navbar-bg;
|
|
68
101
|
transition: background-color 0.25s ease-in-out;
|
|
69
102
|
-webkit-transition: background-color 0.25s ease-in-out;
|
|
70
103
|
}
|
|
71
|
-
|
|
104
|
+
|
|
105
|
+
nav:hover {
|
|
72
106
|
background-color: $navbar-default-bg;
|
|
73
107
|
}
|
|
74
108
|
|
|
75
|
-
// Post
|
|
76
109
|
.post-title {
|
|
77
110
|
color: $brand-primary;
|
|
78
111
|
}
|
|
112
|
+
|
|
79
113
|
.blog-post {
|
|
80
114
|
margin-bottom: 5em;
|
|
81
115
|
}
|
|
82
116
|
|
|
83
|
-
|
|
84
|
-
.
|
|
85
|
-
|
|
117
|
+
.highlight,
|
|
118
|
+
.highlight .w {
|
|
119
|
+
opacity: 0.9;
|
|
120
|
+
}
|
|
121
|
+
$avatar-size: 10em;
|
|
122
|
+
|
|
123
|
+
.avatar-image {
|
|
124
|
+
height: auto;
|
|
125
|
+
width: auto;
|
|
126
|
+
max-height: $avatar-size;
|
|
127
|
+
max-width: $avatar-size;
|
|
128
|
+
border-radius: $avatar-size;
|
|
129
|
+
border-style: solid;
|
|
130
|
+
border-width: medium;
|
|
131
|
+
border-color: $gray-light;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.avatar-description {
|
|
135
|
+
color: $gray-light;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.hide {
|
|
139
|
+
display: none;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.h1-overlay {
|
|
143
|
+
background: $h1-bg;
|
|
144
|
+
position: absolute;
|
|
145
|
+
width: 100%;
|
|
146
|
+
z-index: -1;
|
|
147
|
+
padding: 1em;
|
|
86
148
|
}
|