blogging-site-theme 0.1 → 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/blog/alertbar.yml +3 -0
- data/_data/blog/footer.json +58 -54
- data/_data/theme/UI.json +3 -1
- data/_includes/custom-head.html +95 -53
- data/_includes/footer/index.html +65 -23
- data/_includes/header/index.html +1 -1
- data/_includes/pages/about.html +66 -0
- data/_includes/pages/contact.html +44 -0
- data/_includes/pages/dd.html +33 -0
- data/_includes/pages/pp.html +34 -0
- data/_includes/pages/tnc.html +71 -0
- data/_includes/postbox.html +4 -4
- data/_includes/scripts.html +2 -1
- data/_includes/section/alertbar.html +3 -1
- data/_includes/section/recent_posts.html +36 -35
- data/_includes/section/related_post.html +5 -6
- data/_layouts/blog.html +5 -4
- data/_layouts/post.html +1 -0
- data/_layouts/staticPages.html +22 -0
- data/_sass/theme/_blog.scss +63 -0
- data/assets/js/TopScroll.js +9 -0
- data/readme.md +116 -104
- metadata +10 -2
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
{%- assign theme = site.data.theme.UI -%}
|
|
2
|
+
<!-- Start page-top section -->
|
|
3
|
+
<section class="page-top-section" style="background: {{theme.staticPagesColor}}">
|
|
4
|
+
<div class="container">
|
|
5
|
+
<div class="row justify-content-between align-items-center">
|
|
6
|
+
<div class="col-lg-6 col-md-6">
|
|
7
|
+
<h1 class="text-white">Contact</h1>
|
|
8
|
+
</div>
|
|
9
|
+
<div class="col-lg-6 col-md-6 page-top-nav" style="text-align: right;">
|
|
10
|
+
<div>
|
|
11
|
+
<a href="/" class="text-white">Home</a>
|
|
12
|
+
<i class="fa fa-arrow-right text-white"></i>
|
|
13
|
+
<a href="/contact" class="text-white">Contact</a>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</section>
|
|
19
|
+
<!-- End page-top section -->
|
|
20
|
+
|
|
21
|
+
<!-- Start main body content -->
|
|
22
|
+
<section class="features-content section-gap">
|
|
23
|
+
<div class="container">
|
|
24
|
+
<span>
|
|
25
|
+
<strong>Email: </strong>
|
|
26
|
+
</span>
|
|
27
|
+
<a href='mailto: {{site.email}}'>{{site.email}}</a>
|
|
28
|
+
<br />
|
|
29
|
+
<span>
|
|
30
|
+
<strong>Instagram: </strong>
|
|
31
|
+
</span>
|
|
32
|
+
<a
|
|
33
|
+
href='{{site.instagram_username}}'
|
|
34
|
+
target='_blank'
|
|
35
|
+
>
|
|
36
|
+
{{site.instagram_username}}
|
|
37
|
+
</a>
|
|
38
|
+
<br/>
|
|
39
|
+
<span>
|
|
40
|
+
<strong>PhoneNumber: </strong>
|
|
41
|
+
{{site.phone}}
|
|
42
|
+
</span>
|
|
43
|
+
</div>
|
|
44
|
+
</section>
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{%- assign theme = site.data.theme.UI -%}
|
|
2
|
+
<!-- Start page-top section -->
|
|
3
|
+
<section class="page-top-section" style="background: {{theme.staticPagesColor}}">
|
|
4
|
+
<div class="container">
|
|
5
|
+
<div class="row justify-content-between align-items-center">
|
|
6
|
+
<div class="col-lg-6 col-md-6">
|
|
7
|
+
<h1 class="text-white">Disclaimer</h1>
|
|
8
|
+
</div>
|
|
9
|
+
<div class="col-lg-6 col-md-6 page-top-nav" style="text-align: right;">
|
|
10
|
+
<div>
|
|
11
|
+
<a href="/" class="text-white">Home</a>
|
|
12
|
+
<i class="fa fa-arrow-right text-white"></i>
|
|
13
|
+
<a href="/disclaimer" class="text-white">Disclaimer</a>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</section>
|
|
19
|
+
<!-- End page-top section -->
|
|
20
|
+
|
|
21
|
+
<!-- Start main body content -->
|
|
22
|
+
<section class="features-content section-gap">
|
|
23
|
+
<div class="container">
|
|
24
|
+
<p>
|
|
25
|
+
<b>Updated at - </b>{{site.name}} hereby grants you to {{site.url}} and invites you to freely used the million color's services .
|
|
26
|
+
|
|
27
|
+
</p>
|
|
28
|
+
<p>
|
|
29
|
+
<p>While the information on this website has been verified to the best of our abilities, <br> we cannot
|
|
30
|
+
guarantee that there are no mistakes or errors.</p>
|
|
31
|
+
</p>
|
|
32
|
+
</div>
|
|
33
|
+
</section>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{%- assign theme = site.data.theme.UI -%}
|
|
2
|
+
<!-- Start page-top section -->
|
|
3
|
+
<section class="page-top-section" style="background: {{theme.staticPagesColor}}">
|
|
4
|
+
<div class="container">
|
|
5
|
+
<div class="row justify-content-between align-items-center">
|
|
6
|
+
<div class="col-lg-6 col-md-6">
|
|
7
|
+
<h1 class="text-white">Privacy & Policy</h1>
|
|
8
|
+
</div>
|
|
9
|
+
<div class="col-lg-6 col-md-6 page-top-nav" style="text-align: right;">
|
|
10
|
+
<div>
|
|
11
|
+
<a href="/" class="text-white">Home</a>
|
|
12
|
+
<i class="fa fa-arrow-right text-white"></i>
|
|
13
|
+
<a href="/privacy-policy" class="text-white"> Privacy & Policy</a>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</section>
|
|
19
|
+
<!-- End page-top section -->
|
|
20
|
+
|
|
21
|
+
<!-- Start main body content -->
|
|
22
|
+
<section class="features-content section-gap">
|
|
23
|
+
<div class="container">
|
|
24
|
+
<p>
|
|
25
|
+
<b>{{site.url}}</b> doesn't collect any Personal Data from its Users.
|
|
26
|
+
</p>
|
|
27
|
+
<p>
|
|
28
|
+
<h3 class="font-weight-bold mb-4">Owner and Data Controller</h3>
|
|
29
|
+
{{site.name}}: <b>Punjab, India</b>
|
|
30
|
+
<p>Contact email: {{site.email}}</p>
|
|
31
|
+
<p><b>{{site.name}} is provided by:</b> Manpreet Singh</p>
|
|
32
|
+
</p>
|
|
33
|
+
</div>
|
|
34
|
+
</section>
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
{%- assign theme = site.data.theme.UI -%}
|
|
2
|
+
<!-- Start page-top section -->
|
|
3
|
+
<section class="page-top-section" style="background: {{theme.staticPagesColor}}">
|
|
4
|
+
<div class="container">
|
|
5
|
+
<div class="row justify-content-between align-items-center">
|
|
6
|
+
<div class="col-lg-6 col-md-6">
|
|
7
|
+
<h1 class="text-white">Terms & Conditions</h1>
|
|
8
|
+
</div>
|
|
9
|
+
<div class="col-lg-6 col-md-6 page-top-nav" style="text-align: right;">
|
|
10
|
+
<div>
|
|
11
|
+
<a href="/" class="text-white">Home</a>
|
|
12
|
+
<i class="fa fa-arrow-right text-white"></i>
|
|
13
|
+
<a href="/terms-and-conditions" class="text-white"> Terms & Conditions</a>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</section>
|
|
19
|
+
<!-- End page-top section -->
|
|
20
|
+
|
|
21
|
+
<!-- Start main body content -->
|
|
22
|
+
<section class="features-content section-gap">
|
|
23
|
+
<div class="container">
|
|
24
|
+
<p>
|
|
25
|
+
These Terms govern the use of
|
|
26
|
+
<b>{{site.url}}</b> and any other related Agreement or legal relationship with the Owner in a legally
|
|
27
|
+
binding way.
|
|
28
|
+
</p>
|
|
29
|
+
|
|
30
|
+
<b>The User must read this document carefully.</b>
|
|
31
|
+
|
|
32
|
+
<p>
|
|
33
|
+
<h3 class="font-weight-bold mb-4">Content on million color</h3>
|
|
34
|
+
all content available on {{site.name}} is owned or provided by the Owner or its licensors.The Owner undertakes
|
|
35
|
+
its utmost effort to ensure that the content provided on million color infringes no applicable legal provisions
|
|
36
|
+
or third-party rights.
|
|
37
|
+
<p class="my-3"><b>Rights regarding content on {{site.name}} - All rights reserved</b></p>
|
|
38
|
+
<p>The Owner holds and reserves all intellectual property rights for any such content.
|
|
39
|
+
the User may download, copy and/or share some content available through million color for its sole personal
|
|
40
|
+
and non-commercial use and provided that the copyright attributions and all the other attributions requested
|
|
41
|
+
by the Owner are correctly implemented.</p>
|
|
42
|
+
</p>
|
|
43
|
+
<h3 class="font-weight-bold mb-4">Acceptable use</h3>
|
|
44
|
+
<p class="my-3">
|
|
45
|
+
{{site.url}} services may only be used within the scope of what they are provided for, under these Terms
|
|
46
|
+
and applicable law.
|
|
47
|
+
Users are solely responsible for making sure that their use of {{site.url}} services violates no
|
|
48
|
+
applicable law, regulations or third-party rights.
|
|
49
|
+
</p>
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
<p>
|
|
53
|
+
<h3 class="font-weight-bold mb-4">Software license</h3>
|
|
54
|
+
<p class="my-3">
|
|
55
|
+
Any intellectual or industrial property rights, and any other exclusive rights on software or technical
|
|
56
|
+
applications embedded in or related to million color are held by the Owner .
|
|
57
|
+
Subject to Users’ compliance with and notwithstanding any divergent provision of these Terms, the Owner
|
|
58
|
+
merely grants Users a revocable, non-exclusive, non-sublicensable and non-transferable license to use the
|
|
59
|
+
software and/or any other technical means embedded in the Service within the scope and for the purposes of
|
|
60
|
+
million color and the Service offered.
|
|
61
|
+
This license does not grant Users any rights to access, usage or disclosure of the original source code. All
|
|
62
|
+
techniques, algorithms, and procedures contained in the software and any documentation thereto related is
|
|
63
|
+
the Owner’s or its licensors’ sole property.
|
|
64
|
+
</p>
|
|
65
|
+
<p class="p-0 my-3">
|
|
66
|
+
All rights and license grants to Users shall immediately terminate upon any termination or expiration of the
|
|
67
|
+
Agreement.
|
|
68
|
+
</p>
|
|
69
|
+
</p>
|
|
70
|
+
</div>
|
|
71
|
+
</section>
|
data/_includes/postbox.html
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<div class="col-lg-
|
|
2
|
-
<div class="card h-100"
|
|
1
|
+
<div class="col-lg-4 col-md-6 mb-4">
|
|
2
|
+
<div class="card h-100" id="{{post.categories}}">
|
|
3
3
|
<a href="{{ post.url }}">
|
|
4
|
-
<img src="{{ post.image }}" class="card-img-top p-
|
|
5
|
-
alt="
|
|
4
|
+
<img src="{{ post.image }}" class="card-img-top p-0" style="width:100%; border-radius: 3px; height: 200px;"
|
|
5
|
+
alt="{{post.url}}">
|
|
6
6
|
</a>
|
|
7
7
|
<div class="card-body">
|
|
8
8
|
<a href="{{ post.url }}" class="anchor_link">
|
data/_includes/scripts.html
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
|
|
2
|
-
<script src="/assets/js/thefrontendworld.js"></script>
|
|
2
|
+
<script src="/assets/js/thefrontendworld.js"></script>
|
|
3
|
+
<script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
{%- assign theme = site.data.theme.UI -%}
|
|
1
2
|
<div class="alertbar" style="display: none;">
|
|
2
3
|
<div class="container text-center">
|
|
3
4
|
<span style="font-size: 15px;">{{site.data.blog.alertbar.span}}</span>
|
|
@@ -5,7 +6,8 @@
|
|
|
5
6
|
<div class="mc-field-group">
|
|
6
7
|
<input type="email" placeholder="Email" name="EMAIL" class="required email" id="mce-EMAIL"
|
|
7
8
|
autocomplete="on" required="">
|
|
8
|
-
<input type="submit"
|
|
9
|
+
<input type="submit" style="background: {{theme.color}}; border: {{theme.color}}" value="Subscribe"
|
|
10
|
+
name="subscribe">
|
|
9
11
|
</div>
|
|
10
12
|
</form>
|
|
11
13
|
</div>
|
|
@@ -1,42 +1,43 @@
|
|
|
1
1
|
<div class="container">
|
|
2
2
|
<div class="relatedPosts">
|
|
3
|
-
<h1 class="related_post_heading">Recent Posts</h1>
|
|
4
|
-
<div class="row">
|
|
5
|
-
{% for recent in site.posts offset:1 limit:3 %}
|
|
6
|
-
{% if recent.url != page.url %}
|
|
7
|
-
<div class="col-lg-4 col-md-6 mb-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
3
|
+
<h1 class="related_post_heading">Recent Posts</h1>
|
|
4
|
+
<div class="row">
|
|
5
|
+
{% for recent in site.posts offset:1 limit:3 %}
|
|
6
|
+
{% if recent.url != page.url %}
|
|
7
|
+
<div class="col-lg-4 col-md-6 mb-5 card-group">
|
|
8
|
+
<div class="card h-100">
|
|
9
|
+
<a href="{{ recent.url }}">
|
|
10
|
+
<img src="{{ recent.image }}" class="card-img-top" alt="{{recent.url}}"
|
|
11
|
+
style="width:100%; border-radius: 4px; height: 200px;">
|
|
12
|
+
</a>
|
|
13
|
+
<div class="card-body">
|
|
14
|
+
<a class="text-decoration-none text-dark" href="{{ recent.url }}" class="anchor_link">
|
|
15
|
+
<h4 class="card-title mb-4 text-left">{{ recent.title }}</h4>
|
|
16
|
+
</a>
|
|
17
|
+
</div>
|
|
18
|
+
{% assign author = site.data.blog.authors[recent.author] %}
|
|
19
|
+
<div class="card-footer bg-white">
|
|
20
|
+
<div class="wrapfooter">
|
|
21
|
+
{% if recent.author %}
|
|
22
|
+
<span class="meta-footer-thumb">
|
|
23
|
+
<img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
|
|
24
|
+
</span>
|
|
25
|
+
{% endif %}
|
|
25
26
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
<span class="author-meta">
|
|
28
|
+
<span class="recent-name">
|
|
29
|
+
<a target="_blank" href="/blog">{{recent.author}}</a>
|
|
30
|
+
</span><br>
|
|
31
|
+
<span class="post-date">{{recent.date | date_to_string }}</span>
|
|
32
|
+
</span>
|
|
33
|
+
<span class="post-read-more"><a class="text-dark" href="{{ recent.url }}"
|
|
34
|
+
title="Read Story">Read More</a></span>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
34
38
|
</div>
|
|
39
|
+
{% endif %}
|
|
40
|
+
{% endfor %}
|
|
35
41
|
</div>
|
|
36
42
|
</div>
|
|
37
|
-
</div>
|
|
38
|
-
{% endif %}
|
|
39
|
-
{% endfor %}
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
42
43
|
</div>
|
|
@@ -6,17 +6,16 @@
|
|
|
6
6
|
|
|
7
7
|
<div class="row">
|
|
8
8
|
{% for post in site.posts %}
|
|
9
|
-
|
|
9
|
+
|
|
10
10
|
{% for category in post.categories %}
|
|
11
11
|
{% if post.url != page.url %}
|
|
12
12
|
{% if page.categories contains category %}
|
|
13
|
-
|
|
14
|
-
<div class="col-lg-4 col-md-6 mb-
|
|
13
|
+
|
|
14
|
+
<div class="col-lg-4 col-md-6 mb-5 card-group">
|
|
15
15
|
<div class="card h-100">
|
|
16
16
|
<a href="{{ post.url }}">
|
|
17
|
-
<img src="{{ post.image }}"
|
|
18
|
-
|
|
19
|
-
class="card-img-top" alt="">
|
|
17
|
+
<img src="{{ post.image }}" style="width:100%; border-radius: 4px; height: 200px;"
|
|
18
|
+
class="card-img-top" alt="{{post.url}}">
|
|
20
19
|
</a>
|
|
21
20
|
<div class="card-body">
|
|
22
21
|
<a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
|
data/_layouts/blog.html
CHANGED
|
@@ -26,10 +26,11 @@
|
|
|
26
26
|
<div class="row">
|
|
27
27
|
{% for post in paginator.posts%}
|
|
28
28
|
<div class="col-lg-4 col-md-6 mb-4 card-group">
|
|
29
|
-
<div class="card h-100"
|
|
29
|
+
<div class="card h-100" id="{{post.categories}}">
|
|
30
30
|
<a href="{{ post.url }}">
|
|
31
|
-
<img src="{{ post.image }}" class="card-img-top
|
|
32
|
-
|
|
31
|
+
<img src="{{ post.image }}" class="card-img-top"
|
|
32
|
+
style="width:100%; border-radius: 3px; height: 200px;"
|
|
33
|
+
alt="{{post.url}}">
|
|
33
34
|
</a>
|
|
34
35
|
<div class="card-body">
|
|
35
36
|
<a href="{{ post.url }}" class="anchor_link">
|
|
@@ -65,7 +66,7 @@
|
|
|
65
66
|
</section>
|
|
66
67
|
|
|
67
68
|
{%- include section/recent_posts.html -%}
|
|
68
|
-
|
|
69
|
+
{% include section/alertbar.html %}
|
|
69
70
|
|
|
70
71
|
{% include footer/index.html %}
|
|
71
72
|
|
data/_layouts/post.html
CHANGED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
{% include custom-head.html %}
|
|
5
|
+
|
|
6
|
+
<body>
|
|
7
|
+
{%- include header/index.html -%}
|
|
8
|
+
<section class="section_post p-0">
|
|
9
|
+
<div class="container-fluid p-0 m-0">
|
|
10
|
+
|
|
11
|
+
<!-- categories post -->
|
|
12
|
+
<div class="main-content p-0">
|
|
13
|
+
{{content}}
|
|
14
|
+
</div>
|
|
15
|
+
<!-- close -->
|
|
16
|
+
|
|
17
|
+
{% include footer/index.html %}
|
|
18
|
+
|
|
19
|
+
{% include scripts.html %}
|
|
20
|
+
</body>
|
|
21
|
+
|
|
22
|
+
</html>
|
data/_sass/theme/_blog.scss
CHANGED
|
@@ -240,3 +240,66 @@ a:hover {
|
|
|
240
240
|
padding-top: 75px;
|
|
241
241
|
display: inline-block;
|
|
242
242
|
}
|
|
243
|
+
|
|
244
|
+
|
|
245
|
+
/* BLOG-alertbar stlying */
|
|
246
|
+
.alertbar {
|
|
247
|
+
box-shadow: 0 -3px 10px 0 rgba(0,0,0,.11);
|
|
248
|
+
position: fixed;
|
|
249
|
+
bottom: 0;
|
|
250
|
+
left: 0;
|
|
251
|
+
background-color: #fff;
|
|
252
|
+
width: 100%;
|
|
253
|
+
padding: 14px 0;
|
|
254
|
+
z-index: 1;
|
|
255
|
+
form {
|
|
256
|
+
display: inline-block;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
input[type='email'] {
|
|
260
|
+
font-size: 0.85rem;
|
|
261
|
+
padding: 3px 40px 3px 10px;
|
|
262
|
+
border-top-left-radius: 3px;
|
|
263
|
+
border-bottom-left-radius: 3px;
|
|
264
|
+
border: 1px solid #ddd;
|
|
265
|
+
border-right: 0;
|
|
266
|
+
margin-right: -10px;
|
|
267
|
+
height: 34px;
|
|
268
|
+
letter-spacing: 0.5px;
|
|
269
|
+
margin-left: 5px;
|
|
270
|
+
outline: 0;
|
|
271
|
+
} input[type='submit'] {
|
|
272
|
+
background-color: #1c9963;
|
|
273
|
+
border: 1px solid #1c9963;
|
|
274
|
+
color: #fff;
|
|
275
|
+
fill: #fff;
|
|
276
|
+
font-size: 12px;
|
|
277
|
+
border-radius: 0;
|
|
278
|
+
padding: 4px 10px;
|
|
279
|
+
border-top-right-radius: 3px;
|
|
280
|
+
border-bottom-right-radius: 3px;
|
|
281
|
+
font-weight: 600;
|
|
282
|
+
height: 34px;
|
|
283
|
+
letter-spacing: 0.5px;
|
|
284
|
+
cursor: pointer;
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
/* close */
|
|
288
|
+
|
|
289
|
+
|
|
290
|
+
/* TNC PP DS stylre */
|
|
291
|
+
.page-top-section{
|
|
292
|
+
background: #FF6060;
|
|
293
|
+
font-size: 16px;
|
|
294
|
+
padding-top: 250px;
|
|
295
|
+
padding-bottom: 40px;
|
|
296
|
+
}
|
|
297
|
+
.features-content{
|
|
298
|
+
padding: 120px 0;
|
|
299
|
+
font-size: 25px;
|
|
300
|
+
color: #50668f;
|
|
301
|
+
font-size: 16px;
|
|
302
|
+
font-weight: 400;
|
|
303
|
+
line-height: 30px;
|
|
304
|
+
}
|
|
305
|
+
|