nuboard-theme 0.1.1
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 +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +36 -0
- data/_config.yml +114 -0
- data/_includes/disqus.html +18 -0
- data/_includes/footer.html +3 -0
- data/_includes/head.html +27 -0
- data/_includes/lang.html +5 -0
- data/_includes/navbar.html +88 -0
- data/_layouts/about.html +86 -0
- data/_layouts/alltags.html +18 -0
- data/_layouts/blog.html +96 -0
- data/_layouts/categories.html +119 -0
- data/_layouts/category.html +21 -0
- data/_layouts/default.html +15 -0
- data/_layouts/home.html +73 -0
- data/_layouts/page.html +7 -0
- data/_layouts/podcast.html +74 -0
- data/_layouts/podcasts.html +37 -0
- data/_layouts/portfolio.html +89 -0
- data/_layouts/post.html +33 -0
- data/_layouts/tags.html +34 -0
- data/_sass/components/_podcast_player.sass +0 -0
- data/_sass/components/_syntax-highlighting.sass +186 -0
- data/_sass/layouts/_podcasts.sass +28 -0
- data/_sass/layouts/_projects.sass +6 -0
- data/assets/css/main.sass +32 -0
- data/assets/icons/arrow-right.svg +3 -0
- data/assets/icons/skills.svg +96 -0
- data/assets/img/favicon.ico +0 -0
- data/assets/img/logo.svg +148 -0
- data/assets/img/pattern.svg +7 -0
- data/assets/img/podcast-cover.png +0 -0
- metadata +90 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: 020a0325ff71d97de38d31426f8b4a278278acb7ed5c8220376b424f2aca335f
|
|
4
|
+
data.tar.gz: b8704744a40220aab601ab5927ee3c938de5c4862fd16b01c84c5a90f6b5a79f
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: 2a0703cc662e9357ca6da753274c12eb004da6d67f215e164d99a08a0051ee4318a1086364f9023c888f8757d702376c87188cbc5eb4660ee5cb2ef8cb01edbf
|
|
7
|
+
data.tar.gz: dce89bec8983e4e45a4e06e2aaa3fc34cfb583ecae16eb9a5c17173d67d0153db1754a56e56b5b5c9ffe7360d64434b36ca29660e3f8d062fa2df92191c4da8f
|
data/LICENSE.txt
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2022 rajan
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
|
13
|
+
all copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
# Nuboard-theme
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
[**Nuboard-theme**](https://nuboard-theme.pages.dev/) is a minimal, responsive, and powerful Jekyll theme and is the best suite for your podcast, case study, and project showcase.
|
|
5
|
+
|
|
6
|
+
To use it, you must first clone it on your system or [download](https://github.com/hatchedland/nuboard-theme/archive/refs/heads/master.zip) the zip file.
|
|
7
|
+
|
|
8
|
+
## Prerequisite
|
|
9
|
+
To use it, you must first have the latter dependencies installed.
|
|
10
|
+
- [Ruby](https://www.ruby-lang.org/en/downloads/) version **2.5.0** or higher, including all development headers (check your Ruby version using `ruby -v`)
|
|
11
|
+
- [RubyGems](https://rubygems.org/pages/download) (check your Gems version using `gem -v`)
|
|
12
|
+
- [GCC](https://gcc.gnu.org/install/) and [Make](https://www.gnu.org/software/make/) (check versions using `gcc -v`,`g++ -v`, and `make -v`)
|
|
13
|
+
- [NPM](https://www.npmjs.com/) for tailwind
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
## Installation
|
|
17
|
+
```console
|
|
18
|
+
bundle
|
|
19
|
+
```
|
|
20
|
+
This command installs the Gems mentioned in your `Gemfile.lock.`
|
|
21
|
+
|
|
22
|
+
And to make tailwind work.
|
|
23
|
+
|
|
24
|
+
``` console
|
|
25
|
+
npm install
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Running Local Server
|
|
29
|
+
```console
|
|
30
|
+
bundle exec jekyll serve
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
> **_NOTE:_** If you are using Ruby version 3.0.0 or higher, step 5 [may fail](https://github.com/github/pages-gem/issues/752). You may fix it by adding `webrick` to your dependencies: `bundle add webrick`
|
|
34
|
+
|
|
35
|
+
## License
|
|
36
|
+
This work is published under [MIT](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/LICENSE) License.
|
data/_config.yml
ADDED
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
lang: en
|
|
2
|
+
# EDIT THE VARIABLES ACCORDINGLY
|
|
3
|
+
title: Your Name
|
|
4
|
+
email: mail@your.email
|
|
5
|
+
description: >-
|
|
6
|
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Libero non nulla est omnis recusandae. Consequuntur asperiores fuga aliquid maiores. Quidem!
|
|
7
|
+
baseurl: ""
|
|
8
|
+
url: ""
|
|
9
|
+
|
|
10
|
+
podcast_title: "Hatchedland Spoils a Movie"
|
|
11
|
+
podcast_description: "This podcast is here to take you deep into the depth some compelling stories, acting, direction, musical score, and other aspects of cinematography and what makes them stand out."
|
|
12
|
+
podcast_banner: "https://i.postimg.cc/RhSCnp4h/podcast-cover.png"
|
|
13
|
+
podcast_rss: "https://feed.podbean.com/rajanydv/feed.xml"
|
|
14
|
+
|
|
15
|
+
blog_title: "Your Blog"
|
|
16
|
+
blog_description: "A description for your blog"
|
|
17
|
+
|
|
18
|
+
# list your skillSets in the following category
|
|
19
|
+
toolkit:
|
|
20
|
+
designing:
|
|
21
|
+
- Figma
|
|
22
|
+
frontend:
|
|
23
|
+
- TailwindCSS
|
|
24
|
+
- VanillaJS
|
|
25
|
+
- Jekyll
|
|
26
|
+
- React
|
|
27
|
+
- NextJS
|
|
28
|
+
- ReactNative
|
|
29
|
+
backend:
|
|
30
|
+
- Django
|
|
31
|
+
- Supabase
|
|
32
|
+
- MySQL
|
|
33
|
+
- PostgreSQL
|
|
34
|
+
- Cloudflare
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
# socials
|
|
38
|
+
twitter_username:
|
|
39
|
+
github_username: hatchedland
|
|
40
|
+
trakt_tv_username:
|
|
41
|
+
lastfm_username:
|
|
42
|
+
linkedin_username:
|
|
43
|
+
instagram_username:
|
|
44
|
+
podbean_userid:
|
|
45
|
+
|
|
46
|
+
sass:
|
|
47
|
+
sass_dir: _sass
|
|
48
|
+
style: compressed
|
|
49
|
+
|
|
50
|
+
# website tabs
|
|
51
|
+
collections:
|
|
52
|
+
podcasts:
|
|
53
|
+
output: true
|
|
54
|
+
blog:
|
|
55
|
+
output: true
|
|
56
|
+
tags:
|
|
57
|
+
output: true
|
|
58
|
+
permalink: /blog/tags/:path/
|
|
59
|
+
projects:
|
|
60
|
+
output: true
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
# tag_page_layout: tag_page
|
|
64
|
+
# tag_page_dir: tag
|
|
65
|
+
|
|
66
|
+
defaults:
|
|
67
|
+
- scope:
|
|
68
|
+
path: ''
|
|
69
|
+
type: blog
|
|
70
|
+
values:
|
|
71
|
+
layout: post
|
|
72
|
+
comments: true
|
|
73
|
+
toc: true
|
|
74
|
+
permalink: /post/:title/
|
|
75
|
+
- scope:
|
|
76
|
+
path: ''
|
|
77
|
+
type: projects
|
|
78
|
+
values:
|
|
79
|
+
# layout: projects
|
|
80
|
+
comments: true
|
|
81
|
+
toc: true
|
|
82
|
+
# permalink: /projects/:title/
|
|
83
|
+
- scope:
|
|
84
|
+
path: ''
|
|
85
|
+
type: podcasts
|
|
86
|
+
values:
|
|
87
|
+
layout: podcast
|
|
88
|
+
comments: true
|
|
89
|
+
toc: true
|
|
90
|
+
permalink: /podcast/:title/
|
|
91
|
+
|
|
92
|
+
# Build settings
|
|
93
|
+
theme: nuboard-theme
|
|
94
|
+
plugins:
|
|
95
|
+
- jekyll-feed
|
|
96
|
+
- jekyll-archives
|
|
97
|
+
- jekyll-seo-tag
|
|
98
|
+
# - jekyll/tagging
|
|
99
|
+
# - jekyll-postcss
|
|
100
|
+
|
|
101
|
+
# postcss:
|
|
102
|
+
# cache: false
|
|
103
|
+
|
|
104
|
+
# code syntax highlighter
|
|
105
|
+
markdown: kramdown
|
|
106
|
+
|
|
107
|
+
kramdown:
|
|
108
|
+
input: GFM
|
|
109
|
+
auto_ids: true
|
|
110
|
+
hard_wrap: true
|
|
111
|
+
syntax_highlighter: rouge
|
|
112
|
+
|
|
113
|
+
# Comments
|
|
114
|
+
disqus-username: disqus_TNJRzbsQPX
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{% if page.comments %}
|
|
2
|
+
<div id="disqus_thread"></div>
|
|
3
|
+
<script>
|
|
4
|
+
var disqus_config = function () {
|
|
5
|
+
this.page.url = "{{site.url}}/{{ page.url }}"; // <--- use canonical URL
|
|
6
|
+
this.page.identifier = "{{ page.id }}";
|
|
7
|
+
};
|
|
8
|
+
(function() {
|
|
9
|
+
var d = document, s = d.createElement('script');
|
|
10
|
+
|
|
11
|
+
s.src = '//rajanydv.disqus.com/embed.js'; // <--- use Disqus shortname
|
|
12
|
+
|
|
13
|
+
s.setAttribute('data-timestamp', +new Date());
|
|
14
|
+
(d.head || d.body).appendChild(s);
|
|
15
|
+
})();
|
|
16
|
+
</script>
|
|
17
|
+
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
|
18
|
+
{% endif %}
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
|
|
3
|
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
4
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/main.css">
|
|
8
|
+
|
|
9
|
+
<!-- font awesome links -->
|
|
10
|
+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
|
|
11
|
+
<script src="https://use.fontawesome.com/0eb019e6dc.js"></script>
|
|
12
|
+
|
|
13
|
+
<!-- importing fonts -->
|
|
14
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
15
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
16
|
+
<!-- fonts -->
|
|
17
|
+
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
|
|
18
|
+
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;1,300&display=swap" rel="stylesheet">
|
|
19
|
+
<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">
|
|
20
|
+
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
|
|
21
|
+
|
|
22
|
+
<!-- font awesome script -->
|
|
23
|
+
<script src="https://use.fontawesome.com/509ae72b14.js"></script>
|
|
24
|
+
<!-- favicon -->
|
|
25
|
+
<link href="{{site.baseurl}}/assets/img/favicon.ico" rel="icon" type="image/x-icon" />
|
|
26
|
+
|
|
27
|
+
</head>
|
data/_includes/lang.html
ADDED
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
<nav class="navbar sticky top-0 z-50 w-full py-2 lg:py-1 px-2 bg-slate-900 font-md lg:flex lg:justify-center">
|
|
2
|
+
<div class="flex justify-between px-5 lg:mr-10">
|
|
3
|
+
<button class="navbar-toggler border-0 lg:hidden" id="NavTrigger" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
|
|
4
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8">
|
|
5
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5" />
|
|
6
|
+
</svg>
|
|
7
|
+
</button>
|
|
8
|
+
<div class="logo">
|
|
9
|
+
<a href="/" class="hover:opacity-75">
|
|
10
|
+
<img src="https://i.postimg.cc/Gpgb5Jj6/logo-1-2.png" alt="Logo" class="w-12">
|
|
11
|
+
</a>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="lg:flex flex-col lg:flex-row justify-center items-center gap-5 hidden" id="navbarToggler">
|
|
15
|
+
<ul class="flex flex-col lg:flex-row mr-5 gap-5 text-2xl items-center tracking-tighter">
|
|
16
|
+
<li class="nav-item">
|
|
17
|
+
<a class="nav-link hover:opacity-75" href="{{site.url}}/index/">HOME</a>
|
|
18
|
+
</li>
|
|
19
|
+
<li class="nav-item">
|
|
20
|
+
<a class="nav-link hover:opacity-75" href="{{site.url}}/podcast/">PODCAST</a>
|
|
21
|
+
</li>
|
|
22
|
+
<li class="nav-item">
|
|
23
|
+
<a class="nav-link hover:opacity-75" href="{{site.url}}/blog/">BLOG</a>
|
|
24
|
+
</li>
|
|
25
|
+
<li class="nav-item">
|
|
26
|
+
<a class="nav-link hover:opacity-75" href="{{site.url}}/blog/tags">TAGS</a>
|
|
27
|
+
</li>
|
|
28
|
+
<li class="nav-item">
|
|
29
|
+
<a class="nav-link hover:opacity-75" href="{{site.url}}/portfolio/">PORTFOLIO</a>
|
|
30
|
+
</li>
|
|
31
|
+
<li class="nav-item">
|
|
32
|
+
<a class="nav-link hover:opacity-75" href="{{site.url}}/about/">ABOUT</a>
|
|
33
|
+
</li>
|
|
34
|
+
</ul>
|
|
35
|
+
<ul class="flex flex-wrap gap-5 my-5 lg:m-0 mt-5 items-center justify-center">
|
|
36
|
+
<li class="text-2xl hover:opacity-75">
|
|
37
|
+
<a href="mailto:{{site.email}}" class="text-reset" target="_blank">
|
|
38
|
+
<i class="fa fa-at" aria-hidden="true"></i>
|
|
39
|
+
</a>
|
|
40
|
+
</li>
|
|
41
|
+
<li class="text-2xl hover:opacity-75">
|
|
42
|
+
<a href="https://github.com/{{site.github_username}}" class="me-4 text-reset" target="_blank">
|
|
43
|
+
<i class="fab fa-github"></i>
|
|
44
|
+
</a>
|
|
45
|
+
</li>
|
|
46
|
+
<li class="text-2xl hover:opacity-75">
|
|
47
|
+
<a href="https://last.fm/{{site.lastfm_username}}" class="me-4 text-reset" target="_blank">
|
|
48
|
+
<i class="fa fa-lastfm" aria-hidden="true"></i>
|
|
49
|
+
</a>
|
|
50
|
+
</li>
|
|
51
|
+
<li class="text-2xl hover:opacity-75">
|
|
52
|
+
<a href="https://www.linkedin.com/in/{{site.linkedin_username}}" class="me-4 text-reset" target="_blank">
|
|
53
|
+
<i class="fab fa-linkedin" aria-hidden="true"></i>
|
|
54
|
+
</a>
|
|
55
|
+
</li>
|
|
56
|
+
<li class="text-2xl hover:opacity-75">
|
|
57
|
+
<a href="https://instagram.com/rajanydv_" class="me-4 text-reset" target="_blank">
|
|
58
|
+
<i class="fa fa-instagram" aria-hidden="true"></i>
|
|
59
|
+
</a>
|
|
60
|
+
</li>
|
|
61
|
+
<li class="text-2xl hover:opacity-75">
|
|
62
|
+
<a href="https://trakt.tv/users/{{site.trakt_tv_username}}" class="me-4 text-reset" target="_blank">
|
|
63
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32" class="fill-current">
|
|
64
|
+
<path d="M16 32c-8.817 0-16-7.183-16-16s7.183-16 16-16c8.817 0 16 7.183 16 16s-7.183 16-16 16zM16 1.615c-7.932 0-14.385 6.453-14.385 14.385s6.453 14.385 14.385 14.385c7.932 0 14.385-6.453 14.385-14.385s-6.453-14.385-14.385-14.385zM6.521 24.708c2.339 2.557 5.724 4.152 9.479 4.152 1.917 0 3.735-0.417 5.369-1.167l-8.932-8.907zM25.573 24.62c2.052-2.281 3.307-5.323 3.307-8.625 0-5.177-3.047-9.62-7.421-11.677l-8.12 8.099 12.219 12.204zM12.401 13.38l-6.765 6.74-0.907-0.907 15.421-15.416c-1.301-0.437-2.692-0.677-4.151-0.677-7.115-0.005-12.885 5.765-12.885 12.88 0 2.896 0.953 5.573 2.588 7.735l6.74-6.74 0.479 0.437 9.663 9.661c0.197-0.109 0.38-0.219 0.556-0.353l-10.703-10.672-6.468 6.473-0.907-0.905 7.38-7.381 0.479 0.443 11.281 11.251c0.177-0.136 0.339-0.292 0.5-0.421l-12.181-12.157-0.109 0.021zM16.464 14.749l-0.901-0.9 6.38-6.385 0.907 0.916-6.385 6.38zM22.521 5.979l-7.36 7.36-0.907-0.907 7.36-7.359 0.907 0.911z"/>
|
|
65
|
+
</svg>
|
|
66
|
+
</a>
|
|
67
|
+
</li>
|
|
68
|
+
<li class="text-2xl hover:opacity-75">
|
|
69
|
+
<a href="https://www.podbean.com/user-R1vnlbi3jC2m" class="me-4 text-reset"target="_blank">
|
|
70
|
+
<i class="fa fa-podcast" aria-hidden="true"></i>
|
|
71
|
+
</a>
|
|
72
|
+
</li>
|
|
73
|
+
</ul>
|
|
74
|
+
</div>
|
|
75
|
+
</nav>
|
|
76
|
+
|
|
77
|
+
<script>
|
|
78
|
+
const navtrigger = document.querySelector('#NavTrigger');
|
|
79
|
+
const navbartoggler = document.querySelector('#navbarToggler');
|
|
80
|
+
navtrigger.onclick = function() {
|
|
81
|
+
if(navbartoggler.classList.contains('hidden')){
|
|
82
|
+
navbartoggler.classList.remove('hidden');
|
|
83
|
+
}
|
|
84
|
+
else{
|
|
85
|
+
navbartoggler.classList.add('hidden');
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
</script>
|
data/_layouts/about.html
ADDED
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<section class="about max-w-4xl mx-auto">
|
|
5
|
+
<div class="text-center">
|
|
6
|
+
<h1 class="text-5xl" id="page-title">
|
|
7
|
+
About Me
|
|
8
|
+
</h1>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="flex flex-col justify-center p-2 gap-2 items-center">
|
|
11
|
+
<div class="flex gap-1">
|
|
12
|
+
<h1 class="text-center text-xl">Hi! I'm {{site.title}}</h1>
|
|
13
|
+
<img class="emoji h-8" title=":wave:" alt=":wave:"
|
|
14
|
+
src="https://github.githubassets.com/images/icons/emoji/unicode/1f44b.png">
|
|
15
|
+
</div>
|
|
16
|
+
<div class="p-3 flex-1 text-center max-w-xl">
|
|
17
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit, adipisci eligendi cum nobis voluptatum
|
|
18
|
+
delectus consectetur quisquam? Sit perferendis dicta tempore asperiores ex natus? Aperiam, odit rerum? Amet,
|
|
19
|
+
labore ratione!
|
|
20
|
+
</div>
|
|
21
|
+
<div class="">
|
|
22
|
+
<h5 class="text-center mt-3"><a href="../resume.pdf" target="_blank" class="text-blue-300 border py-1 px-4 rounded-full border-blue-300 hover:bg-sky-600/50 hover:text-gray-200">View Resume</a></h5>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
</section>
|
|
26
|
+
|
|
27
|
+
<section class="pt-5">
|
|
28
|
+
<h1 class="mt-3 text-center text-3xl font-[oswald]">Skills</h1>
|
|
29
|
+
<ul class="flex gap-2 flex-wrap justify-center mt-2 bg-slate-700 p-2 rounded border-y-4 border-slate-900">
|
|
30
|
+
<li class="max-w-xs p-2 bg-slate-800 rounded grow">
|
|
31
|
+
<h5 class="text-2xl tracking-tight text-center mb-4 px-2 underline opacity-50">Frontend Development</h5>
|
|
32
|
+
<div class="flex flex-wrap gap-2 justify-center">
|
|
33
|
+
{% for tool in site.toolkit.frontend %}
|
|
34
|
+
<div class="list-unstyled px-4 border border-gray-500">
|
|
35
|
+
{{tool}}
|
|
36
|
+
</div>
|
|
37
|
+
{% endfor %}
|
|
38
|
+
</div>
|
|
39
|
+
</li>
|
|
40
|
+
<li class="max-w-xs p-2 bg-slate-800 rounded grow">
|
|
41
|
+
<h5 class="text-2xl tracking-tight text-center mb-4 underline opacity-50 px-2">Backend Dev</h5>
|
|
42
|
+
<div class="flex flex-wrap gap-2 justify-center">
|
|
43
|
+
{% for tool in site.toolkit.backend %}
|
|
44
|
+
<div class="list-unstyled px-4 border border-gray-500">
|
|
45
|
+
{{tool}}
|
|
46
|
+
</div>
|
|
47
|
+
{% endfor %}
|
|
48
|
+
</div>
|
|
49
|
+
</li>
|
|
50
|
+
<li class="max-w-xs p-2 bg-slate-800 rounded grow">
|
|
51
|
+
<h5 class="text-2xl tracking-tight text-center mb-4 underline opacity-50 px-2">UI UX Designing</h5>
|
|
52
|
+
<div class="flex flex-wrap gap-2 justify-center">
|
|
53
|
+
{% for tool in site.toolkit.designing %}
|
|
54
|
+
<div class="list-unstyled px-4 border border-gray-500">
|
|
55
|
+
{{tool}}
|
|
56
|
+
</div>
|
|
57
|
+
{% endfor %}
|
|
58
|
+
</div>
|
|
59
|
+
</li>
|
|
60
|
+
</ul>
|
|
61
|
+
</section>
|
|
62
|
+
|
|
63
|
+
<section class="pt-5">
|
|
64
|
+
<h1 class="mt-3 text-center text-3xl font-[oswald]">Get in Touch</h1>
|
|
65
|
+
<div class="text-center pb-5 pt-2 justify-content-center mt-2">
|
|
66
|
+
My email is <a href="mailto:{{site.email}}"
|
|
67
|
+
class="text-blue-300 underline">{{site.email}}</a>.<br>You are most
|
|
68
|
+
welcome to connect with me.
|
|
69
|
+
</div>
|
|
70
|
+
</section>
|
|
71
|
+
|
|
72
|
+
<section class="text-center pt-5">
|
|
73
|
+
<h1 class="text-3xl font-[oswald]">About the Site</h1>
|
|
74
|
+
<p class="bg-slate-700 opacity-75 border-y-4 border-slate-900 p-2 max-w-2xl rounded mx-auto text-md mt-2">
|
|
75
|
+
I have used Jekyll to generate this site, tailwindCSS and sass for styling and I have used a few plugins
|
|
76
|
+
to make this site work.
|
|
77
|
+
The website source is hosted on <a href="https://github.com/" target="_blank"
|
|
78
|
+
class="text-blue-300">Github</a> and the site itself is deployed in <a href="https://www.cloudflare.com/"
|
|
79
|
+
class="text-blue-300">cloudflare</a>.
|
|
80
|
+
</p>
|
|
81
|
+
<div class="text-center pt-5 mb-3 text-xs opacity-50">
|
|
82
|
+
This site was created by <a href="https://rajan.works/" target="_blank" class="text-blue-300">Rajan
|
|
83
|
+
Yadav</a> and was made using <a href="https://jekyllrb.com/" target="_blank"
|
|
84
|
+
class="text-blue-300">Jekyll</a>.<br>
|
|
85
|
+
This blog is licensed under the MIT License unless otherwise stated.
|
|
86
|
+
</div>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class="all-tags">
|
|
6
|
+
<h1 class="text-5xl text-center" id="page-title">All Tags</h1>
|
|
7
|
+
<ul class="my-5">
|
|
8
|
+
{% assign tags = site.blog | all_tags %}
|
|
9
|
+
{% for tag in site.tags %}
|
|
10
|
+
{% assign tag_slug = tag['name'] | slugify: "raw" | remove: ".md" %}
|
|
11
|
+
<li class="flex gap-2 items-center justify-center">
|
|
12
|
+
<a class="tag-link text-2xl text-blue-300 hover:underline py-1" href={{ site.baseurl | append: "/blog/tags/" | append: tag_slug | append: "/" }} rel="category tag">
|
|
13
|
+
{{ tag_slug }}
|
|
14
|
+
</a>
|
|
15
|
+
</li>
|
|
16
|
+
{% endfor %}
|
|
17
|
+
</ul>
|
|
18
|
+
</div>
|
data/_layouts/blog.html
ADDED
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<section class="max-w-3xl">
|
|
6
|
+
<div>
|
|
7
|
+
<div class="text-center">
|
|
8
|
+
<h1 class="text-5xl" id="page-title">{{site.blog_title}}</h1>
|
|
9
|
+
<h5 class="text-lg opacity-75">{{site.blog_description}}</h5>
|
|
10
|
+
<div class="py-5">
|
|
11
|
+
<a href="{{site.url}}/feed.blog.xml/" target="_blank"
|
|
12
|
+
class="border border-gray-500 rounded-full py-1 px-4 bg-gradient-to-r text-xl from-slate-700 hover:bg-slate-900 hover:border-slate-700">
|
|
13
|
+
<i class="fa fa-rss px-2" aria-hidden="true"></i>Subscribe via RSS</a>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="rounded">
|
|
17
|
+
<!-- searchbar -->
|
|
18
|
+
<div class=" mx-auto my-2 text-center p-1 rounded w-full">
|
|
19
|
+
<form method="GET" class="w-full text-center">
|
|
20
|
+
<input type="search" name="q"
|
|
21
|
+
class="py-2 text-md text-white bg-slate-800 w-full rounded pl-10 focus:outline-none" placeholder="Search..."
|
|
22
|
+
autocomplete="off" onkeypress="Search(event)" type="text" placeholder="Search" aria-label="Search"
|
|
23
|
+
id="EpisodeSearch">
|
|
24
|
+
</form>
|
|
25
|
+
<!-- searchresults -->
|
|
26
|
+
<!-- To edit results panel, refer line 150 of search.script.js -->
|
|
27
|
+
<ul id="SearchResults" class="list-none pt-2">
|
|
28
|
+
</ul>
|
|
29
|
+
<!-- /searchresults -->
|
|
30
|
+
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
<ul class="mt-5">
|
|
34
|
+
<h2 class="rounded bg-slate-700 text-xl text-center" id="heading">All Posts</h2>
|
|
35
|
+
{% for post in site.blog %}
|
|
36
|
+
<li class=" list-none rounded bg-slate-900 p-3 m-2 shadow-md">
|
|
37
|
+
<div class="row align-middle">
|
|
38
|
+
{% if post.banner %}
|
|
39
|
+
<div class="col-lg p-2 banner">
|
|
40
|
+
<img src="{{post.banner}}" alt="{{post.title}}" class="img-responsive img-fluid ">
|
|
41
|
+
</div>
|
|
42
|
+
{% endif %}
|
|
43
|
+
<div class="flex flex-col gap-1 pt-2">
|
|
44
|
+
<h2><a href="{{ post.url | relative_url }}" class="text-2xl text-blue-300 hover:underline">{{ post.title
|
|
45
|
+
}}</a>
|
|
46
|
+
</h2>
|
|
47
|
+
<div class="about flex flex-col gap-2">
|
|
48
|
+
{% if post.description %}
|
|
49
|
+
<p class="opacity-75">{{ post.description }}</p>
|
|
50
|
+
{% endif %}
|
|
51
|
+
{% if post.tags %}
|
|
52
|
+
<ul class="flex list-unstyled flex-wrap gap-2">
|
|
53
|
+
{% for tag in post.tags %}
|
|
54
|
+
<li>
|
|
55
|
+
<a href={{ site.baseurl | append: "/blog/tags/" | append: tag | append: "/" }}
|
|
56
|
+
class="border border-gray-500 px-2 flex gap-1 items-center rounded-full opacity-50 hover:opacity-100 hover:bg-slate-500 hover:text-slate-900">
|
|
57
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1"
|
|
58
|
+
stroke="currentColor" class="w-5 h-5">
|
|
59
|
+
<path stroke-linecap="round" stroke-linejoin="round"
|
|
60
|
+
d="M9.568 3H5.25A2.25 2.25 0 003 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 005.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 009.568 3z" />
|
|
61
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6z" />
|
|
62
|
+
</svg>
|
|
63
|
+
<div>{{tag}}</div>
|
|
64
|
+
</a>
|
|
65
|
+
</li>
|
|
66
|
+
{% endfor %}
|
|
67
|
+
</ul>
|
|
68
|
+
{% endif %}
|
|
69
|
+
{% if post.date-published %}
|
|
70
|
+
<small class="opacity-75 text-xs py-2 italic">Published on: {{post.date-published | date: "%A, %B %d, %y"
|
|
71
|
+
}}</small>
|
|
72
|
+
{% endif %}
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
</li>
|
|
77
|
+
{% endfor %}
|
|
78
|
+
</ul>
|
|
79
|
+
</div>
|
|
80
|
+
</section>
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
<!-- searchbar function -->
|
|
84
|
+
|
|
85
|
+
<script src="../js/search.script.js" type="text/javascript"></script>
|
|
86
|
+
<script>
|
|
87
|
+
SimpleJekyllSearch({
|
|
88
|
+
searchInput: document.getElementById('EpisodeSearch'),
|
|
89
|
+
resultsContainer: document.getElementById('SearchResults'),
|
|
90
|
+
json: '../search.json'
|
|
91
|
+
})
|
|
92
|
+
// search shortcut
|
|
93
|
+
</script>
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
<!-- /searchbar function -->
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
# All the Categories of posts
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
{% assign HEAD_PREFIX = "h_" %}
|
|
8
|
+
{% assign LIST_PREFIX = "l_" %}
|
|
9
|
+
|
|
10
|
+
{% assign group_index = 0 %}
|
|
11
|
+
|
|
12
|
+
{% assign sort_categories = site.categories | sort %}
|
|
13
|
+
|
|
14
|
+
{% for category in sort_categories %}
|
|
15
|
+
{% assign category_name = category | first %}
|
|
16
|
+
{% assign posts_of_category = category | last %}
|
|
17
|
+
{% assign first_post = posts_of_category | first %}
|
|
18
|
+
|
|
19
|
+
{% if category_name == first_post.categories[0] %}
|
|
20
|
+
{% assign sub_categories = "" | split: "" %}
|
|
21
|
+
|
|
22
|
+
{% for post in posts_of_category %}
|
|
23
|
+
{% assign second_category = post.categories[1] %}
|
|
24
|
+
{% if second_category %}
|
|
25
|
+
{% unless sub_categories contains second_category %}
|
|
26
|
+
{% assign sub_categories = sub_categories | push: second_category %}
|
|
27
|
+
{% endunless %}
|
|
28
|
+
{% endif %}
|
|
29
|
+
{% endfor %}
|
|
30
|
+
|
|
31
|
+
{% assign sub_categories = sub_categories | sort %}
|
|
32
|
+
{% assign sub_categories_size = sub_categories | size %}
|
|
33
|
+
|
|
34
|
+
<div class="card categories">
|
|
35
|
+
<!-- top-category -->
|
|
36
|
+
<div id="{{ HEAD_PREFIX }}{{ group_index }}"
|
|
37
|
+
class="card-header flex justify-content-between hide-border-bottom">
|
|
38
|
+
<span>
|
|
39
|
+
<i class="far fa-folder{% if sub_categories_size > 0 %}-open{% endif %} fa-fw"></i>
|
|
40
|
+
|
|
41
|
+
{% capture _category_url %}/categories/{{ category_name | slugify | url_encode }}/{% endcapture %}
|
|
42
|
+
<a href="{{ _category_url | relative_url }}" class="ml-1 mr-2">{{ category_name }}</a>
|
|
43
|
+
|
|
44
|
+
<!-- content count -->
|
|
45
|
+
{% assign top_posts_size = site.categories[category_name] | size %}
|
|
46
|
+
<span class="text-muted small font-weight-light">
|
|
47
|
+
{% if sub_categories_size > 0 %}
|
|
48
|
+
{{ sub_categories_size }}
|
|
49
|
+
{% if sub_categories_size > 1 %}
|
|
50
|
+
{{ site.data.locales[lang].categories.category_measure.plural
|
|
51
|
+
| default: site.data.locales[lang].categories.category_measure }}
|
|
52
|
+
{% else %}
|
|
53
|
+
{{ site.data.locales[lang].categories.category_measure.singular
|
|
54
|
+
| default: site.data.locales[lang].categories.category_measure }}
|
|
55
|
+
{% endif %},
|
|
56
|
+
{% endif %}
|
|
57
|
+
|
|
58
|
+
{{ top_posts_size }}
|
|
59
|
+
|
|
60
|
+
{% if top_posts_size > 1 %}
|
|
61
|
+
{{ site.data.locales[lang].categories.post_measure.plural
|
|
62
|
+
| default: site.data.locales[lang].categories.post_measure }}
|
|
63
|
+
{% else %}
|
|
64
|
+
{{ site.data.locales[lang].categories.post_measure.singular
|
|
65
|
+
| default: site.data.locales[lang].categories.post_measure }}
|
|
66
|
+
{% endif %}
|
|
67
|
+
</span>
|
|
68
|
+
</span>
|
|
69
|
+
|
|
70
|
+
<!-- arrow -->
|
|
71
|
+
{% if sub_categories_size > 0%}
|
|
72
|
+
<a href="#{{ LIST_PREFIX }}{{ group_index }}" data-toggle="collapse"
|
|
73
|
+
aria-expanded="true" aria-label="{{ HEAD_PREFIX }}{{ group_index }}-trigger"
|
|
74
|
+
class="category-trigger hide-border-bottom">
|
|
75
|
+
<i class="fas fa-fw fa-angle-down"></i>
|
|
76
|
+
</a>
|
|
77
|
+
{% else %}
|
|
78
|
+
<span data-toggle="collapse" class="category-trigger hide-border-bottom disabled">
|
|
79
|
+
<i class="fas fa-fw fa-angle-right"></i>
|
|
80
|
+
</span>
|
|
81
|
+
{% endif %}
|
|
82
|
+
|
|
83
|
+
</div> <!-- .card-header -->
|
|
84
|
+
|
|
85
|
+
<!-- Sub-categories -->
|
|
86
|
+
{% if sub_categories_size > 0 %}
|
|
87
|
+
<div id="{{ LIST_PREFIX }}{{ group_index }}" class="collapse show" aria-expanded="true">
|
|
88
|
+
<ul class="list-group">
|
|
89
|
+
{% for sub_category in sub_categories %}
|
|
90
|
+
<li class="list-group-item">
|
|
91
|
+
<i class="far fa-folder fa-fw"></i>
|
|
92
|
+
|
|
93
|
+
{% capture _sub_ctg_url %}/categories/{{ sub_category | slugify | url_encode }}/{% endcapture %}
|
|
94
|
+
<a href="{{ _sub_ctg_url | relative_url }}" class="ml-1 mr-2">{{ sub_category }}</a>
|
|
95
|
+
|
|
96
|
+
{% assign posts_size = site.categories[sub_category] | size %}
|
|
97
|
+
<span class="text-muted small font-weight-light">
|
|
98
|
+
{{ posts_size }}
|
|
99
|
+
|
|
100
|
+
{% if posts_size > 1 %}
|
|
101
|
+
{{ site.data.locales[lang].categories.post_measure.plural
|
|
102
|
+
| default: site.data.locales[lang].categories.post_measure }}
|
|
103
|
+
{% else %}
|
|
104
|
+
{{ site.data.locales[lang].categories.post_measure.singular
|
|
105
|
+
| default: site.data.locales[lang].categories.post_measure }}
|
|
106
|
+
{% endif %}
|
|
107
|
+
</span>
|
|
108
|
+
</li>
|
|
109
|
+
{% endfor %}
|
|
110
|
+
</ul>
|
|
111
|
+
</div>
|
|
112
|
+
{% endif %}
|
|
113
|
+
|
|
114
|
+
</div> <!-- .card -->
|
|
115
|
+
|
|
116
|
+
{% assign group_index = group_index | plus: 1 %}
|
|
117
|
+
|
|
118
|
+
{% endif %}
|
|
119
|
+
{% endfor %}
|