inkstream 0.1.2 → 0.1.3

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: 6a9e843dcf7cefdbd637cda47a67c4665f4b94771b79785e25da1cb983236a66
4
- data.tar.gz: e8a9942bf4eeaa5da89579d648fb76744ab3687c736941899a30589e6f1f0502
3
+ metadata.gz: 54962b49053a0726f2d8b90edc96ea3de3e897ed1349542136841b93cac96fe7
4
+ data.tar.gz: '08b3b8ed5ce4890f5c09736a05443acbc2faf515e6bdc65c29961f969e95bbd6'
5
5
  SHA512:
6
- metadata.gz: e9a8effb5b55e8d4073f7de2bd5558102f6280eb841e92b388a26b41a1f30be8e4767dbfffdd6b3f470cd5969b77cf81a290ff6a7f2957d173086b3c8c35984a
7
- data.tar.gz: cc75fedf222238643045c9f984edadc9cf8c2b564defbab569fd0a97470025d91410166afeb462a8c374c3f81255ee0e75373075bfd4d5cf19305b0456209aa9
6
+ metadata.gz: a8c7bb18e1d791a00a70ac456af9d30c6330f61939604698f0361f8b20205e754594d5cbbf2b878e85b2bb054e05b3c2b3a98e27c8467d2c635e6fb41e5f1d4d
7
+ data.tar.gz: decbee6f4dd0b213f7b133821f76756e215957abca0fc2417ed160f03079e41a11220470cd6a180376432a3d33ef9c52587023f1e9b999be3a024e0860531e0c
data/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # inkstream
1
+ # Inkstream
2
2
 
3
3
  Welcome to a brand new Jekyll theme!
4
4
 
data/_config.yml CHANGED
@@ -4,20 +4,25 @@
4
4
  exclude:
5
5
  - README.md
6
6
  - LICENSE
7
+ - CODE_OF_CONDUCT.md
7
8
  - CNAME
8
9
  - Gemfile
9
10
  - Gemfile.lock
10
11
  - inkstream.gemspec
11
12
  - .jekyll-cache
13
+ - demo
12
14
 
13
15
  # 2. Installed Gems
14
16
  plugins:
15
17
  - jekyll-paginate
16
18
  - jekyll-seo-tag
19
+ # - rouge does not work
20
+ # - kramdown
17
21
 
18
22
  # 3. Gem settings
19
23
  paginate: 5 # jekyll-paginate > items per page
20
24
  paginate_path: blog/:num # jekyll-paginate > blog page
25
+ pinned: false # jekyll-seo-tag > pin the post to the top of the list
21
26
  author: MohdIrfan # jekyll-seo-tag > default author
22
27
  twitter:
23
28
  username: mohdirfan57 # jekyll-seo-tag > Owners twitter username
@@ -66,6 +71,7 @@ encoding: utf-8 # Make sure the encoding is right
66
71
  lang: en # Set the site language
67
72
  title: 'Inkstream' # Site name or title, also used in jekyll-seo-tag
68
73
  logo: '/assets/logo/logo.jpg' # Site logo, also used in jekyll-seo-tag
74
+ home-bg: '/assets/images/home-bg.jpg' # Home background image
69
75
  description: 'Inkstream is a sleek and modern Jekyll theme tailored for bloggers seeking a seamless platform to express their ideas and stories. With its elegant design and intuitive features, Inkstream facilitates the continuous flow of content creation, empowering users to share their thoughts effortlessly.' # Site description and default description, also used in jekyll-seo-tag
70
76
  url: 'https://inkstream.netlify.app' # Site url, also used in jekyll-seo-tag
71
77
  baseurl: ''
