blogging-site-theme 0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. checksums.yaml +7 -0
  2. data/_data/blog/authors.yml +5 -0
  3. data/_data/blog/blog.yml +3 -0
  4. data/_data/blog/footer.json +86 -0
  5. data/_data/blog/nav.json +18 -0
  6. data/_data/blog/share.yml +28 -0
  7. data/_data/dataFiles/en/data.json +34 -0
  8. data/_data/theme/UI.json +3 -0
  9. data/_includes/author_bio.html +12 -0
  10. data/_includes/custom-head.html +55 -0
  11. data/_includes/disqus_comments.html +11 -0
  12. data/_includes/footer/index.html +51 -0
  13. data/_includes/google-analytics.html +8 -0
  14. data/_includes/header/index.html +10 -0
  15. data/_includes/header/nav-menu.html +37 -0
  16. data/_includes/pagination.html +36 -0
  17. data/_includes/paginationPostPage.html +18 -0
  18. data/_includes/postbox.html +31 -0
  19. data/_includes/scripts.html +2 -0
  20. data/_includes/search-lunr.html +11 -0
  21. data/_includes/section/alertbar.html +12 -0
  22. data/_includes/section/count.html +24 -0
  23. data/_includes/section/faq.html +32 -0
  24. data/_includes/section/recent_posts.html +42 -0
  25. data/_includes/section/related_post.html +55 -0
  26. data/_layouts/blog.html +75 -0
  27. data/_layouts/categories.html +25 -0
  28. data/_layouts/post.html +78 -0
  29. data/_sass/_main.scss +25 -0
  30. data/_sass/theme/_blog.scss +242 -0
  31. data/_sass/theme/_faq.scss +69 -0
  32. data/_sass/theme/_footer.scss +65 -0
  33. data/_sass/theme/_header.scss +184 -0
  34. data/_sass/theme/_pagination.scss +23 -0
  35. data/_sass/theme/pagination2.scss +36 -0
  36. data/assets/css/main.scss +7 -0
  37. data/assets/images/bebo-logo.svg +41 -0
  38. data/assets/images/bg.jpg +0 -0
  39. data/assets/images/blogger-logotype.svg +48 -0
  40. data/assets/images/cancel.png +0 -0
  41. data/assets/images/favicon-16x16.png +0 -0
  42. data/assets/images/favicon.ico +0 -0
  43. data/assets/images/manpreet.png +0 -0
  44. data/assets/images/menu.png +0 -0
  45. data/assets/images/ram.png +0 -0
  46. data/assets/js/lazyload.js +258 -0
  47. data/assets/js/lunr.js +2977 -0
  48. data/assets/js/lunrsearchengine.js +89 -0
  49. data/assets/js/thefrontendworld.js +13 -0
  50. data/readme.md +338 -0
  51. metadata +134 -0
