best-blogging-theme 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. checksums.yaml +7 -0
  2. data/_data/blog/authors.yml +11 -0
  3. data/_data/blog/blog.yml +3 -0
  4. data/_data/blog/nav.json +14 -0
  5. data/_data/blog/share.yml +28 -0
  6. data/_includes/author_bio.html +12 -0
  7. data/_includes/custom-head.html +37 -0
  8. data/_includes/disqus_comments.html +11 -0
  9. data/_includes/footer/index.html +73 -0
  10. data/_includes/header/index.html +9 -0
  11. data/_includes/header/nav-menu.html +38 -0
  12. data/_includes/pagination.html +30 -0
  13. data/_includes/paginationPostPage.html +17 -0
  14. data/_includes/postbox.html +38 -0
  15. data/_includes/scripts.html +2 -0
  16. data/_includes/search-lunr.html +11 -0
  17. data/_includes/section/alertbar.html +12 -0
  18. data/_includes/section/count.html +22 -0
  19. data/_layouts/blog.html +75 -0
  20. data/_layouts/categories.html +25 -0
  21. data/_layouts/post.html +63 -0
  22. data/_sass/_main.scss +24 -0
  23. data/_sass/theme/_blog.scss +197 -0
  24. data/_sass/theme/_footer.scss +65 -0
  25. data/_sass/theme/_header.scss +136 -0
  26. data/_sass/theme/_pagination.scss +23 -0
  27. data/_sass/theme/pagination2.scss +36 -0
  28. data/assets/css/main.scss +7 -0
  29. data/assets/images/bebo-logo.svg +41 -0
  30. data/assets/images/blogger-logotype.svg +48 -0
  31. data/assets/images/cancel.png +0 -0
  32. data/assets/images/favicon-16x16.png +0 -0
  33. data/assets/images/favicon.ico +0 -0
  34. data/assets/images/manpreet.png +0 -0
  35. data/assets/images/menu.png +0 -0
  36. data/assets/images/ram.png +0 -0
  37. data/assets/js/lazyload.js +258 -0
  38. data/assets/js/lunr.js +2977 -0
  39. data/assets/js/lunrsearchengine.js +89 -0
  40. data/assets/js/thefrontendworld.js +13 -0
  41. data/readme.md +1 -0
  42. metadata +125 -0
