inkstream 0.1.2 → 0.1.3

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.
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