@@ -0,0 +1,69 @@
1
+ .faq_heading {
2
+ font-size: clamp(20px, 4vw, 30px);
3
+ line-height: 1.2;
4
+ margin-bottom: 40px;
5
+ text-align: center;
6
+ margin-top: 100px;
7
+ color: #000;
8
+ }
9
+ .faq_ans {
10
+ font-size: 15px;
11
+ width: 100%;
12
+ text-align: center;
13
+ color: #000;
14
+ }
15
+ main {
16
+ max-width: 520px;
17
+ margin: 0px auto;
18
+ margin-bottom: 100px;
19
+
20
+ summary {
21
+ font-size: 18px;
22
+ font-weight: 500;
23
+ background-color: #6C63FF;
24
+ color: #fff;
25
+ padding: 1.5rem 1rem;
26
+ margin-bottom: 1rem;
27
+ outline: none;
28
+ border-radius: 0.25rem;
29
+ text-align: left;
30
+ cursor: pointer;
31
+ position: relative;
32
+ border-radius: 4px !important;
33
+ &:hover {
34
+ text-decoration: underline;
35
+ transition: all 0.5s ease;
36
+ }
37
+ }
38
+ details[open] summary ~ * {
39
+ animation: sweep 0.5s ease-in-out;
40
+ }
41
+ .faq__content {
42
+ font-size: 15px;
43
+ color: $black;
44
+ }
45
+ }
46
+ @keyframes sweep {
47
+ 0% {
48
+ opacity: 0;
49
+ margin-top: -10px;
50
+ }
51
+ 100% {
52
+ opacity: 1;
53
+ margin-top: 0px;
54
+ }
55
+ }
56
+ details > summary::after {
57
+ position: absolute;
58
+ content: '+';
59
+ right: 20px;
60
+ }
61
+ details[open] > summary::after {
62
+ position: absolute;
63
+ content: '-';
64
+ right: 20px;
65
+ }
66
+ details > summary::-webkit-details-marker {
67
+ display: none;
68
+ }
69
+
@@ -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: $white;
27
+ background: #00ab6b;
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: #00ab6b;
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,184 @@
1
+
2
+ /* common css */
3
+ body::-webkit-scrollbar {
4
+ height: 1rem;
5
+ width: 12px;
6
+ }
7
+
8
+ body::-webkit-scrollbar-thumb {
9
+ background: #fff;
10
+ border-radius: 1.25rem;
11
+ border:none;
12
+ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
13
+ }
14
+
15
+ body::-webkit-scrollbar-track {
16
+ box-shadow: inset 0 0 5px grey;
17
+ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
18
+ }
19
+
20
+
21
+ body {
22
+ font-family: Quicksand, sans-serif !important;
23
+ }
24
+
25
+ pre{
26
+ display: block;
27
+ padding: 9.5px;
28
+ margin: 0 0 10px;
29
+ font-size: 13px;
30
+ line-height: 1.42857143;
31
+ color: #333;
32
+ word-break: break-all;
33
+ word-wrap: break-word;
34
+ background-color: #f5f5f5;
35
+ border: 1px solid #ccc;
36
+ border-radius: 4px;
37
+ }
38
+
39
+ .navigationBottomLine {
40
+ position: sticky;
41
+ top: 0;
42
+ z-index: 99;
43
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
44
+ border-bottom: 1px solid $offwhite;
45
+ transition: top 0.2s ease-in-out;
46
+
47
+ .manul-navbar-toggler {
48
+ position: absolute;
49
+ top: 4px;
50
+ right: 0;
51
+ border-color: transparent !important;
52
+ cursor: pointer;
53
+ transition: all 0.2s linear;
54
+ padding: 25px 0;
55
+ z-index: 999;
56
+ .transforming-bars {
57
+ position: relative;
58
+ height: 2px;
59
+ width: 25px;
60
+ background-color: $white;
61
+ &::before {
62
+ content: '';
63
+ position: absolute;
64
+ height: 2px;
65
+ width: 30px;
66
+ background-color: $white;
67
+ bottom: 10px;
68
+ transition: all 0.2s linear;
69
+ }
70
+ &::after {
71
+ content: '';
72
+ position: absolute;
73
+ top: 10px;
74
+ height: 2px;
75
+ width: 30px;
76
+ background-color: $white;
77
+ transition: all 0.2s linear;
78
+ }
79
+ }
80
+ }
81
+ .barsActive {
82
+ height: 0 !important;
83
+ &::before {
84
+ transform: rotate(45deg);
85
+ bottom: 0 !important;
86
+ }
87
+
88
+ &::after {
89
+ transform: rotate(-45deg);
90
+ top: 0 !important;
91
+ }
92
+ }
93
+ .navbar__nav {
94
+ width: 100%;
95
+ justify-content: flex-end;
96
+ .nav-item {
97
+ padding: 0 1rem;
98
+ }
99
+ .nav-link {
100
+ font-size: 0.9rem;
101
+ padding: 0.6rem 1rem;
102
+ color:$white;
103
+ &:hover{
104
+ color:$white;
105
+ }
106
+ }
107
+ }
108
+ .activeNav {
109
+ background-color: #0F0E15;
110
+ display: block !important;
111
+ position: fixed;
112
+ top: 0;
113
+ left: 0;
114
+ height: 100vh;
115
+ transition: all 0.3s linear;
116
+ width: 0;
117
+ z-index: 9;
118
+ }
119
+ @media (max-width: 992px) {
120
+ .nav-item {
121
+ padding: 30px !important;
122
+ }
123
+ .nav-link {
124
+ padding: 0 !important;
125
+ color: $white !important;
126
+ }
127
+ }
128
+ @media (min-width: 992px) {
129
+ .navbar-collapse {
130
+ width: 100% !important;
131
+ }
132
+ }
133
+ }
134
+
135
+ .lunrsearchresult {
136
+ .title {
137
+ color: #d9230f;
138
+ }
139
+ .url {
140
+ color: silver;
141
+ }
142
+ a {
143
+ display: block;
144
+ color: #777;
145
+ &:hover,
146
+ &:focus {
147
+ text-decoration: none;
148
+ }
149
+ }
150
+
151
+ &:hover .title {
152
+ text-decoration: underline;
153
+ }
154
+ }
155
+
156
+ .close {
157
+ float: right;
158
+ font-size: 1.5rem;
159
+ font-weight: 700;
160
+ line-height: 1;
161
+ color: #000;
162
+ text-shadow: 0 1px 0 #fff;
163
+ opacity: 0.5;
164
+ border: none;
165
+ background: transparent;
166
+ &:focus {
167
+ outline: none !important;
168
+ }
169
+ }
170
+
171
+ .samePad{
172
+ padding:0 3rem;
173
+ }
174
+
175
+
176
+
177
+ @media (max-width: 768px) {
178
+ .bd-search {
179
+ padding: 0;
180
+ }
181
+ .samePad{
182
+ padding: 0 !important;
183
+ }
184
+ }
@@ -0,0 +1,23 @@
1
+ .paginationP a,
2
+ .paginationP span {
3
+ padding: 7px 18px;
4
+ border: 1px solid #eee;
5
+ margin-left: -2px;
6
+ margin-right: -2px;
7
+ background-color: #ffffff;
8
+ display: inline-block;
9
+ text-decoration: none;
10
+ }
11
+
12
+ .paginationP a {
13
+ &:hover {
14
+ background-color: #f1f1f1;
15
+ color: #333;
16
+ }
17
+ }
18
+
19
+ .paginationP {
20
+ text-align: center;
21
+ margin-bottom: 20px;
22
+ margin-top: 60px !important;
23
+ }
@@ -0,0 +1,36 @@
1
+ .bottompagination {
2
+ .pointerup {
3
+ margin-bottom: -9px;
4
+ margin-left: 49%;
5
+ font-size: 30px;
6
+ }
7
+ .pointerup i {
8
+ color: #eaeaea;
9
+ }
10
+ .navigation {
11
+ display: block;
12
+ font-size: 0.93rem;
13
+ padding: 15px 0 0 0;
14
+ text-align: center;
15
+ margin-bottom: 0;
16
+ color: #999;
17
+ border-top: 1px solid #ddd;
18
+ }
19
+ .pagination2 {
20
+ display: flex;
21
+ padding-left: 0;
22
+ list-style: none;
23
+ border-radius: 0.25rem;
24
+ display: block;
25
+ color: green;
26
+ font-size: 15px;
27
+ margin-bottom: 30px;
28
+ .pageUrl {
29
+ // color: green !important;
30
+ font-size: 15px;
31
+ font-weight: 700;
32
+ text-decoration: none;
33
+ margin: 0 3px;
34
+ }
35
+ }
36
+ }
@@ -0,0 +1,7 @@
1
+ ---
2
+ # Add a comment to make this file sass-y.
3
+ # Change this file for any custom CSS.
4
+ ---
5
+
6
+ // Import partials from `sass_dir` (defaults to `_sass`)
7
+ @import 'main';
@@ -0,0 +1,41 @@
1
+ <?xml version="1.0" encoding="iso-8859-1"?>
2
+ <!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 22.624 22.624" style="enable-background:new 0 0 22.624 22.624;" xml:space="preserve">
5
+ <g>
6
+ <path style="fill:#030104;" d="M11.312,6.551c-1.646,0-3.18,0.498-4.45,1.347c0,0,0-5.685,0-5.919C6.862,0.886,6.1,0,5.008,0
7
+ C3.915,0,3.277,0.886,3.277,1.979v12.608c0,4.438,3.597,8.037,8.035,8.037c4.435,0,8.036-3.599,8.036-8.037
8
+ C19.347,10.15,15.747,6.551,11.312,6.551z M11.312,19.038c-2.458,0-4.45-1.993-4.45-4.451s1.992-4.45,4.45-4.45
9
+ c2.459,0,4.451,1.992,4.451,4.45S13.771,19.038,11.312,19.038z"/>
10
+ </g>
11
+ <g>
12
+ </g>
13
+ <g>
14
+ </g>
15
+ <g>
16
+ </g>
17
+ <g>
18
+ </g>
19
+ <g>
20
+ </g>
21
+ <g>
22
+ </g>
23
+ <g>
24
+ </g>
25
+ <g>
26
+ </g>
27
+ <g>
28
+ </g>
29
+ <g>
30
+ </g>
31
+ <g>
32
+ </g>
33
+ <g>
34
+ </g>
35
+ <g>
36
+ </g>
37
+ <g>
38
+ </g>
39
+ <g>
40
+ </g>
41
+ </svg>
Binary file
@@ -0,0 +1,48 @@
1
+ <?xml version="1.0" encoding="iso-8859-1"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ width="95.938px" height="95.938px" viewBox="0 0 95.938 95.938" style="enable-background:new 0 0 95.938 95.938;"
6
+ xml:space="preserve">
7
+ <g>
8
+ <path d="M95.329,59.861c-0.031-7.134-0.053-12.289-3.562-16.824c-3.975-5.134-10.106-6.004-15.076-6.152
9
+ c0.837-3.587,1.079-7.564,0.692-11.863C77.277,10.705,66.624,0.414,51.839,0.006L51.626,0L29.012,0.018l-0.243-0.001
10
+ c-8.795,0-15.747,2.626-20.664,7.804c-3.043,3.203-7.085,8.798-7.513,17.845l-0.018,36.48c-0.044,0.689,0.025,1.385,0.016,2.1
11
+ c0,10.379,1.661,17.85,6.848,23.371c5.183,5.521,12.847,8.32,22.776,8.32c0.215,0,0.432-0.001,0.649-0.004H65.41h0.082
12
+ c8.858-0.074,16.343-2.998,21.646-8.455c5.293-5.447,8.143-13.208,8.24-22.441C95.377,65.037,95.335,61.32,95.329,59.861z
13
+ M30.846,19.457l19.322-0.023c4.554,0.072,8.188,4.151,8.114,8.705c-0.072,4.509-3.749,7.799-8.242,7.799
14
+ c-0.044,0-19.455,0.008-19.455,0.008c-4.554-0.073-8.186-3.823-8.113-8.375C22.544,23.017,26.286,19.413,30.846,19.457z
15
+ M67.164,73.732H28.521c-4.553,0-8.246-3.691-8.246-8.246c0-4.554,3.693-8.246,8.246-8.246h38.644c4.555,0,8.246,3.692,8.246,8.246
16
+ C75.411,70.041,71.719,73.732,67.164,73.732z"/>
17
+ </g>
18
+ <g>
19
+ </g>
20
+ <g>
21
+ </g>
22
+ <g>
23
+ </g>
24
+ <g>
25
+ </g>
26
+ <g>
27
+ </g>
28
+ <g>
29
+ </g>
30
+ <g>
31
+ </g>
32
+ <g>
33
+ </g>
34
+ <g>
35
+ </g>
36
+ <g>
37
+ </g>
38
+ <g>
39
+ </g>
40
+ <g>
41
+ </g>
42
+ <g>
43
+ </g>
44
+ <g>
45
+ </g>
46
+ <g>
47
+ </g>
48
+ </svg>