dev-portfolio-blog 0.1.7 → 0.1.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +32 -12
- data/_includes/share_buttons.html +41 -0
- data/_layouts/post.html +3 -0
- data/_sass/main.scss +184 -133
- data/assets/js/script.js +1 -0
- data/assets/js/theme.js +4 -2
- data/blog.md +8 -0
- metadata +23 -7
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 61653c13a03ae8dd7983c033566569937be60aa9c58d48b6056fbfe7b9161659
|
4
|
+
data.tar.gz: 19181f50392e703eff6f0791b8ecbb64ace9cc83032c47d607ecc4a1097d3fbb
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 97b3166cb17c46ac1e656279f6a348ed63b59096bcfc817db174d07ed8d0b40f640b78cf0ae958f187165eaa2b9ca4aa4fd8c1a8d34174c099c9e5cd354ad679
|
7
|
+
data.tar.gz: 7230d2e8c1ce6dac62283ef66cb4908db6df50d052a644575d862ab9127f9bf94934bdb7646bf6834986cb03f08d78286c9c25941a18f9b4161173711d710221
|
data/README.md
CHANGED
@@ -1,10 +1,12 @@
|
|
1
|
-
|
1
|
+
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
|
2
2
|
[![Gem Version](https://badge.fury.io/rb/dev-portfolio-blog.svg)](https://badge.fury.io/rb/dev-portfolio-blog)
|
3
3
|
![](https://ruby-gem-downloads-badge.herokuapp.com/dev-portfolio-blog)
|
4
4
|
|
5
5
|
[![CodeFactor](https://www.codefactor.io/repository/github/rohitjain00/dev-portfolio-blog/badge)](https://www.codefactor.io/repository/github/rohitjain00/dev-portfolio-blog)
|
6
6
|
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/d0b9f1c23f564a8195a8588de7895c4c)](https://www.codacy.com/manual/rohitjain00/dev-portfolio-blog?utm_source=github.com&utm_medium=referral&utm_content=rohitjain00/dev-portfolio-blog&utm_campaign=Badge_Grade)
|
7
7
|
|
8
|
+
[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Frohitjain00%2Fdev-portfolio-blog&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)
|
9
|
+
|
8
10
|
## Home pagespeed
|
9
11
|
|
10
12
|
![GitHub PageSpeed](https://api.speedbadge.io/v1?url=therohitjain.com&showStratLabel=true)
|
@@ -27,7 +29,8 @@ This is a minimal jekyll theme for writing blogs and about yourself.
|
|
27
29
|
2. Dark mode
|
28
30
|
3. Disqus comments
|
29
31
|
4. Categorization
|
30
|
-
5.
|
32
|
+
5. Emojis Support
|
33
|
+
6. Highly optimized blog
|
31
34
|
#### PageSpeed Insights
|
32
35
|
* [Home](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftherohitjain.com)[(therohitjain.com)](https://therohitjain.com)
|
33
36
|
* [Blog](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftherohitjain.com/blog/)[(therohitjain.com/blog/)](https://therohitjain.com/blog/)
|
@@ -63,7 +66,7 @@ theme: dev-portfolio-blog
|
|
63
66
|
|
64
67
|
And then execute:
|
65
68
|
|
66
|
-
$ bundle
|
69
|
+
$ bundle install
|
67
70
|
|
68
71
|
Or install it yourself as:
|
69
72
|
|
@@ -71,39 +74,53 @@ Or install it yourself as:
|
|
71
74
|
|
72
75
|
## Usage
|
73
76
|
|
74
|
-
To start using the theme you
|
77
|
+
To start using the theme you either follow these steps or simply fork my repo https://github.com/rohitjain00/rohitjain00.github.io and update the files.
|
78
|
+
|
79
|
+
### Recommended
|
80
|
+
Please use the theme as the plugin so that all the latest updated for this theme comes directly in your website.
|
81
|
+
|
82
|
+
#### Clone the branch `master` and change the theme accordingly.
|
75
83
|
|
84
|
+
|
85
|
+
### Starting from the beginning:
|
76
86
|
Assuming that you started your first website based on `minima` theme from [here](https://jekyllrb.com/docs/)
|
77
87
|
|
78
|
-
Add a `favicon.ico` to the root directory for favicon.
|
88
|
+
1. Add a `favicon.ico` to the root directory for favicon.
|
79
89
|
|
80
|
-
|
90
|
+
2. Create `blog.md` in the root folder ans set its yaml parameters to
|
81
91
|
|
82
92
|
```yaml
|
83
93
|
layout: blog
|
84
|
-
title: blog
|
85
94
|
permalink: /blog/
|
95
|
+
title: [Blog Page Title]
|
96
|
+
pagination:
|
97
|
+
enabled: true
|
86
98
|
```
|
87
99
|
|
88
|
-
|
100
|
+
3. Change your `about.md` yaml parameters to following
|
89
101
|
|
90
102
|
```yaml
|
91
103
|
layout: description
|
92
104
|
permalink: /about/
|
105
|
+
title: About
|
93
106
|
```
|
94
107
|
|
95
108
|
3. In the `index.md` file add
|
96
109
|
|
97
110
|
```yaml
|
98
|
-
|
111
|
+
layout: home
|
112
|
+
home_text: Text
|
113
|
+
title: [Home Page Title]
|
99
114
|
```
|
100
115
|
|
101
116
|
4. Create a new `categories.md` file in root with following yaml parameters
|
102
117
|
```yaml
|
103
118
|
layout: categories
|
119
|
+
permalink: /categories/
|
120
|
+
title: Categories
|
104
121
|
```
|
105
122
|
|
106
|
-
4. In the `
|
123
|
+
4. In the `_config.yml` file add following and change accordingly
|
107
124
|
|
108
125
|
Path is relative to the root directory
|
109
126
|
```yaml
|
@@ -124,12 +141,12 @@ Visit [Jekyll-minifier](https://github.com/digitalsparky/jekyll-minifier) and ad
|
|
124
141
|
|
125
142
|
Visit [jekyll-paginate-v2](https://github.com/sverrirs/jekyll-paginate-v2/blob/master/README-GENERATOR.md#site-configuration) and add this to your `_config.yml` file to enable pagination.
|
126
143
|
|
127
|
-
### Check [_config.yml](https://github.com/rohitjain00/
|
144
|
+
### Check here [_config.yml](https://github.com/rohitjain00/rohitjain00.github.io/blob/site/_config.yml) for example config file.
|
128
145
|
|
129
146
|
|
130
147
|
## Writing a new blog
|
131
148
|
|
132
|
-
Create a new folder `_posts` in root folder
|
149
|
+
Create a new folder `_posts` in root folder if not already exists.
|
133
150
|
|
134
151
|
1. Create a new markdown file in the format `yyyy-mm-dd-postname.md`
|
135
152
|
2. Make sure that disqus's shortname is valid.
|
@@ -165,3 +182,6 @@ To add a custom directory to your theme-gem, please edit the regexp in `dev-port
|
|
165
182
|
|
166
183
|
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
167
184
|
|
185
|
+
If you like my work, you can buy me a coffee here :smile:
|
186
|
+
|
187
|
+
<a href="https://www.buymeacoffee.com/rohitjain00" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
|
@@ -0,0 +1,41 @@
|
|
1
|
+
{% if include.pageurl != nil and include.pageurl != '' %}
|
2
|
+
{% assign pageurl = include.pageurl %}
|
3
|
+
{% else %}
|
4
|
+
{% assign pageurl = page.url %}
|
5
|
+
{% endif %}
|
6
|
+
|
7
|
+
<style>
|
8
|
+
#share-buttons {display: inline-block; vertical-align: middle; }
|
9
|
+
#share-buttons:after {content: ""; display: block; clear: both;}
|
10
|
+
#share-buttons > div {
|
11
|
+
position: relative;
|
12
|
+
text-align: left;
|
13
|
+
height: 36px;
|
14
|
+
width: 32px;
|
15
|
+
float: left;
|
16
|
+
text-align: center;
|
17
|
+
}
|
18
|
+
#share-buttons > div > svg {height: 16px; fill: #d5d5d5; margin-top: 10px;}
|
19
|
+
#share-buttons > div:hover {cursor: pointer;}
|
20
|
+
#share-buttons > div.facebook:hover > svg {fill: #3B5998;}
|
21
|
+
#share-buttons > div.twitter:hover > svg {fill: #55ACEE;}
|
22
|
+
#share-buttons > div.linkedin:hover > svg {fill: #0077b5;}
|
23
|
+
#share-buttons > div.pinterest:hover > svg {fill: #CB2027;}
|
24
|
+
#share-buttons > div.mail:hover > svg {fill: #7D7D7D;}
|
25
|
+
#share-buttons > div.instagram:hover > svg {fill: #C73B92;}
|
26
|
+
#share-buttons > div.facebook > svg {height: 18px; margin-top: 9px;}
|
27
|
+
#share-buttons > div.twitter > svg {height: 20px; margin-top: 8px;}
|
28
|
+
#share-buttons > div.linkedin > svg {height: 19px; margin-top: 7px;}
|
29
|
+
#share-buttons > div.pinterest > svg {height: 20px; margin-top: 9px;}
|
30
|
+
#share-buttons > div.mail > svg {height: 14px; margin-top: 11px;}
|
31
|
+
</style>
|
32
|
+
|
33
|
+
<span>Share on: </span><div id="share-buttons">
|
34
|
+
<div class="facebook" title="Share this on Facebook" onclick="window.open('http://www.facebook.com/share.php?u={{ site.url }}{{ pageurl }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z"/></svg></div>
|
35
|
+
<div class="twitter" title="Share this on Twitter" onclick="window.open('http://twitter.com/home?status={{ site.url }}{{ pageurl }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z"/></svg></div>
|
36
|
+
<div class="linkedin" title="Share this on Linkedin" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ pageurl }}&title=&summary=&source=');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M477 625v991h-330v-991h330zm21-306q1 73-50.5 122t-135.5 49h-2q-82 0-132-49t-50-122q0-74 51.5-122.5t134.5-48.5 133 48.5 51 122.5zm1166 729v568h-329v-530q0-105-40.5-164.5t-126.5-59.5q-63 0-105.5 34.5t-63.5 85.5q-11 30-11 81v553h-329q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5 114.5-15.5q171 0 275 113.5t104 332.5z"/></svg></div>
|
37
|
+
{% if page.image %}<div class="pinterest" title="Share this on Pinterest" onclick="window.open('https://pinterest.com/pin/create/button/?url=&media={{ site.url }}{{ page.image }}&description=');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M256 597q0-108 37.5-203.5t103.5-166.5 152-123 185-78 202-26q158 0 294 66.5t221 193.5 85 287q0 96-19 188t-60 177-100 149.5-145 103-189 38.5q-68 0-135-32t-96-88q-10 39-28 112.5t-23.5 95-20.5 71-26 71-32 62.5-46 77.5-62 86.5l-14 5-9-10q-15-157-15-188 0-92 21.5-206.5t66.5-287.5 52-203q-32-65-32-169 0-83 52-156t132-73q61 0 95 40.5t34 102.5q0 66-44 191t-44 187q0 63 45 104.5t109 41.5q55 0 102-25t78.5-68 56-95 38-110.5 20-111 6.5-99.5q0-173-109.5-269.5t-285.5-96.5q-200 0-334 129.5t-134 328.5q0 44 12.5 85t27 65 27 45.5 12.5 30.5q0 28-15 73t-37 45q-2 0-17-3-51-15-90.5-56t-61-94.5-32.5-108-11-106.5z"/></svg></div>{% endif %}
|
38
|
+
<div class="mail" title="Share this through Email" onclick="window.open('mailto:?subject=Hey Checkout this Amazing Blog I Found&body={{ site.url }}{{ pageurl }}');"><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1792 710v794q0 66-47 113t-113 47h-1472q-66 0-113-47t-47-113v-794q44 49 101 87 362 246 497 345 57 42 92.5 65.5t94.5 48 110 24.5h2q51 0 110-24.5t94.5-48 92.5-65.5q170-123 498-345 57-39 100-87zm0-294q0 79-49 151t-122 123q-376 261-468 325-10 7-42.5 30.5t-54 38-52 32.5-57.5 27-50 9h-2q-23 0-50-9t-57.5-27-52-32.5-54-38-42.5-30.5q-91-64-262-182.5t-205-142.5q-62-42-117-115.5t-55-136.5q0-78 41.5-130t118.5-52h1472q65 0 112.5 47t47.5 113z"/></svg></div>
|
39
|
+
</div>
|
40
|
+
|
41
|
+
<!--- Special thanks to https://jekyllcodex.org/without-plugin/share-buttons for this amazing piece of code without the use of actual images--->
|
data/_layouts/post.html
CHANGED
@@ -5,6 +5,7 @@ layout: description
|
|
5
5
|
<small>{{ post.date | date_to_string }}</small>
|
6
6
|
{{content}}
|
7
7
|
|
8
|
+
<div class="post-footer">
|
8
9
|
<div class="post-categories">
|
9
10
|
Categories :
|
10
11
|
{% if post %}
|
@@ -17,7 +18,9 @@ layout: description
|
|
17
18
|
{% unless forloop.last %} {% endunless %}
|
18
19
|
{% endfor %}
|
19
20
|
</div>
|
21
|
+
<div>{% include share_buttons.html %}</div>
|
20
22
|
|
23
|
+
</div>
|
21
24
|
{% if site.disqus.shortname and page.comments %}
|
22
25
|
<hr>
|
23
26
|
{% include disqus_comments.html %}
|
data/_sass/main.scss
CHANGED
@@ -1,104 +1,162 @@
|
|
1
1
|
@mixin mediaQuery($point) {
|
2
|
-
|
3
|
-
|
2
|
+
@if $point == phone-width {
|
3
|
+
@media (max-width: 480px) {
|
4
|
+
@content;
|
4
5
|
}
|
5
|
-
|
6
|
-
|
6
|
+
} @else if $point == tablet-width {
|
7
|
+
@media (max-width: 768px) {
|
8
|
+
@content;
|
7
9
|
}
|
8
10
|
}
|
11
|
+
}
|
9
12
|
html {
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
13
|
+
--primary-background-color: white;
|
14
|
+
--primary-text-color: #222;
|
15
|
+
--primary-highlight-color: #eeeeee;
|
16
|
+
padding: 0;
|
17
|
+
margin: 0;
|
14
18
|
}
|
15
19
|
|
16
20
|
body {
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
+
background-color: var(--primary-background-color);
|
22
|
+
color: var(--primary-text-color);
|
23
|
+
transition: background 0.1s ease-in, color 0.1s ease-in;
|
24
|
+
// font-size: 120%;
|
21
25
|
}
|
22
26
|
.mid-section-home {
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
width: 100%;
|
38
|
-
span {
|
39
|
-
display: none;
|
40
|
-
}
|
27
|
+
text-align: center;
|
28
|
+
display: flex;
|
29
|
+
flex-direction: column;
|
30
|
+
justify-content: center;
|
31
|
+
align-content: center;
|
32
|
+
width: 100%;
|
33
|
+
max-width: 400px;
|
34
|
+
height: 100vh;
|
35
|
+
margin: auto;
|
36
|
+
font-size: 1.5rem;
|
37
|
+
@include mediaQuery(phone-width) {
|
38
|
+
font-size: 1 rem;
|
39
|
+
span {
|
40
|
+
display: none;
|
41
41
|
}
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
42
|
+
}
|
43
|
+
h1 {
|
44
|
+
font-size: 3.5rem;
|
45
|
+
font-weight: 600;
|
46
|
+
}
|
47
47
|
}
|
48
48
|
.sub-heading {
|
49
|
-
|
50
|
-
|
51
|
-
|
49
|
+
width: 80%;
|
50
|
+
margin: 0 auto;
|
51
|
+
display: flex;
|
52
52
|
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
53
|
+
@include mediaQuery(phone-width) {
|
54
|
+
width: 60%;
|
55
|
+
min-width: 270px;
|
56
|
+
}
|
57
57
|
}
|
58
58
|
.summary-about-me {
|
59
|
-
|
60
|
-
|
61
|
-
|
59
|
+
width: 50%;
|
60
|
+
text-align: right;
|
61
|
+
padding-right: 20px;
|
62
62
|
}
|
63
63
|
.nav-link {
|
64
|
-
|
65
|
-
|
64
|
+
ul {
|
65
|
+
padding-inline-start: 0;
|
66
|
+
}
|
67
|
+
li {
|
68
|
+
display: block;
|
69
|
+
text-align: left;
|
70
|
+
a {
|
71
|
+
text-decoration: none;
|
72
|
+
color: var(--primary-text-color);
|
73
|
+
&:hover {
|
74
|
+
border-bottom: 2px solid var(--primary-text-color);
|
75
|
+
color: var(--primary-text-color);
|
76
|
+
}
|
66
77
|
}
|
78
|
+
}
|
79
|
+
border-left: 2px solid var(--primary-text-color);
|
80
|
+
width: 50%;
|
81
|
+
padding-left: 20px;
|
82
|
+
// .toNav {
|
83
|
+
// }
|
84
|
+
@include mediaQuery(phone-width) {
|
67
85
|
li {
|
68
|
-
|
69
|
-
|
86
|
+
display: block;
|
87
|
+
margin-left: 10px;
|
88
|
+
}
|
89
|
+
}
|
90
|
+
}
|
91
|
+
.mid-section-cover {
|
92
|
+
width: 60%;
|
93
|
+
margin: 0 auto;
|
94
|
+
margin-top: 50px;
|
95
|
+
@include mediaQuery(tablet-width) {
|
96
|
+
width: 70%;
|
97
|
+
}
|
98
|
+
@include mediaQuery(phone-width) {
|
99
|
+
width: 95%;
|
100
|
+
}
|
101
|
+
nav {
|
102
|
+
display: flex;
|
103
|
+
flex-direction: row;
|
104
|
+
justify-content: space-between;
|
105
|
+
flex-wrap: wrap;
|
106
|
+
border-bottom: 2px solid var(--primary-text-color);
|
107
|
+
h1 {
|
108
|
+
// align-self: flex-start;
|
109
|
+
font-size: 40px;
|
110
|
+
flex-grow: 2;
|
111
|
+
text-align: left;
|
112
|
+
margin: 10px;
|
113
|
+
}
|
114
|
+
ul {
|
115
|
+
display: flex;
|
116
|
+
flex-direction: row;
|
117
|
+
flex-wrap: wrap;
|
118
|
+
justify-content: flex-end;
|
119
|
+
align-items: center;
|
120
|
+
flex-grow: 5;
|
121
|
+
padding-inline-start: 0;
|
122
|
+
li {
|
123
|
+
padding: 0 20px;
|
124
|
+
list-style-type: none;
|
70
125
|
a {
|
71
|
-
|
126
|
+
text-decoration: none;
|
127
|
+
color: var(--primary-text-color);
|
128
|
+
&:hover {
|
129
|
+
border-bottom: 2px solid var(--primary-text-color);
|
72
130
|
color: var(--primary-text-color);
|
73
|
-
|
74
|
-
border-bottom: 2px solid var(--primary-text-color);
|
75
|
-
color: var(--primary-text-color);
|
76
|
-
|
77
|
-
}
|
131
|
+
}
|
78
132
|
}
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
padding-left: 20px;
|
83
|
-
// .toNav {
|
84
|
-
// }
|
85
|
-
@include mediaQuery(phone-width) {
|
86
|
-
li {
|
87
|
-
display: block;
|
88
|
-
margin-left: 10px;
|
133
|
+
@include mediaQuery(phone-width) {
|
134
|
+
text-align: center;
|
135
|
+
padding: 0 10px;
|
89
136
|
}
|
137
|
+
}
|
90
138
|
}
|
91
|
-
}
|
92
|
-
.mid-section-cover {
|
93
|
-
width: 60%;
|
94
|
-
margin: 0 auto;
|
95
|
-
margin-top: 50px;
|
96
139
|
@include mediaQuery(tablet-width) {
|
97
|
-
|
140
|
+
flex-direction: column;
|
141
|
+
justify-content: center;
|
142
|
+
align-items: center;
|
143
|
+
ul {
|
144
|
+
justify-content: center;
|
145
|
+
}
|
146
|
+
h1 {
|
147
|
+
text-align: center;
|
148
|
+
}
|
98
149
|
}
|
99
|
-
|
100
|
-
|
150
|
+
}
|
151
|
+
.sub-mid-section-cover {
|
152
|
+
width: 100%;
|
153
|
+
margin: 0 auto;
|
154
|
+
overflow: hidden;
|
155
|
+
img {
|
156
|
+
max-width: 100%;
|
101
157
|
}
|
158
|
+
a {
|
159
|
+
color: var(--primary-text-color);
|
102
160
|
nav {
|
103
161
|
display: flex;
|
104
162
|
flex-direction: row;
|
@@ -116,9 +174,10 @@ body {
|
|
116
174
|
display: flex;
|
117
175
|
flex-direction: row;
|
118
176
|
flex-wrap: wrap;
|
119
|
-
justify-content: end;
|
177
|
+
justify-content: flex-end;
|
120
178
|
align-items: center;
|
121
179
|
flex-grow: 5;
|
180
|
+
padding-inline-start: 0;
|
122
181
|
li {
|
123
182
|
padding: 0 20px;
|
124
183
|
list-style-type: none;
|
@@ -148,73 +207,65 @@ body {
|
|
148
207
|
}
|
149
208
|
}
|
150
209
|
}
|
151
|
-
|
152
|
-
width: 100%;
|
153
|
-
margin: 0 auto;
|
154
|
-
overflow: hidden;
|
155
|
-
img {
|
156
|
-
max-width: 100%;
|
157
|
-
}
|
158
|
-
a {
|
159
|
-
color: var(--primary-text-color);
|
160
|
-
}
|
161
|
-
}
|
210
|
+
}
|
162
211
|
}
|
163
212
|
|
164
|
-
|
165
|
-
// .blog-section-list {
|
166
|
-
// a {
|
167
|
-
// color: var(--primary-text-color);
|
168
|
-
// }
|
169
|
-
// }
|
170
|
-
// .container-404 {
|
171
|
-
// text-align: center;
|
172
|
-
// }
|
173
|
-
|
174
213
|
#themeSelector {
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
214
|
+
position: fixed;
|
215
|
+
top: 5px;
|
216
|
+
right: 5px;
|
217
|
+
background: var(--primary-background-color);
|
218
|
+
color: var(--primary-text-color);
|
219
|
+
border-radius: 5px;
|
220
|
+
border: 0;
|
182
221
|
}
|
183
|
-
|
184
|
-
|
185
|
-
|
222
|
+
.post-footer {
|
223
|
+
margin-top: 50px;
|
224
|
+
display: flex;
|
225
|
+
flex-direction: row-reverse;
|
226
|
+
justify-content: space-between;
|
227
|
+
align-items: center;
|
186
228
|
}
|
187
229
|
.blog-list {
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
192
|
-
|
193
|
-
|
194
|
-
}
|
195
|
-
.blog-heading {
|
196
|
-
font-size: 25px;
|
197
|
-
font-weight: 800;
|
198
|
-
}
|
199
|
-
.date {
|
200
|
-
font-size: 15px;
|
201
|
-
opacity: 0.8;
|
202
|
-
margin-left: 20px;
|
203
|
-
}
|
230
|
+
list-style: none;
|
231
|
+
padding-left: 0;
|
232
|
+
li {
|
233
|
+
margin-bottom: 50px;
|
234
|
+
.excerpt {
|
235
|
+
font-size: 15px;
|
204
236
|
}
|
205
|
-
|
237
|
+
.blog-heading {
|
238
|
+
font-size: 25px;
|
239
|
+
font-weight: 800;
|
240
|
+
}
|
241
|
+
.date {
|
242
|
+
font-size: 15px;
|
243
|
+
opacity: 0.8;
|
244
|
+
margin-left: 20px;
|
245
|
+
}
|
246
|
+
}
|
206
247
|
}
|
207
248
|
.blogPage-categoryList {
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
214
|
-
|
215
|
-
|
216
|
-
|
217
|
-
|
218
|
-
}
|
249
|
+
ul {
|
250
|
+
list-style-type: none;
|
251
|
+
display: flex;
|
252
|
+
flex-wrap: wrap;
|
253
|
+
padding-left: 0;
|
254
|
+
li {
|
255
|
+
margin: 10px 10px;
|
256
|
+
}
|
257
|
+
li:first-child {
|
258
|
+
margin-left: 0;
|
219
259
|
}
|
260
|
+
}
|
261
|
+
}
|
262
|
+
|
263
|
+
|
264
|
+
//custom md tags styles
|
265
|
+
div.highlight {
|
266
|
+
background: var(--primary-highlight-color);
|
267
|
+
padding: 5px;
|
268
|
+
border-radius: 5px;
|
269
|
+
margin: 10px 0px;
|
270
|
+
overflow: auto;
|
220
271
|
}
|
data/assets/js/script.js
CHANGED
@@ -22,6 +22,7 @@ function toggleTheme() {
|
|
22
22
|
function changeTheme(element, theme) {
|
23
23
|
element.style.setProperty("--primary-background-color", theme['background-color']);
|
24
24
|
element.style.setProperty("--primary-text-color", theme['text-color']);
|
25
|
+
element.style.setProperty("--primary-highlight-color", theme['highlight-color']);
|
25
26
|
}
|
26
27
|
|
27
28
|
function capitalizeFirstLetter(string) {
|
data/assets/js/theme.js
CHANGED
@@ -1,10 +1,12 @@
|
|
1
1
|
const themeMap = {
|
2
2
|
'default': {
|
3
3
|
'background-color': 'white',
|
4
|
-
'text-color': '#222'
|
4
|
+
'text-color': '#222',
|
5
|
+
'highlight-color': '#eee'
|
5
6
|
},
|
6
7
|
'dark': {
|
7
8
|
'background-color': '#222',
|
8
|
-
'text-color': 'white'
|
9
|
+
'text-color': 'white',
|
10
|
+
'highlight-color': '#2e2e2e'
|
9
11
|
}
|
10
12
|
}
|
data/blog.md
ADDED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: dev-portfolio-blog
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.8
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Rohit Jain
|
8
|
-
autorequire:
|
8
|
+
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2021-07-09 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -136,6 +136,20 @@ dependencies:
|
|
136
136
|
- - ">="
|
137
137
|
- !ruby/object:Gem::Version
|
138
138
|
version: '0'
|
139
|
+
- !ruby/object:Gem::Dependency
|
140
|
+
name: jemoji
|
141
|
+
requirement: !ruby/object:Gem::Requirement
|
142
|
+
requirements:
|
143
|
+
- - ">="
|
144
|
+
- !ruby/object:Gem::Version
|
145
|
+
version: '0'
|
146
|
+
type: :runtime
|
147
|
+
prerelease: false
|
148
|
+
version_requirements: !ruby/object:Gem::Requirement
|
149
|
+
requirements:
|
150
|
+
- - ">="
|
151
|
+
- !ruby/object:Gem::Version
|
152
|
+
version: '0'
|
139
153
|
- !ruby/object:Gem::Dependency
|
140
154
|
name: bundler
|
141
155
|
requirement: !ruby/object:Gem::Requirement
|
@@ -164,7 +178,7 @@ dependencies:
|
|
164
178
|
- - ">="
|
165
179
|
- !ruby/object:Gem::Version
|
166
180
|
version: '0'
|
167
|
-
description:
|
181
|
+
description:
|
168
182
|
email:
|
169
183
|
- rohitjain18005@gmail.com
|
170
184
|
executables: []
|
@@ -176,6 +190,7 @@ files:
|
|
176
190
|
- _includes/analytics.html
|
177
191
|
- _includes/disqus_comments.html
|
178
192
|
- _includes/navigation.html
|
193
|
+
- _includes/share_buttons.html
|
179
194
|
- _includes/themeSelector.html
|
180
195
|
- _layouts/blog.html
|
181
196
|
- _layouts/categories.html
|
@@ -189,11 +204,12 @@ files:
|
|
189
204
|
- assets/css/styles.scss
|
190
205
|
- assets/js/script.js
|
191
206
|
- assets/js/theme.js
|
207
|
+
- blog.md
|
192
208
|
homepage: https://github.com/rohitjain00/dev-portfolio-blog
|
193
209
|
licenses:
|
194
210
|
- MIT
|
195
211
|
metadata: {}
|
196
|
-
post_install_message:
|
212
|
+
post_install_message:
|
197
213
|
rdoc_options: []
|
198
214
|
require_paths:
|
199
215
|
- lib
|
@@ -208,8 +224,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
208
224
|
- !ruby/object:Gem::Version
|
209
225
|
version: '0'
|
210
226
|
requirements: []
|
211
|
-
rubygems_version: 3.
|
212
|
-
signing_key:
|
227
|
+
rubygems_version: 3.1.2
|
228
|
+
signing_key:
|
213
229
|
specification_version: 4
|
214
230
|
summary: This is a simple efficient blog and portfolio
|
215
231
|
test_files: []
|