@@ -0,0 +1,25 @@
1
+ ---
2
+ layout: blog
3
+ ---
4
+
5
+ <div class="container">
6
+ <div class="row listrecent">
7
+ {% for category in site.categories %}
8
+ <div class="section-title col-md-12 mt-4">
9
+ <h2 id="{{ category[0] | replace: ' ', '-' }}">Category <span class="text-capitalize">{{ category[0]
10
+ }}</span>
11
+ </h2>
12
+ </div>
13
+ {% assign pages_list = category[1] %}
14
+ {% for post in pages_list %}
15
+ {% if post.title != null %}
16
+ {% if group == null or group == post.group %}
17
+ {% include postbox.html %}
18
+ {% endif %}
19
+ {% endif %}
20
+ {% endfor %}
21
+ {% assign pages_list = nil %}
22
+ {% assign group = nil %}
23
+ {% endfor %}
24
+ </div>
25
+ </div>
@@ -0,0 +1,63 @@
1
+ <html>
2
+
3
+ {% include custom-head.html %}
4
+ <body>
5
+ {%- include header/index.html -%}
6
+ <section class="section_post">
7
+ <div class="container px-5">
8
+ <div class="row section-title-wrap">
9
+ <div class="col-md-12 mt-5">
10
+ <h1 style="font-weight: 900;">{{ page.title }}</h1>
11
+ </div>
12
+ </div>
13
+ <div class="row mt-5">
14
+ <div class="col-md-2">
15
+ <div class="socialIons">
16
+ <ul class="list-unstyled item-lists2">
17
+ <li><a style="pointer-events: none;">{{ site.data.blog.share.label }}</a></li>
18
+ {% capture title %}{{ page.title }}{% endcapture %}
19
+ {% assign url = page.url | relative_url | prepend: site.url %}
20
+ {% for share in site.data.blog.share.platforms %}
21
+ {% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
22
+ <li> <a href=" {{ link }}" data-toggle="tooltip"
23
+ onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
24
+ data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
25
+ <i class="fa-fw {{ share.icon }}"></i>
26
+ </a>
27
+ </li>
28
+ {% endfor %}
29
+ </span>
30
+ </ul>
31
+ <div class="sep"></div>
32
+ <div class="comments-count">
33
+ <a href="{{ content.absolute_url }}#disqus_thread" class="comment_count"></a>
34
+ </div>
35
+ </ul>
36
+ </div>
37
+ </div>
38
+
39
+ <div class="col-md-8">
40
+ {% assign author = site.data.blog.authors[page.author] %}
41
+
42
+ {% if author %}
43
+ {% include author_bio.html %}
44
+ {% endif %}
45
+
46
+ <div class="post-content">
47
+ {{ content }}
48
+ </div>
49
+ {%- include paginationPostPage.html -%}
50
+ <div class="commentsection">
51
+ {%- if site.disqus.shortname -%}
52
+ {%- include disqus_comments.html -%}
53
+ {%- endif -%}
54
+ </div>
55
+ </div>
56
+ </div>
57
+ </section>
58
+ {%- include section/count.html -%}
59
+ {% include scripts.html %}
60
+ <script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>
61
+ </body>
62
+
63
+ </html>
data/_sass/_main.scss ADDED
@@ -0,0 +1,24 @@
1
+ // @import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
2
+ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
3
+ @import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
4
+
5
+ // ------------------------------------------------------------------
6
+ // [Color codes]
7
+
8
+ $primary-color: #5fb9fd;
9
+ $primary-color2: #5960ff;
10
+ $title-color: #222222;
11
+ $text-color: #777777;
12
+ $aquablue-color: #edf6ff;
13
+
14
+ $white: #fff;
15
+ $offwhite: #e9e9e9;
16
+ $black: #222;
17
+
18
+ // -----------------------------------------------------------------------*/
19
+
20
+ @import 'theme/header';
21
+ @import 'theme/blog';
22
+ @import 'theme/pagination';
23
+ @import 'theme/pagination2';
24
+ @import 'theme/footer';
@@ -0,0 +1,197 @@
1
+ .card:hover{
2
+ transform: translateY(-20px);
3
+ transition: all 0.15s ease;
4
+ }
5
+ .card-body {
6
+ .anchor_link {
7
+ font-weight: 300;
8
+ letter-spacing: 0.56px;
9
+ line-height: 20px;
10
+ text-decoration: none;
11
+ color: #000;
12
+ }
13
+ .card-title {
14
+ font-size: 14px;
15
+ }
16
+ .card-img-top {
17
+ width: 100%;
18
+ height: 100%;
19
+ -o-object-fit: cover;
20
+ object-fit: cover;
21
+ border-radius: 16px !important;
22
+ }
23
+ }
24
+
25
+ .blog-post {
26
+ font-size: 20px;
27
+ color: rgb(37, 34, 34);
28
+ img {
29
+ width: 100%;
30
+ }
31
+ }
32
+ .socialIons {
33
+ position: sticky;
34
+ top: 100px;
35
+
36
+ ul {
37
+ display: flex;
38
+ flex-direction: column;
39
+ width: 100%;
40
+ }
41
+ li {
42
+ list-style: none;
43
+ padding: 3px 0;
44
+ margin: 0 auto;
45
+ }
46
+ a {
47
+ color: rgba(0, 0, 0, 0.44) !important;
48
+ fill: rgba(0, 0, 0, 0.44) !important;
49
+ font-size: 18px;
50
+ cursor: pointer;
51
+ }
52
+ }
53
+
54
+ .sep {
55
+ height: 1px;
56
+ width: 20px;
57
+ background: #999;
58
+ margin: 3px auto;
59
+ }
60
+
61
+ @media (max-width: 768px) {
62
+ .socialIons ul {
63
+ flex-direction: row;
64
+ align-items: center;
65
+
66
+ li {
67
+ margin: 0;
68
+ padding-right: 50px;
69
+ }
70
+ }
71
+
72
+ .sep {
73
+ margin: 0;
74
+ }
75
+ }
76
+
77
+ /* author bio styling.. */
78
+ .wrapfooter {
79
+ width: 100%;
80
+ display: flex;
81
+ align-items: center;
82
+
83
+ .author-thumb {
84
+ width: 40px;
85
+ height: 40px;
86
+ border-radius: 50%;
87
+ object-fit: cover;
88
+ }
89
+
90
+ .author-meta {
91
+ padding-left: 43px;
92
+ }
93
+ .postName {
94
+ font-size: 18px;
95
+ color: rgba(0, 0, 0, 0.8) !important;
96
+ text-decoration: none !important;
97
+ font-family: 'Merriweather', serif;
98
+ }
99
+ .btn_follow {
100
+ margin-left: 5px;
101
+ margin-bottom: 10px;
102
+ border-color: #02b875;
103
+ color: #1c9963 !important;
104
+ padding: 3px 10px;
105
+ text-align: center;
106
+ border-radius: 999em;
107
+ font-size: 1rem;
108
+ display: inline-block;
109
+ border: 1px solid;
110
+ }
111
+ .author_bio {
112
+ font-family: 'Merriweather', serif;
113
+ color: rgba(0, 0, 0, 0.44);
114
+ font-size: 16px;
115
+ line-height: 20px;
116
+ }
117
+ .post-read-more a {
118
+ text-decoration: none !important;
119
+ font-size: 0.8rem;
120
+ color: gray;
121
+
122
+ &:hover {
123
+ color: blue !important;
124
+ text-decoration: underline !important;
125
+ }
126
+ }
127
+ } /* close */
128
+
129
+ .card-footer {
130
+ border: none !important;
131
+
132
+ .wrapfooter2 {
133
+ display: flex;
134
+ align-items: center;
135
+ }
136
+ img {
137
+ width: 30px;
138
+ height: 30px;
139
+ border-radius: 50%;
140
+ }
141
+ .author-meta {
142
+ flex: 1 1 auto;
143
+ padding: 0 15px;
144
+ }
145
+ .post-date {
146
+ display: block;
147
+ position: relative;
148
+ font-size: 12px;
149
+ }
150
+ .author-meta a {
151
+ font-size: 12px;
152
+ color: #000;
153
+ text-transform: capitalize;
154
+ text-decoration: none;
155
+ }
156
+ .span.post-read-more {
157
+ align-items: center;
158
+ display: inline-block;
159
+ margin-top: 8px;
160
+ }
161
+ }
162
+
163
+ .explore {
164
+ margin: 150px 0;
165
+ height: 300px;
166
+ background: linear-gradient(to right, #36d1dc, #5b86e5);
167
+ width: 100%;
168
+ text-align: center;
169
+ display: grid;
170
+ place-items: center;
171
+ /* min-height: 100vh; */
172
+ color: #fff;
173
+ .cat {
174
+ display: inline-block;
175
+ padding: 7px 10px;
176
+ text-decoration: none !important;
177
+ color: #000 !important;
178
+ font-weight: 600;
179
+ font-size: 12px;
180
+ background: #fff;
181
+ border-radius: 15px;
182
+ margin: 0 15px;
183
+ }
184
+ }
185
+
186
+ // catgories styling
187
+ .section-title h2 {
188
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
189
+ font-size: 1.5rem;
190
+ margin-bottom: 27px;
191
+ span {
192
+ border-bottom: 1px solid rgba(0, 0, 0, 0.44);
193
+ display: inline-block;
194
+ padding-bottom: 20px;
195
+ margin-bottom: -1px;
196
+ }
197
+ }
@@ -0,0 +1,65 @@
1
+ .main_row {
2
+ background-color: $white;
3
+ color: var(--txtColor1);
4
+ font-size: 12px;
5
+
6
+ .footer_subheading {
7
+ color: $black;
8
+ font-weight: 900;
9
+ }
10
+ .input_div {
11
+ background: #fff;
12
+ border: 1px solid rgba(0, 0, 0, 0.26);
13
+ padding: 4px 4px;
14
+ border-radius: 4px;
15
+ }
16
+ .input_div > .input__design {
17
+ border: none;
18
+ font-size: 0.7rem;
19
+ padding-left: 5px;
20
+ outline: none;
21
+ }
22
+ .my_btn {
23
+ border-radius: 5px;
24
+ padding: 4px 20px !important;
25
+ border: none;
26
+ color: $black;
27
+ background: linear-gradient(to right, #74ebd5, #acb6e5);
28
+ }
29
+ }
30
+ .footer__link {
31
+ color: gray;
32
+ text-decoration: none;
33
+ font-size: 0.8rem;
34
+ &:hover {
35
+ text-decoration: underline !important;
36
+ transition: all 0.5s linear;
37
+ }
38
+ }
39
+ /* for footer-social-icons */
40
+ .s_link {
41
+ margin: 0 20px;
42
+ font-size: 1rem;
43
+ color: deepskyblue;
44
+ z-index: 99999;
45
+ border-radius: 100%;
46
+ }
47
+
48
+ @media (max-width: 768px) {
49
+ .footer__flexbox {
50
+ flex-direction: column;
51
+ text-align: center;
52
+ }
53
+ .input_div {
54
+ text-align: left;
55
+ }
56
+ .my_btn {
57
+ width: 100%;
58
+ }
59
+ .usefull_links {
60
+ flex-direction: column;
61
+ }
62
+ .decimal_links {
63
+ padding: 0 !important;
64
+ }
65
+ }
@@ -0,0 +1,136 @@
1
+ body {
2
+ font-family: Quicksand, sans-serif !important;
3
+ }
4
+
5
+ .navigationBottomLine {
6
+ position: sticky;
7
+ top: 0;
8
+ z-index: 99;
9
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
10
+ background: $white;
11
+ border-bottom: 1px solid $offwhite;
12
+ transition: top 0.2s ease-in-out;
13
+
14
+ .manul-navbar-toggler {
15
+ position: absolute;
16
+ top: 4px;
17
+ right: 0;
18
+ border-color: transparent !important;
19
+ cursor: pointer;
20
+ transition: all 0.2s linear;
21
+ padding: 25px 0;
22
+ .transforming-bars {
23
+ position: relative;
24
+ height: 2px;
25
+ width: 25px;
26
+ background-color: $black;
27
+ &::before {
28
+ content: '';
29
+ position: absolute;
30
+ height: 2px;
31
+ width: 30px;
32
+ background-color: $black;
33
+ bottom: 10px;
34
+ transition: all 0.2s linear;
35
+ }
36
+ &::after {
37
+ content: '';
38
+ position: absolute;
39
+ top: 10px;
40
+ height: 2px;
41
+ width: 30px;
42
+ background-color: $black;
43
+ transition: all 0.2s linear;
44
+ }
45
+ }
46
+ }
47
+ .barsActive {
48
+ height: 0 !important;
49
+ &::before {
50
+ transform: rotate(45deg);
51
+ bottom: 0 !important;
52
+ }
53
+
54
+ &::after {
55
+ transform: rotate(-45deg);
56
+ top: 0 !important;
57
+ }
58
+ }
59
+ .navbar__nav {
60
+ width: 100%;
61
+ justify-content: flex-end;
62
+ .nav-item {
63
+ padding: 0 1rem;
64
+ }
65
+ .nav-link {
66
+ font-size: 0.9rem;
67
+ }
68
+ }
69
+ .activeNav {
70
+ background-color: $black;
71
+ display: block !important;
72
+ position: fixed;
73
+ top: 0;
74
+ left: 0;
75
+ height: 100vh;
76
+ transition: all 0.3s linear;
77
+ width: 0;
78
+ z-index: 9;
79
+ }
80
+ @media (max-width: 992px) {
81
+ .nav-item {
82
+ padding: 30px !important;
83
+ }
84
+ .nav-link {
85
+ padding: 0 !important;
86
+ color: $white !important;
87
+ }
88
+ }
89
+ @media (min-width: 992px) {
90
+ .navbar-collapse {
91
+ width: 100% !important;
92
+ }
93
+ }
94
+ }
95
+
96
+ .lunrsearchresult {
97
+ .title {
98
+ color: #d9230f;
99
+ }
100
+ .url {
101
+ color: silver;
102
+ }
103
+ a {
104
+ display: block;
105
+ color: #777;
106
+ &:hover,
107
+ &:focus {
108
+ text-decoration: none;
109
+ }
110
+ }
111
+
112
+ &:hover .title {
113
+ text-decoration: underline;
114
+ }
115
+ }
116
+
117
+ .close {
118
+ float: right;
119
+ font-size: 1.5rem;
120
+ font-weight: 700;
121
+ line-height: 1;
122
+ color: #000;
123
+ text-shadow: 0 1px 0 #fff;
124
+ opacity: 0.5;
125
+ border: none;
126
+ background: transparent;
127
+ &:focus {
128
+ outline: none !important;
129
+ }
130
+ }
131
+
132
+ @media (max-width: 768px) {
133
+ .bd-search {
134
+ padding: 10px 25px;
135
+ }
136
+ }