@@ -0,0 +1,38 @@
1
+ <div class="blog-comments-section">
2
+ <div id="disqus_thread"></div>
3
+ <script>
4
+ /**
5
+ * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT
6
+ * THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR
7
+ * PLATFORM OR CMS.
8
+ *
9
+ * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT:
10
+ * https://disqus.com/admin/universalcode/#configuration-variables
11
+ */
12
+ /*
13
+ var disqus_config = function () {
14
+ // Replace PAGE_URL with your page's canonical URL variable
15
+ this.page.url = PAGE_URL;
16
+
17
+ // Replace PAGE_IDENTIFIER with your page's unique identifier variable
18
+ this.page.identifier = PAGE_IDENTIFIER;
19
+ };
20
+ */
21
+
22
+ (function () { // REQUIRED CONFIGURATION VARIABLE: EDIT THE SHORTNAME BELOW
23
+ var d = document, s = d.createElement('script');
24
+
25
+ // IMPORTANT: Replace 3wmthemes with your forum shortname!
26
+ s.src = 'https://3wmthemes.disqus.com/embed.js';
27
+
28
+ s.setAttribute('data-timestamp', +new Date());
29
+ (d.head || d.body).appendChild(s);
30
+ })();
31
+ </script>
32
+ <noscript>
33
+ Please enable JavaScript to view the
34
+ <a href="https://disqus.com/?ref_noscript" rel="nofollow">
35
+ comments powered by Disqus.
36
+ </a>
37
+ </noscript>
38
+ </div><!--//blog-comments-section-->
@@ -1,9 +1,47 @@
1
+ {% if page.url == "/blog/" %}
2
+ {% for post in site.posts %}
3
+ {% if post.pinned == true %}
4
+ {% capture words %}
5
+ {{ post.content | number_of_words }}
6
+ {% endcapture %}
7
+ <div class="card my-4 shadow-lg">
8
+ <div class="d-flex justify-content-between">
9
+ <!-- pinned -->
10
+ <small class="text-muted position-absolute" style="top: 10px; left: 10px; z-index: 1;">
11
+ <span class="badge-warning rounded">📌 <strong>Pinned</strong> &nbsp;</span>
12
+ </small>
13
+ <img class="card-img-top" src="{{ post.image | relative_url }}" alt="{{ post.title }}"
14
+ style="width: 250px; object-fit: cover;">
15
+ <div class="card-body">
16
+ <h3 class="card-title">
17
+ <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
18
+ </h3>
19
+ <p class="card-text">{{ post.excerpt | markdownify | truncatewords: 42 }}</p>
20
+ <a href="{{ site.baseurl }}{{ post.url }}" class="btn btn-primary">Read more &rarr;</a>
21
+ </div>
22
+ </div>
23
+
24
+ <div class="card-footer text-muted d-flex justify-content-between">
25
+ <span class="date">Published on {{ post.date | date: "%b %-d, %Y" }}</span>
26
+ <span class="comment"><a href="#">4 comments</a></span>
27
+ <span class="time align-content-end">
28
+ <i class="fas fa-clock fa-fw mr-1"></i>
29
+ {{ words | divided_by: 180 | append: ' min read' }} &bull;
30
+ {{ words }} words
31
+ </span>
32
+ </div>
33
+ </div>
34
+ {% endif %}
35
+ {% endfor %}
36
+ {% endif %}
37
+
1
38
  {% if paginator.posts %}
2
39
  {% for page in paginator.posts %}
40
+ {% unless page.pinned %}
3
41
  {% capture words %}
4
42
  {{ page.content | number_of_words }}
5
43
  {% endcapture %}
6
- <div class="card shadow-sm my-4">
44
+ <div class="card my-4 shadow-lg">
7
45
  <div class="d-flex justify-content-between">
8
46
  <img class="card-img-top" src="{{ page.image | relative_url }}" alt="{{ page.title }}"
9
47
  style="width: 250px; object-fit: cover;">
@@ -21,11 +59,11 @@
21
59
  <span class="comment"><a href="#">4 comments</a></span>
22
60
  <span class="time align-content-end">
23
61
  <i class="fas fa-clock fa-fw mr-1"></i>{{ words | divided_by: 180 | append: ' min read' }} &bull; {{ words
24
- }}
25
- words
62
+ }} words
26
63
  </span>
27
64
  </div>
28
65
  </div>
66
+ {% endunless %}
29
67
  {% endfor %}
