dev-portfolio-blog 0.1.8 → 0.1.9

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.
Files changed (3) hide show
  1. checksums.yaml +4 -4
  2. data/_sass/main.scss +90 -39
  3. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 61653c13a03ae8dd7983c033566569937be60aa9c58d48b6056fbfe7b9161659
4
- data.tar.gz: 19181f50392e703eff6f0791b8ecbb64ace9cc83032c47d607ecc4a1097d3fbb
3
+ metadata.gz: 0de55e7c3e8526383f45882825764623a4fc6bad8bf0fc85797bdf9f97478419
4
+ data.tar.gz: b53a9c97c8694a36577efc9e655fb80837698f5db9769d156e4e4c5dc7516446
5
5
  SHA512:
6
- metadata.gz: 97b3166cb17c46ac1e656279f6a348ed63b59096bcfc817db174d07ed8d0b40f640b78cf0ae958f187165eaa2b9ca4aa4fd8c1a8d34174c099c9e5cd354ad679
7
- data.tar.gz: 7230d2e8c1ce6dac62283ef66cb4908db6df50d052a644575d862ab9127f9bf94934bdb7646bf6834986cb03f08d78286c9c25941a18f9b4161173711d710221
6
+ metadata.gz: ad3235d3f5e7ca36a8782f1c3d8758dcf5a0cc6a482d7011d4bd290402ce4e6300dd9fa5daefaa864f9c6f7c28f6e43e4c73c81e92ab77cecc414a50278a671c
7
+ data.tar.gz: 4fe40435955c13ef723194ef1139a9f940ee7bd0cdabe0c6e136113cd4c5bcddd86d689f47b976cc40dbd91cbe1087d5a2e7d028cded8406c78df3fcbc66d6d1
data/_sass/main.scss CHANGED
@@ -1,14 +1,17 @@
1
1
  @mixin mediaQuery($point) {
2
- @if $point == phone-width {
2
+ @if $point==phone-width {
3
3
  @media (max-width: 480px) {
4
4
  @content;
5
5
  }
6
- } @else if $point == tablet-width {
6
+ }
7
+
8
+ @else if $point==tablet-width {
7
9
  @media (max-width: 768px) {
8
10
  @content;
9
11
  }
10
12
  }
11
13
  }
14
+
12
15
  html {
13
16
  --primary-background-color: white;
14
17
  --primary-text-color: #222;
@@ -23,6 +26,7 @@ body {
23
26
  transition: background 0.1s ease-in, color 0.1s ease-in;
24
27
  // font-size: 120%;
25
28
  }
29
+
26
30
  .mid-section-home {
27
31
  text-align: center;
28
32
  display: flex;
@@ -34,17 +38,21 @@ body {
34
38
  height: 100vh;
35
39
  margin: auto;
36
40
  font-size: 1.5rem;
41
+
37
42
  @include mediaQuery(phone-width) {
38
43
  font-size: 1 rem;
44
+
39
45
  span {
40
46
  display: none;
41
47
  }
42
48
  }
49
+
43
50
  h1 {
44
51
  font-size: 3.5rem;
45
52
  font-weight: 600;
46
53
  }
47
54
  }
55
+
48
56
  .sub-heading {
49
57
  width: 80%;
50
58
  margin: 0 auto;
@@ -55,30 +63,37 @@ body {
55
63
  min-width: 270px;
56
64
  }
57
65
  }
66
+
58
67
  .summary-about-me {
59
68
  width: 50%;
60
69
  text-align: right;
61
70
  padding-right: 20px;
62
71
  }
72
+
63
73
  .nav-link {
64
74
  ul {
65
75
  padding-inline-start: 0;
66
76
  }
77
+
67
78
  li {
68
79
  display: block;
69
80
  text-align: left;
81
+
70
82
  a {
71
83
  text-decoration: none;
72
84
  color: var(--primary-text-color);
85
+
73
86
  &:hover {
74
87
  border-bottom: 2px solid var(--primary-text-color);
75
88
  color: var(--primary-text-color);
76
89
  }
77
90
  }
78
91
  }
92
+
79
93
  border-left: 2px solid var(--primary-text-color);
80
94
  width: 50%;
81
95
  padding-left: 20px;
96
+
82
97
  // .toNav {
83
98
  // }
84
99
  @include mediaQuery(phone-width) {
@@ -88,22 +103,27 @@ body {
88
103
  }
89
104
  }
90
105
  }
106
+
91
107
  .mid-section-cover {
92
108
  width: 60%;
93
109
  margin: 0 auto;
94
110
  margin-top: 50px;
111
+
95
112
  @include mediaQuery(tablet-width) {
96
113
  width: 70%;
97
114
  }
115
+
98
116
  @include mediaQuery(phone-width) {
99
117
  width: 95%;
100
118
  }
119
+
101
120
  nav {
102
121
  display: flex;
103
122
  flex-direction: row;
104
123
  justify-content: space-between;
105
124
  flex-wrap: wrap;
106
125
  border-bottom: 2px solid var(--primary-text-color);
126
+
107
127
  h1 {
108
128
  // align-self: flex-start;
109
129
  font-size: 40px;
@@ -111,6 +131,7 @@ body {
111
131
  text-align: left;
112
132
  margin: 10px;
113
133
  }
134
+
114
135
  ul {
115
136
  display: flex;
116
137
  flex-direction: row;
@@ -119,93 +140,114 @@ body {
119
140
  align-items: center;
120
141
  flex-grow: 5;
121
142
  padding-inline-start: 0;
143
+
122
144
  li {
123
145
  padding: 0 20px;
124
146
  list-style-type: none;
147
+
125
148
  a {
126
149
  text-decoration: none;
127
150
  color: var(--primary-text-color);
151
+
128
152
  &:hover {
129
153
  border-bottom: 2px solid var(--primary-text-color);
130
154
  color: var(--primary-text-color);
131
155
  }
132
156
  }
157
+
133
158
  @include mediaQuery(phone-width) {
134
159
  text-align: center;
135
160
  padding: 0 10px;
136
161
  }
137
162
  }
138
163
  }
164
+
139
165
  @include mediaQuery(tablet-width) {
140
166
  flex-direction: column;
141
167
  justify-content: center;
142
168
  align-items: center;
169
+
143
170
  ul {
144
171
  justify-content: center;
145
172
  }
173
+
146
174
  h1 {
147
175
  text-align: center;
148
176
  }
149
177
  }
150
178
  }
179
+
151
180
  .sub-mid-section-cover {
152
181
  width: 100%;
153
182
  margin: 0 auto;
154
183
  overflow: hidden;
184
+
155
185
  img {
156
186
  max-width: 100%;
157
187
  }
188
+
158
189
  a {
159
190
  color: var(--primary-text-color);
160
- nav {
191
+
192
+ nav {
161
193
  display: flex;
162
194
  flex-direction: row;
163
195
  justify-content: space-between;
164
196
  flex-wrap: wrap;
165
- border-bottom: 2px solid var(--primary-text-color);
197
+ border-bottom: 2px solid var(--primary-text-color);
198
+
166
199
  h1 {
167
- // align-self: flex-start;
168
- font-size: 40px;
169
- flex-grow: 2;
170
- text-align: left;
171
- margin: 10px;
200
+ // align-self: flex-start;
201
+ font-size: 40px;
202
+ flex-grow: 2;
203
+ text-align: left;
204
+ margin: 10px;
172
205
  }
206
+
173
207
  ul {
174
- display: flex;
175
- flex-direction: row;
176
- flex-wrap: wrap;
177
- justify-content: flex-end;
178
- align-items: center;
179
- flex-grow: 5;
180
- padding-inline-start: 0;
181
- li {
182
- padding: 0 20px;
183
- list-style-type: none;
184
- a {
185
- text-decoration : none;
186
- color: var(--primary-text-color);
187
- &:hover {
188
- border-bottom: 2px solid var(--primary-text-color);
189
- color: var(--primary-text-color);
190
- }
191
- }
192
- @include mediaQuery(phone-width) {
193
- text-align: center;
194
- padding: 0 10px;
195
- }
208
+ display: flex;
209
+ flex-direction: row;
210
+ flex-wrap: wrap;
211
+ justify-content: flex-end;
212
+ align-items: center;
213
+ flex-grow: 5;
214
+ padding-inline-start: 0;
215
+
216
+ li {
217
+ padding: 0 20px;
218
+ list-style-type: none;
219
+
220
+ a {
221
+ text-decoration: none;
222
+ color: var(--primary-text-color);
223
+
224
+ &:hover {
225
+ border-bottom: 2px solid var(--primary-text-color);
226
+ color: var(--primary-text-color);
227
+ }
228
+ }
229
+
230
+ @include mediaQuery(phone-width) {
231
+ text-align: center;
232
+ padding: 0 10px;
196
233
  }
234
+ }
197
235
  }
236
+
198
237
  @include mediaQuery(tablet-width) {
199
- flex-direction: column;
238
+ flex-direction: column;
239
+ justify-content: center;
240
+ align-items: center;
241
+
242
+ ul {
200
243
  justify-content: center;
201
- align-items: center;
202
- ul {
203
- justify-content: center;
204
- }
205
- h1 {
206
- text-align: center;
207
- }
244
+ }
245
+
246
+ h1 {
247
+ text-align: center;
248
+ }
208
249
  }
250
+ }
209
251
  }
210
252
  }
211
253
  }
@@ -219,6 +261,7 @@ body {
219
261
  border-radius: 5px;
220
262
  border: 0;
221
263
  }
264
+
222
265
  .post-footer {
223
266
  margin-top: 50px;
224
267
  display: flex;
@@ -226,18 +269,23 @@ body {
226
269
  justify-content: space-between;
227
270
  align-items: center;
228
271
  }
272
+
229
273
  .blog-list {
230
274
  list-style: none;
231
275
  padding-left: 0;
276
+
232
277
  li {
233
278
  margin-bottom: 50px;
279
+
234
280
  .excerpt {
235
281
  font-size: 15px;
236
282
  }
283
+
237
284
  .blog-heading {
238
285
  font-size: 25px;
239
286
  font-weight: 800;
240
287
  }
288
+
241
289
  .date {
242
290
  font-size: 15px;
243
291
  opacity: 0.8;
@@ -245,15 +293,18 @@ body {
245
293
  }
246
294
  }
247
295
  }
296
+
248
297
  .blogPage-categoryList {
249
298
  ul {
250
299
  list-style-type: none;
251
300
  display: flex;
252
301
  flex-wrap: wrap;
253
302
  padding-left: 0;
303
+
254
304
  li {
255
305
  margin: 10px 10px;
256
306
  }
307
+
257
308
  li:first-child {
258
309
  margin-left: 0;
259
310
  }
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.8
4
+ version: 0.1.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rohit Jain
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-07-09 00:00:00.000000000 Z
11
+ date: 2021-11-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll