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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 46e9ba4bd273240d9841af909b08ac74e1df3ea67aefafd448346f9d3d991c6d
4
- data.tar.gz: 28ec7ef34627bff4b694ce7ee4ff4156fa846ce10be273dd544d3796f0fdb89c
3
+ metadata.gz: 61653c13a03ae8dd7983c033566569937be60aa9c58d48b6056fbfe7b9161659
4
+ data.tar.gz: 19181f50392e703eff6f0791b8ecbb64ace9cc83032c47d607ecc4a1097d3fbb
5
5
  SHA512:
6
- metadata.gz: 94bb983796d954ef0afa978d2c7355a82e6f1f568f3c62d5cfc07cf29133f838ff5ebd585aae0c544d2ab19a20509aa2dc00f9d199c7c546189f0f14139272a0
7
- data.tar.gz: 595b955d07b1d96e5d8c1562b7930842d84e16cd3b6ac8c6430ba3b92151933455e4307f6eacfc6542c2951f664954863c3b2e183c4be309240505e505e0cd58
6
+ metadata.gz: 97b3166cb17c46ac1e656279f6a348ed63b59096bcfc817db174d07ed8d0b40f640b78cf0ae958f187165eaa2b9ca4aa4fd8c1a8d34174c099c9e5cd354ad679
7
+ data.tar.gz: 7230d2e8c1ce6dac62283ef66cb4908db6df50d052a644575d862ab9127f9bf94934bdb7646bf6834986cb03f08d78286c9c25941a18f9b4161173711d710221
data/README.md CHANGED
@@ -1,10 +1,12 @@
1
- [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
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. Highly optimized blog
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 need to follow these steps.
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
- 1. Create `blog.md` in the root folder ans set its yaml parameters to
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
- 2. Change your `about.md` yaml parameters to following
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
- home_text : [Your Text]
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 `_congif.yml` file add following and change accordingly
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/dev-portfolio-blog/blob/master/_config.yml) for example config file.
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 %}&nbsp;{% 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
- @if $point == phone-width {
3
- @media (max-width: 480px) { @content; }
2
+ @if $point == phone-width {
3
+ @media (max-width: 480px) {
4
+ @content;
4
5
  }
5
- @else if $point == tablet-width {
6
- @media (max-width: 768px) { @content; }
6
+ } @else if $point == tablet-width {
7
+ @media (max-width: 768px) {
8
+ @content;
7
9
  }
8
10
  }
11
+ }
9
12
  html {
10
- --primary-background-color: white;
11
- --primary-text-color: #222;
12
- padding: 0;
13
- margin: 0;
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
- background-color: var(--primary-background-color);
18
- color: var(--primary-text-color);
19
- transition: background 0.1s ease-in, color 0.1s ease-in;
20
- // font-size: 120%;
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
- text-align: center;
24
- display: inline-block;
25
- position: fixed;
26
- top: 0;
27
- bottom: 0;
28
- left: 0;
29
- right: 0;
30
- width: 400px;
31
- height: 350px;
32
- margin: auto;
33
- font-size: 1.5rem;
34
- @include mediaQuery(phone-width) {
35
- font-size: 1 rem;
36
- height: 350px;
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
- h1 {
43
- font-size: 3.5rem;
44
- font-weight: 600;
45
- }
46
-
42
+ }
43
+ h1 {
44
+ font-size: 3.5rem;
45
+ font-weight: 600;
46
+ }
47
47
  }
48
48
  .sub-heading {
49
- width: 80%;
50
- margin: 0 auto;
51
- display: flex;
49
+ width: 80%;
50
+ margin: 0 auto;
51
+ display: flex;
52
52
 
53
- @include mediaQuery(phone-width) {
54
- width: 60%;
55
- min-width: 270px;
56
- }
53
+ @include mediaQuery(phone-width) {
54
+ width: 60%;
55
+ min-width: 270px;
56
+ }
57
57
  }
58
58
  .summary-about-me {
59
- width: 50%;
60
- text-align: right;
61
- padding-right: 20px;
59
+ width: 50%;
60
+ text-align: right;
61
+ padding-right: 20px;
62
62
  }
63
63
  .nav-link {
64
- ul {
65
- padding-inline-start: 0;
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
- display: block;
69
- text-align: left;
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
- text-decoration : none;
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
- &:hover {
74
- border-bottom: 2px solid var(--primary-text-color);
75
- color: var(--primary-text-color);
76
-
77
- }
131
+ }
78
132
  }
79
- }
80
- border-left: 2px solid var(--primary-text-color);
81
- width: 50%;
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
- width: 70%;
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
- @include mediaQuery(phone-width) {
100
- width: 95%;
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
- .sub-mid-section-cover {
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
- position: fixed;
176
- top: 5px;
177
- right: 5px;
178
- background: var(--primary-background-color);
179
- color: var(--primary-text-color);
180
- border-radius: 5px;
181
- border: 0;
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
- .post-categories {
185
- text-align: right;
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
- list-style: none;
189
- padding-left: 0;
190
- li {
191
- margin-bottom: 50px;
192
- .excerpt {
193
- font-size: 15px;
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
- ul {
209
- list-style-type: none;
210
- display: flex;
211
- flex-wrap: wrap;
212
- padding-left: 0;
213
- li {
214
- margin: 10px 10px;
215
- }
216
- li:first-child {
217
- margin-left: 0;
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
@@ -0,0 +1,8 @@
1
+ ---
2
+ layout: blog
3
+ permalink: /blog/
4
+ title: Rohit Jain | Blog
5
+ pagination:
6
+ enabled: true
7
+ ---
8
+
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.7
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: 2020-08-13 00:00:00.000000000 Z
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.0.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: []