30
68
  {% include post-pagination.html %}
31
69
  {% else %}
@@ -56,4 +94,5 @@
56
94
  </div>
57
95
  </div>
58
96
  {% endfor %}
97
+ {% include post-pagination.html %}
59
98
  {% endif %}
data/_layouts/page.html CHANGED
@@ -2,13 +2,32 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
+ <style>
6
+ .theme-bg-image {
7
+ background-image: url("{{ site.home-bg | relative_url }}");
8
+ /* Replace 'path/to/your/image.jpg' with the actual path to your image */
9
+ background-size: cover;
10
+ background-position: center;
11
+ /* shadow */
12
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
13
+ }
14
+
15
+ .theme-bg-image .container {
16
+ background-color: rgba(255, 255, 255, 0.8);
17
+ /* Adjust the alpha value to change the opacity of the background */
18
+ padding: 20px;
19
+ border-radius: 10px;
20
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
21
+ /* Adjust the shadow as needed */
22
+ }
23
+ </style>
24
+
5
25
  <!-- Header -->
6
26
  {% include site-header.html %}
7
27
 
8
28
  <!-- Main Wrapper Start -->
9
29
  <div class="main-wrapper">
10
- <!-- Page Content -->
11
- <section class="cta-section theme-bg-light py-5">
30
+ <section class="cta-section theme-bg-image py-5">
12
31
  <div class="container text-center">
13
32
  <h2 class="heading">Inkstream - Jekyll Blog Theme Made For Developers</h2>
14
33
  <div class="intro">Welcome to my blog. Subscribe and get my latest blog post in your inbox.</div>
data/_layouts/post.html CHANGED
@@ -10,179 +10,47 @@ layout: default
10
10
  <div class="container">
11
11
  <header class="blog-post-header">
12
12
  <h2 class="title mb-2">{{ page.title }}</h2>
13
- <div class="meta mb-3"><span class="date">Published 3 months ago</span><span class="time">5 min
14
- read</span><span class="comment"><a href="#">4 comments</a></span></div>
13
+ <div class="meta mb-3">
14
+ <span class="date">
15
+ {% assign current_date = site.time | date: "%s" %}
16
+ {% assign post_date = page.date | date: "%s" %}
17
+
18
+ {% assign time_difference = current_date | minus: post_date %}
19
+ {% assign seconds_in_a_day = 86400 %}
20
+ {% assign seconds_in_a_month = 2628000 %}
21
+ {% assign seconds_in_a_year = 31536000 %}
22
+
23
+ {% if time_difference < seconds_in_a_day %} Posted {{ time_difference | divided_by: 60 | round
24
+ }} minutes ago {% elsif time_difference < seconds_in_a_month %} Posted {{ time_difference |
25
+ divided_by: seconds_in_a_day | round }} days ago {% elsif time_difference <
26
+ seconds_in_a_year %} Posted {{ time_difference | divided_by: seconds_in_a_month | round }}
27
+ months ago {% else %} Posted {{ time_difference | divided_by: seconds_in_a_year | round }}
28
+ years ago {% endif %} </span>
29
+ {% capture words %}
30
+ {{ page.content | number_of_words }}
31
+ {% endcapture %}
32
+ <span class="time">{{ words | divided_by: 180 }} min read</span>
33
+ <span class="time">{{ words }} words</span>
34
+ <span class="comment">
35
+ <a href="#">4 comments</a>
36
+ </span>
37
+ </div>
15
38
  </header>
16
39
 
17
40
  <div class="blog-post-body">
18
41
  <figure class="blog-banner">
19
- <a href="https://made4dev.com"><img class="img-fluid" src="assets/images/blog/blog-post-banner.jpg"
20
- alt="image"></a>
21
- <figcaption class="mt-2 text-center image-caption">Image Credit: <a
22
- href="https://made4dev.com?ref=devblog" target="_blank">made4dev.com (Premium Programming
23
- T-shirts)</a></figcaption>
42
+ <a href="{{ page.image | relative_url }}">
43
+ <img class="img-fluid rounded-left rounded-right shadow-sm" src="{{ page.image | relative_url }}"
44
+ alt="{{ page.title }}" style="max-height: 400px; width: 100%;">
45
+ </a>
46
+ <figcaption class="mt-2 text-center image-caption">Image: {{ page.title | capitalize }}
47
+ </figcaption>
24
48
  </figure>
25
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
26
- massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
27
- quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
28
- Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
29
- imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
30
- Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula,
31
- porttitor eu, consequat vitae, eleifend ac, enim. </p>
32
-
33
- <h3 class="mt-5 mb-3">Code Block Example</h3>
34
- <p>You can get more info at <a href="https://highlightjs.org/"
35
- target="_blank">https://highlightjs.org/</a>. Lorem ipsum dolor sit amet, consectetuer
36
- adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
37
- magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque
38
- eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet
39
- nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam
40
- dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
41
- Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
42
- enim. </p>
43
- <pre>
44
- <code>
45
- function $initHighlight(block, cls) {
46
- try {
47
- if (cls.search(/\bno\-highlight\b/) != -1)
48
- return process(block, true, 0x0F) +
49
- ` class="${cls}"`;
50
- } catch (e) {
51
- /* handle exception */
52
- }
53
- for (var i = 0 / 2; i < classes.length; i++) {
54
- if (checkCondition(classes[i]) === undefined)
55
- console.log('undefined');
56
- }
57
- }
58
-
59
- export $initHighlight;
60
- </code>
61
- </pre>
62
- <h3 class="mt-5 mb-3">Typography</h3>
63
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
64
- massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
65
- <h5 class="my-3">Bullet Points:</h5>
66
- <ul class="mb-5">
67
- <li class="mb-2">Lorem ipsum dolor sit amet consectetuer.</li>
68
- <li class="mb-2">Aenean commodo ligula eget dolor.</li>
69
- <li class="mb-2">Aenean massa cum sociis natoque penatibus.</li>
70
- </ul>
71
- <ol class="mb-5">
72
- <li class="mb-2">Lorem ipsum dolor sit amet consectetuer.</li>
73
- <li class="mb-2">Aenean commodo ligula eget dolor.</li>
74
- <li class="mb-2">Aenean massa cum sociis natoque penatibus.</li>
75
- </ol>
76
- <h5 class="my-3">Quote Example:</h5>
77
- <blockquote class="blockquote m-lg-5 py-3 pl-4 px-lg-5">
78
- <p class="mb-2">You might not think that programmers are artists, but programming is an extremely
79
- creative profession. It's logic-based creativity.</p>
80
- <footer class="blockquote-footer">John Romero</footer>
81
- </blockquote>
82
-
83
- <h5 class="my-3">Table Example:</h5>
84
- <table class="table table-striped my-5">
85
- <thead>
86
- <tr>
87
- <th scope="col">#</th>
88
- <th scope="col">First</th>
89
- <th scope="col">Last</th>
90
- <th scope="col">Handle</th>
91
- </tr>
92
- </thead>
93
- <tbody>
94
- <tr>
95
- <th scope="row">1</th>
96
- <td>Mark</td>
97
- <td>Otto</td>
98
- <td>@mdo</td>
99
- </tr>
100
- <tr>
101
- <th scope="row">2</th>
102
- <td>Jacob</td>
103
- <td>Thornton</td>
104
- <td>@fat</td>
105
- </tr>
106
- <tr>
107
- <th scope="row">3</th>
108
- <td>Larry</td>
109
- <td>the Bird</td>
110
- <td>@twitter</td>
111
- </tr>
112
- </tbody>
113
- </table>
114
-
115
- <h5 class="mb-3">Embed A Tweet:</h5>
116
-
117
- <blockquote class="twitter-tweet" data-lang="en">
118
- <p lang="en" dir="ltr">1969:<br>-what&#39;re you doing with that 2KB of RAM?<br>-sending people to
119
- the moon<br><br>2017:<br>-what&#39;re you doing with that 1.5GB of RAM?<br>-running Slack</p>
120
- &mdash; I Am Devloper (@iamdevloper) <a
121
- href="https://twitter.com/iamdevloper/status/926458505355235328?ref_src=twsrc%5Etfw">November 3,
122
- 2017</a>
123
- </blockquote>
124
- <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
125
-
126
-
127
-
128
- <h3 class="mt-5 mb-3">Video Example</h3>
129
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
130
- massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
131
- quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. </p>
132
-
133
- <div class="embed-responsive embed-responsive-16by9">
134
- <iframe width="560" height="315" src="https://www.youtube.com/embed/hnCmSXCZEpU" frameborder="0"
135
- allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
136
- allowfullscreen></iframe>
137
- </div>
138
49
 
50
+ {{ content | markdownify}}
139
51
  </div>
140
52
 
141
- <nav class="blog-nav nav nav-justified my-5">
142
- <a class="nav-link-prev nav-item nav-link rounded-left" href="index.html">Previous<i
143
- class="arrow-prev fas fa-long-arrow-alt-left"></i></a>
144
- <a class="nav-link-next nav-item nav-link rounded-right" href="blog-list.html">Next<i
145
- class="arrow-next fas fa-long-arrow-alt-right"></i></a>
146
- </nav>
147
-
148
- <div class="blog-comments-section">
149
- <div id="disqus_thread"></div>
150
- <script>
151
- /**
152
- * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT
153
- * THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR
154
- * PLATFORM OR CMS.
155
- *
156
- * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT:
157
- * https://disqus.com/admin/universalcode/#configuration-variables
158
- */
159
- /*
160
- var disqus_config = function () {
161
- // Replace PAGE_URL with your page's canonical URL variable
162
- this.page.url = PAGE_URL;
163
-
164
- // Replace PAGE_IDENTIFIER with your page's unique identifier variable
165
- this.page.identifier = PAGE_IDENTIFIER;
166
- };
167
- */
168
-
169
- (function () { // REQUIRED CONFIGURATION VARIABLE: EDIT THE SHORTNAME BELOW
170
- var d = document, s = d.createElement('script');
171
-
172
- // IMPORTANT: Replace 3wmthemes with your forum shortname!
173
- s.src = 'https://3wmthemes.disqus.com/embed.js';
174
-
175
- s.setAttribute('data-timestamp', +new Date());
176
- (d.head || d.body).appendChild(s);
177
- })();
178
- </script>
179
- <noscript>
180
- Please enable JavaScript to view the
181
- <a href="https://disqus.com/?ref_noscript" rel="nofollow">
182
- comments powered by Disqus.
183
- </a>
184
- </noscript>
185
- </div><!--//blog-comments-section-->
53
+ {% include post-comments.html %}
186
54
 
187
55
  </div><!--//container-->
188
56
  </article>
@@ -194,8 +62,6 @@ export $initHighlight;
194
62
  </div>
195
63
  <!-- Main Wrapper-->
196
64
 
197
- {{ content }}
198
-
199
- {% include post-pagination.html %}
65
+ <!-- {% include post-pagination.html %} -->
200
66
 
201
67
  {% include site-footer.html %}
Binary file
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: inkstream
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.2
4
+ version: 0.1.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Mohd Irfan
@@ -69,6 +69,7 @@ files:
69
69
  - _includes/icon.html
70
70
  - _includes/nav-default.html
71
71
  - _includes/nav-header.html
72
+ - _includes/post-comments.html
72
73
  - _includes/post-list.html
73
74
  - _includes/post-meta.html
74
75
  - _includes/post-pagination.html
@@ -97,7 +98,7 @@ files:
97
98
  - assets/favicon/mstile-150x150.png
98
99
  - assets/favicon/safari-pinned-tab.svg
99
100
  - assets/favicon/site.webmanifest
100
- - assets/images/about-me.jpg
101
+ - assets/images/home-bg.jpg
101
102
  - assets/images/posts/default-post-img.jpg
102
103
  - assets/images/posts/text-syntax.jpg
103
104
  - assets/images/posts/welcome.jpg
Binary file