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
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div id="page-category">
|
|
6
|
+
<h1 class="pl-lg-2">
|
|
7
|
+
<i class="far fa-folder-open fa-fw text-muted"></i>
|
|
8
|
+
{{ page.title }}
|
|
9
|
+
<span class="lead text-muted pl-2">{{ page.blog | size }}</span>
|
|
10
|
+
</h1>
|
|
11
|
+
|
|
12
|
+
<ul class="post-content pl-0">
|
|
13
|
+
{% for post in page.blog %}
|
|
14
|
+
<li class="flex justify-between pl-md-3 pr-md-3">
|
|
15
|
+
<a href="{{ post.url | relative_url }}">{{ post.title }}</a>
|
|
16
|
+
<span class="dash grow"></span>
|
|
17
|
+
{% include datetime.html date=post.date wrap='span' class='text-muted small' %}
|
|
18
|
+
</li>
|
|
19
|
+
{% endfor %}
|
|
20
|
+
</ul>
|
|
21
|
+
</div>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
{% include lang.html %}
|
|
3
|
+
<html lang="{{ site.lang }}" {{ prefer_mode }}>
|
|
4
|
+
{% include head.html %}
|
|
5
|
+
|
|
6
|
+
<body class="bg-slate-800 h-max text-gray-400">
|
|
7
|
+
{% include navbar.html %}
|
|
8
|
+
<div id="main-wrapper" class="flex justify-center">
|
|
9
|
+
<div id="main">
|
|
10
|
+
{{ content }}
|
|
11
|
+
</div>
|
|
12
|
+
{% include footer.html %}
|
|
13
|
+
</div>
|
|
14
|
+
</body>
|
|
15
|
+
</html>
|
data/_layouts/home.html
ADDED
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<section class="home my-0">
|
|
6
|
+
<div class="p-2 text-center mb-3">
|
|
7
|
+
<div class="pt-5">
|
|
8
|
+
<h1 class="text-5xl md:text-7xl tracking-tight" id="page-title">{{site.title}}</h1>
|
|
9
|
+
<h5 class="my-2 text-lg md:text-2xl opacity-75 max-w-2xl mx-auto">{{site.description}}</h5>
|
|
10
|
+
</div>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="flex gap-8 flex-wrap w-full py-5">
|
|
13
|
+
<div class="grow rounded min-w-[25vw]">
|
|
14
|
+
<h2 class="text-lg text-center bg-slate-700 shadow-inner rounded" id="heading">Recent Posts</h2>
|
|
15
|
+
<div class="list-group">
|
|
16
|
+
{% for posts in site.blog limit:3 %}
|
|
17
|
+
<div class="bg-slate-900 border-b-2 border-gray-500 px-4 py-2 rounded">
|
|
18
|
+
<a href="{{ posts.url | relative_url }}" class="" aria-current="true">
|
|
19
|
+
<h2 class="mb-1 pr-2 text-2xl text-blue-300 hover:underline">{{posts.title}}</h2>
|
|
20
|
+
</a>
|
|
21
|
+
{% if posts.description %}
|
|
22
|
+
<p class="mb-1 h-12 opacity-75">{{posts.description | truncate: 90}}</p>
|
|
23
|
+
{% endif %}
|
|
24
|
+
{% if posts.tags %}
|
|
25
|
+
<ul class="list-unstyled flex flex-wrap pt-1 gap-2">
|
|
26
|
+
{% for tag in posts.tags %}
|
|
27
|
+
<li>
|
|
28
|
+
<a href={{ site.baseurl | append: "/blog/tags/" | append: tag | append: "/" }}
|
|
29
|
+
class="border border-gray-500 px-2 flex gap-1 items-center rounded-full rounded-full opacity-50 hover:opacity-100 hover:bg-slate-500 hover:text-slate-900">
|
|
30
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1"
|
|
31
|
+
stroke="currentColor" class="w-5 h-5">
|
|
32
|
+
<path stroke-linecap="round" stroke-linejoin="round"
|
|
33
|
+
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" />
|
|
34
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6z" />
|
|
35
|
+
</svg>
|
|
36
|
+
<div>{{tag}}</div>
|
|
37
|
+
</a>
|
|
38
|
+
</li>
|
|
39
|
+
{% endfor %}
|
|
40
|
+
</ul>
|
|
41
|
+
{% endif %}
|
|
42
|
+
{% if posts.date-published %}
|
|
43
|
+
<small class="italic opacity-75">Posted on - {{posts.date-published | date: "%b %d, %Y" }}</small>
|
|
44
|
+
{% endif %}
|
|
45
|
+
</div>
|
|
46
|
+
{% endfor %}
|
|
47
|
+
</div>
|
|
48
|
+
<div class="text-center bg-slate-700 shadow-inner w-full"><a href="{{site.url}}/blog/"
|
|
49
|
+
class="no-underline">View all</a></div>
|
|
50
|
+
</div>
|
|
51
|
+
<div class="grow rounded min-w-[25vw]">
|
|
52
|
+
<h2 class="text-lg text-center bg-slate-700 shadow-inner rounded" id="heading">New Episodes</h2>
|
|
53
|
+
<div class="list-group">
|
|
54
|
+
{% for podcast in site.podcasts limit:3 %}
|
|
55
|
+
<div class="bg-slate-900 px-4 py-2 border-b-2 border-slate-500 rounded">
|
|
56
|
+
<a href="{{ podcast.url | relative_url }}" class="" aria-current="true">
|
|
57
|
+
<h2 class="mb-1 pr-2 text-2xl text-blue-300 hover:underline">{{podcast.title}}</h2>
|
|
58
|
+
</a>
|
|
59
|
+
{% if podcast.description %}
|
|
60
|
+
<p class="mb-1 h-12 opacity-75">{{podcast.description | truncate: 90}}</p>
|
|
61
|
+
{% endif %}
|
|
62
|
+
{% if podcast.date_released %}
|
|
63
|
+
<small class="italic opacity-75">Posted on - {{podcast.date_released | date: "%b %d, %Y" }}</small>
|
|
64
|
+
{% endif %}
|
|
65
|
+
</div>
|
|
66
|
+
{% endfor %}
|
|
67
|
+
</div>
|
|
68
|
+
<div class="text-center bg-slate-700 shadow-inner w-full"><a href="{{site.url}}/blog/"
|
|
69
|
+
class="no-underline">View all</a>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
</section>
|
data/_layouts/page.html
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<h1 class="text-center py-3 text-5xl" id="page-title">Episode 1: {{page.title}}</h1>
|
|
6
|
+
<div class="podcast-player">
|
|
7
|
+
{{content}}
|
|
8
|
+
</div>
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
<div class="flex flex-wrap pt-4" style="gap: 1em;">
|
|
12
|
+
<div class="banner">
|
|
13
|
+
<img src="" alt="Poster" id="Poster" class="img-fluid object-fit img-responsive">
|
|
14
|
+
</div>
|
|
15
|
+
<div class="pl-1">
|
|
16
|
+
<h2 class="font-heading bold text-3xl font-[oswald]" id="Title">loading...</h2>
|
|
17
|
+
<ul class="flex list-unstyled my-2 gap-2 flex-wrap opacity-75">
|
|
18
|
+
<li id="Runtime" class=" px-2 bg-slate-900">loading...</li>
|
|
19
|
+
<li id="Year" class="px-2 bg-slate-900">loading...</li>
|
|
20
|
+
<li id="Rated" class="px-2 bg-slate-900">loading...</li>
|
|
21
|
+
<li id="Genre" class="px-2 bg-slate-900">loading...</li>
|
|
22
|
+
</ul>
|
|
23
|
+
<h5 class="py-2"><strong>Plot </strong>-</h5>
|
|
24
|
+
<p id="Plot" class="opacity-75 max-w-lg">loading...</p>
|
|
25
|
+
<div class="py-2">
|
|
26
|
+
<h5><strong>Director -</strong></h5>
|
|
27
|
+
<div id="Director" class="opacity-75">loading...</div>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="pt-2">
|
|
30
|
+
<h5><strong>Writers -</strong></h5>
|
|
31
|
+
<div id="Writer" class="opacity-75">loading...</div>
|
|
32
|
+
<div class="pt-2">
|
|
33
|
+
<h5><strong>Casts -</strong></h5>
|
|
34
|
+
<div id="Actors" class="opacity-75">loading...</div>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
|
|
40
|
+
{% if site.comments %}
|
|
41
|
+
<!-- {% include disqus.html %} -->
|
|
42
|
+
{% endif %}
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
<script>
|
|
46
|
+
// fetching movie
|
|
47
|
+
const getMovieInfo = () => {
|
|
48
|
+
|
|
49
|
+
const movieID = '{{ page.movie_id }}';
|
|
50
|
+
// Change the API key to your own
|
|
51
|
+
fetch(`https://www.omdbapi.com/?i=${movieID}&plot=full&apikey=2f6435d9`)
|
|
52
|
+
.then(response => response.json())
|
|
53
|
+
.then(data => {
|
|
54
|
+
document.querySelector("#Poster").src = data.Poster
|
|
55
|
+
|
|
56
|
+
document.querySelector("#Title").innerText = data.Title
|
|
57
|
+
document.querySelector("#Director").innerText = data.Director
|
|
58
|
+
document.querySelector("#Writer").innerText = data.Writer
|
|
59
|
+
document.querySelector("#Actors").innerText = data.Actors
|
|
60
|
+
|
|
61
|
+
document.querySelector("#Plot").innerText = data.Plot
|
|
62
|
+
|
|
63
|
+
document.querySelector("#Runtime").innerText = data.Runtime
|
|
64
|
+
document.querySelector("#Year").innerText = data.Year
|
|
65
|
+
document.querySelector("#Rated").innerText = data.Rated
|
|
66
|
+
document.querySelector("#Genre").innerText = data.Genre
|
|
67
|
+
})
|
|
68
|
+
.catch(err => console.log(err))
|
|
69
|
+
}
|
|
70
|
+
getMovieInfo();
|
|
71
|
+
console.log(getMovieInfo)
|
|
72
|
+
|
|
73
|
+
// /fetching movie
|
|
74
|
+
</script>
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
---
|
|
4
|
+
<section class="podcast">
|
|
5
|
+
<div class="channel-info">
|
|
6
|
+
<div class="flex flex-col gap-2 max-w-2xl text-center mx-auto">
|
|
7
|
+
<h5 class="opacity-75">Presenting</h5>
|
|
8
|
+
<h1 class="text-5xl" id="page-title">{{site.podcast_title}}</h1>
|
|
9
|
+
<div class="description text-lg opacity-75">{{site.podcast_description}}</div>
|
|
10
|
+
<div class="flex flex-wrap text-center pb-5 pt-2 justify-center gap-3 text-xl">
|
|
11
|
+
<a href="https://rajanydv.podbean.com/" target="_blank" class="border border-gray-500 rounded-full py-1 px-4 bg-gradient-to-r from-slate-700 hover:bg-slate-900 hover:border-slate-700"><i
|
|
12
|
+
class="fa fa-podcast px-2" aria-hidden="true"></i>Listen on Podbean</a>
|
|
13
|
+
<a href="https://feed.podbean.com/rajanydv/feed.xml" target="_blank"
|
|
14
|
+
class="border border-gray-500 rounded-full py-1 px-4 bg-gradient-to-r from-slate-700 hover:bg-slate-900 hover:border-slate-700"><i class="fa fa-rss px-2" aria-hidden="true"></i>Subscribe
|
|
15
|
+
via RSS</a>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
<div class="episode-list py-5">
|
|
21
|
+
<h2 class="rounded bg-slate-700 text-xl text-center" id="heading">All Episodes</h2>
|
|
22
|
+
<ul class="flex justify-center flex-wrap gap-2 list-unstyled w-100 py-2">
|
|
23
|
+
{% for item in site.podcasts %}
|
|
24
|
+
<li class="p-3 rounded bg-slate-900 hover:bg-slate-700">
|
|
25
|
+
<a href="{{ item.url | relative_url }}" class="list-group-item w-fit max-w-xs">
|
|
26
|
+
<div class="banner">
|
|
27
|
+
<img src={{site.podcast_banner}} alt="{{item.title}}" class="img-responsive img-fluid object-fit">
|
|
28
|
+
</div>
|
|
29
|
+
<div>
|
|
30
|
+
<h3 class="text-2xl"># {{ item.ID }} {{ item.title }} </h2>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="opacity-50"><span>Released on - </span> {{item.date_released | date: "%b %d, %Y" }}</div>
|
|
33
|
+
</a>
|
|
34
|
+
{% endfor %}
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</section>
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<section class="projects">
|
|
6
|
+
<div class="text-center">
|
|
7
|
+
<h1 class="text-5xl" id="page-title">
|
|
8
|
+
Portfolio
|
|
9
|
+
</h1>
|
|
10
|
+
</div>
|
|
11
|
+
<ul class="mt-5 flex flex-col gap-3">
|
|
12
|
+
{% for project in site.projects %}
|
|
13
|
+
<li class="px-3 py-3 list-unstyled bg-slate-900 flex flex-wrap gap-2 justify-center">
|
|
14
|
+
{% if project.banner %}
|
|
15
|
+
<div class="banner">
|
|
16
|
+
<img src="{{ project.banner }}" alt="{{ project.title }}">
|
|
17
|
+
</div>
|
|
18
|
+
{% endif %}
|
|
19
|
+
<div class="p-2 flex flex-col gap-2">
|
|
20
|
+
<h2 class="text-3xl" id="heading">{{ project.title }}</h2>
|
|
21
|
+
<p class="max-w-md opacity-75">{{ project.description }}</p>
|
|
22
|
+
<h2 class="text-lg pt-2 underline underline-offset-4">Languages Used</h2>
|
|
23
|
+
<div class="flex items-center">
|
|
24
|
+
<ul id="Techstack">
|
|
25
|
+
</ul>
|
|
26
|
+
<ul id="TechstackSeekbar">
|
|
27
|
+
</ul>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="flex mt-5 gap-3">
|
|
30
|
+
<a href="#" class="text-center text-sky-500 rounded-full py-2 px-4 border border-sky-600 hover:bg-sky-600/50 hover:text-gray-200"
|
|
31
|
+
target="_blank">VIEW LIVE</a>
|
|
32
|
+
<a href="#" class="text-center text-sky-500 rounded-full py-2 px-4 border border-sky-600 hover:bg-sky-600/50 hover:text-gray-200"
|
|
33
|
+
target="_blank">SOURCE CODE</a>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
</li>
|
|
37
|
+
<script>
|
|
38
|
+
// fetching techstack
|
|
39
|
+
const getTechstack = (n) => {
|
|
40
|
+
|
|
41
|
+
const username = '{{ site.github_username }}';
|
|
42
|
+
const repository = '{{ project.title }}';
|
|
43
|
+
|
|
44
|
+
fetch(`https://api.github.com/repos/${username}/${repository}/languages`)
|
|
45
|
+
.then(response => response.json())
|
|
46
|
+
.then(data => {
|
|
47
|
+
var output = '';
|
|
48
|
+
// seekbar
|
|
49
|
+
const seekbar = document.getElementById('TechstackSeekbar')
|
|
50
|
+
seekbar.style.width = '100%';
|
|
51
|
+
const techstack = document.getElementById('Techstack');
|
|
52
|
+
// totalvalue function
|
|
53
|
+
const sumValues = obj => Object.values(obj).reduce((a, b) => a + b);
|
|
54
|
+
const totalvalue = sumValues(data);
|
|
55
|
+
for (var languages in data) {
|
|
56
|
+
// languages
|
|
57
|
+
if (data.hasOwnProperty(languages)) {
|
|
58
|
+
var value = data[languages];
|
|
59
|
+
const seekvalue = document.createElement('li');
|
|
60
|
+
// seekvalue width function
|
|
61
|
+
const seeklength = (value / totalvalue) * (seekbar.offsetWidth) / 4;
|
|
62
|
+
|
|
63
|
+
seekvalue.style.width = (`${seeklength}%`);
|
|
64
|
+
seekvalue.style.borderRadius = ('5px');
|
|
65
|
+
seekvalue.style.height = ('1.2em');
|
|
66
|
+
seekvalue.style.margin = ('0.7em');
|
|
67
|
+
seekvalue.style.background = ('#334155');
|
|
68
|
+
seekbar.appendChild(seekvalue);
|
|
69
|
+
techstack.innerHTML += `<li>${languages}</li>`;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
})
|
|
73
|
+
|
|
74
|
+
.catch(function (error) {
|
|
75
|
+
if (n === 1) return reject(error); // <--- base case!
|
|
76
|
+
getTechstack(n - 1)
|
|
77
|
+
.then(resolve)
|
|
78
|
+
.catch(reject);
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
const n = 1;
|
|
83
|
+
getTechstack(n);
|
|
84
|
+
|
|
85
|
+
// /fetching techstack
|
|
86
|
+
</script>
|
|
87
|
+
{% endfor %}
|
|
88
|
+
</ul>
|
|
89
|
+
</section>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
comment: true
|
|
4
|
+
---
|
|
5
|
+
<h1>{{ page.title }}</h1>
|
|
6
|
+
{% if page.tags.size > 0 %}
|
|
7
|
+
<div class="tags py-2 w-fit">
|
|
8
|
+
<ul class="list-unstyled flex flex-wrap gap-1">
|
|
9
|
+
{% for tag in page.tags %}
|
|
10
|
+
<a href="{{ site.url }}{{ site.baseurl }}{{ tag.url }}">
|
|
11
|
+
<li>
|
|
12
|
+
<a href={{ site.baseurl | append: "/blog/tags/" | append: tag | append: "/" }}
|
|
13
|
+
class="text-xl border border-gray-500 px-3 flex gap-1 items-center rounded-full opacity-75 hover:opacity-100 hover:bg-slate-500 hover:text-slate-900">
|
|
14
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1"
|
|
15
|
+
stroke="currentColor" class="w-6 h-6">
|
|
16
|
+
<path stroke-linecap="round" stroke-linejoin="round"
|
|
17
|
+
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" />
|
|
18
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6z" />
|
|
19
|
+
</svg>
|
|
20
|
+
<div>{{tag}}</div>
|
|
21
|
+
</a>
|
|
22
|
+
</li>
|
|
23
|
+
</a>
|
|
24
|
+
{% endfor %}
|
|
25
|
+
</ul>
|
|
26
|
+
</div>
|
|
27
|
+
{% endif %}
|
|
28
|
+
|
|
29
|
+
<article class=" prose prose-invert prose-headings:text-gray-400 blogpostcontent w-[90vw] pt-5">
|
|
30
|
+
{{ content }}
|
|
31
|
+
</article>
|
|
32
|
+
|
|
33
|
+
{% include disqus.html %}
|
data/_layouts/tags.html
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class="max-w-3xl">
|
|
6
|
+
<div class="flex gap-2 underline underline-offset-4 opacity-75 py-2">
|
|
7
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="w-10 h-10">
|
|
8
|
+
<path stroke-linecap="round" stroke-linejoin="round" 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"></path>
|
|
9
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6z"></path>
|
|
10
|
+
</svg>
|
|
11
|
+
<h1 class="text-3xl tracking-tight">{{ page.tag-name }}</h1>
|
|
12
|
+
</div>
|
|
13
|
+
{% for post in site.blog %}
|
|
14
|
+
{% if post.tags contains page.tag-name %}
|
|
15
|
+
<li class=" list-none rounded bg-slate-900 p-3 m-2 shadow-md min-w-[40vw]">
|
|
16
|
+
<div class="row align-middle">
|
|
17
|
+
<div class="flex flex-col gap-1 pt-2">
|
|
18
|
+
<h2><a href="{{ post.url | relative_url }}" class="text-2xl text-blue-300 hover:underline">{{ post.title }}</a>
|
|
19
|
+
</h2>
|
|
20
|
+
<div class="about flex flex-col gap-2">
|
|
21
|
+
{% if post.description %}
|
|
22
|
+
<p class="opacity-75">{{ post.description }}</p>
|
|
23
|
+
{% endif %}
|
|
24
|
+
{% if post.date-published %}
|
|
25
|
+
<small class="opacity-75 text-xs py-2 italic">Published on: {{post.date-published | date: "%A, %B %d, %y"
|
|
26
|
+
}}</small>
|
|
27
|
+
{% endif %}
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</li>
|
|
32
|
+
{% endif %}
|
|
33
|
+
{% endfor %}
|
|
34
|
+
</div>
|
|
File without changes
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
.highlighter-rouge pre.highlight
|
|
2
|
+
overflow: auto
|
|
3
|
+
.highlight
|
|
4
|
+
overflow: auto
|
|
5
|
+
max-width: 100vw
|
|
6
|
+
border-radius: 1px
|
|
7
|
+
.highlight
|
|
8
|
+
background: #222
|
|
9
|
+
color: #d0d0d0
|
|
10
|
+
.hll
|
|
11
|
+
background-color: #404040
|
|
12
|
+
.c
|
|
13
|
+
color: #999999
|
|
14
|
+
font-style: italic
|
|
15
|
+
.err
|
|
16
|
+
color: #a61717
|
|
17
|
+
background-color: #e3d2d2
|
|
18
|
+
.esc
|
|
19
|
+
color: #d0d0d0
|
|
20
|
+
.g
|
|
21
|
+
color: #d0d0d0
|
|
22
|
+
.k
|
|
23
|
+
color: #6ab825
|
|
24
|
+
font-weight: bold
|
|
25
|
+
.l
|
|
26
|
+
color: #d0d0d0
|
|
27
|
+
.n
|
|
28
|
+
color: #d0d0d0
|
|
29
|
+
.o
|
|
30
|
+
color: #d0d0d0
|
|
31
|
+
.x
|
|
32
|
+
color: #d0d0d0
|
|
33
|
+
.p
|
|
34
|
+
color: #d0d0d0
|
|
35
|
+
.ch
|
|
36
|
+
color: #999999
|
|
37
|
+
font-style: italic
|
|
38
|
+
.cm
|
|
39
|
+
color: #999999
|
|
40
|
+
font-style: italic
|
|
41
|
+
.cp
|
|
42
|
+
color: #cd2828
|
|
43
|
+
font-weight: bold
|
|
44
|
+
.cpf
|
|
45
|
+
color: #999999
|
|
46
|
+
font-style: italic
|
|
47
|
+
.c1
|
|
48
|
+
color: #999999
|
|
49
|
+
font-style: italic
|
|
50
|
+
.cs
|
|
51
|
+
color: #e50808
|
|
52
|
+
font-weight: bold
|
|
53
|
+
background-color: #520000
|
|
54
|
+
.gd
|
|
55
|
+
color: #d22323
|
|
56
|
+
.ge
|
|
57
|
+
color: #d0d0d0
|
|
58
|
+
font-style: italic
|
|
59
|
+
.gr
|
|
60
|
+
color: #d22323
|
|
61
|
+
.gh
|
|
62
|
+
color: #ffffff
|
|
63
|
+
font-weight: bold
|
|
64
|
+
.gi
|
|
65
|
+
color: #589819
|
|
66
|
+
.go
|
|
67
|
+
color: #cccccc
|
|
68
|
+
.gp
|
|
69
|
+
color: #aaaaaa
|
|
70
|
+
.gs
|
|
71
|
+
color: #d0d0d0
|
|
72
|
+
font-weight: bold
|
|
73
|
+
.gu
|
|
74
|
+
color: #ffffff
|
|
75
|
+
text-decoration: underline
|
|
76
|
+
.gt
|
|
77
|
+
color: #d22323
|
|
78
|
+
.kc
|
|
79
|
+
color: #6ab825
|
|
80
|
+
font-weight: bold
|
|
81
|
+
.kd
|
|
82
|
+
color: #6ab825
|
|
83
|
+
font-weight: bold
|
|
84
|
+
.kn
|
|
85
|
+
color: #6ab825
|
|
86
|
+
font-weight: bold
|
|
87
|
+
.kp
|
|
88
|
+
color: #6ab825
|
|
89
|
+
.kr
|
|
90
|
+
color: #6ab825
|
|
91
|
+
font-weight: bold
|
|
92
|
+
.kt
|
|
93
|
+
color: #6ab825
|
|
94
|
+
font-weight: bold
|
|
95
|
+
.ld
|
|
96
|
+
color: #d0d0d0
|
|
97
|
+
.m
|
|
98
|
+
color: #3677a9
|
|
99
|
+
.s
|
|
100
|
+
color: #ed9d13
|
|
101
|
+
.na
|
|
102
|
+
color: #bbbbbb
|
|
103
|
+
.nb
|
|
104
|
+
color: #24909d
|
|
105
|
+
.nc
|
|
106
|
+
color: #447fcf
|
|
107
|
+
text-decoration: underline
|
|
108
|
+
.no
|
|
109
|
+
color: #40ffff
|
|
110
|
+
.nd
|
|
111
|
+
color: #ffa500
|
|
112
|
+
.ni
|
|
113
|
+
color: #d0d0d0
|
|
114
|
+
.ne
|
|
115
|
+
color: #bbbbbb
|
|
116
|
+
.nf
|
|
117
|
+
color: #447fcf
|
|
118
|
+
.nl
|
|
119
|
+
color: #d0d0d0
|
|
120
|
+
.nn
|
|
121
|
+
color: #447fcf
|
|
122
|
+
text-decoration: underline
|
|
123
|
+
.nx
|
|
124
|
+
color: #d0d0d0
|
|
125
|
+
.py
|
|
126
|
+
color: #d0d0d0
|
|
127
|
+
.nt
|
|
128
|
+
color: #6ab825
|
|
129
|
+
font-weight: bold
|
|
130
|
+
.nv
|
|
131
|
+
color: #40ffff
|
|
132
|
+
.ow
|
|
133
|
+
color: #6ab825
|
|
134
|
+
font-weight: bold
|
|
135
|
+
.w
|
|
136
|
+
color: #666666
|
|
137
|
+
.mb
|
|
138
|
+
color: #3677a9
|
|
139
|
+
.mf
|
|
140
|
+
color: #3677a9
|
|
141
|
+
.mh
|
|
142
|
+
color: #3677a9
|
|
143
|
+
.mi
|
|
144
|
+
color: #3677a9
|
|
145
|
+
.mo
|
|
146
|
+
color: #3677a9
|
|
147
|
+
.sa
|
|
148
|
+
color: #ed9d13
|
|
149
|
+
.sb
|
|
150
|
+
color: #ed9d13
|
|
151
|
+
.sc
|
|
152
|
+
color: #ed9d13
|
|
153
|
+
.dl
|
|
154
|
+
color: #ed9d13
|
|
155
|
+
.sd
|
|
156
|
+
color: #ed9d13
|
|
157
|
+
.s2
|
|
158
|
+
color: #ed9d13
|
|
159
|
+
.se
|
|
160
|
+
color: #ed9d13
|
|
161
|
+
.sh
|
|
162
|
+
color: #ed9d13
|
|
163
|
+
.si
|
|
164
|
+
color: #ed9d13
|
|
165
|
+
.sx
|
|
166
|
+
color: #ffa500
|
|
167
|
+
.sr
|
|
168
|
+
color: #ed9d13
|
|
169
|
+
.s1
|
|
170
|
+
color: #ed9d13
|
|
171
|
+
.ss
|
|
172
|
+
color: #ed9d13
|
|
173
|
+
.bp
|
|
174
|
+
color: #24909d
|
|
175
|
+
.fm
|
|
176
|
+
color: #447fcf
|
|
177
|
+
.vc
|
|
178
|
+
color: #40ffff
|
|
179
|
+
.vg
|
|
180
|
+
color: #40ffff
|
|
181
|
+
.vi
|
|
182
|
+
color: #40ffff
|
|
183
|
+
.vm
|
|
184
|
+
color: #40ffff
|
|
185
|
+
.il
|
|
186
|
+
color: #3677a9
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
.podcast-player
|
|
2
|
+
max-width: 50em
|
|
3
|
+
margin: 0 auto
|
|
4
|
+
.podcast
|
|
5
|
+
.channel-info
|
|
6
|
+
.about
|
|
7
|
+
.description
|
|
8
|
+
max-width: 40em
|
|
9
|
+
text-align: center
|
|
10
|
+
margin: 0 auto
|
|
11
|
+
.banner
|
|
12
|
+
text-align: center
|
|
13
|
+
#search-bar
|
|
14
|
+
max-width: 20em
|
|
15
|
+
input
|
|
16
|
+
color: #fff
|
|
17
|
+
input:focus
|
|
18
|
+
outline: none
|
|
19
|
+
.episode-list
|
|
20
|
+
title
|
|
21
|
+
h2
|
|
22
|
+
transform: translateY(2em)
|
|
23
|
+
ul
|
|
24
|
+
gap: 1em
|
|
25
|
+
li
|
|
26
|
+
max-width: 20em
|
|
27
|
+
img
|
|
28
|
+
scale: 0.8
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
|
|
4
|
+
@tailwind base
|
|
5
|
+
@tailwind components
|
|
6
|
+
@tailwind utilities
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
@import "layouts/projects"
|
|
10
|
+
@import "layouts/podcasts"
|
|
11
|
+
@import "components/podcast_player";
|
|
12
|
+
@import "components/syntax-highlighting";
|
|
13
|
+
|
|
14
|
+
// fonts
|
|
15
|
+
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
|
|
16
|
+
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
#main-wrapper
|
|
20
|
+
#main
|
|
21
|
+
margin: 3em 1em 1em 1em
|
|
22
|
+
max-width: 70em
|
|
23
|
+
#heading
|
|
24
|
+
font-family: 'Oswald', sans-serif
|
|
25
|
+
#page-title
|
|
26
|
+
font-family: 'Bebas Neue', cursive
|
|
27
|
+
|
|
28
|
+
#resultsContainer
|
|
29
|
+
width: max-content
|
|
30
|
+
li
|
|
31
|
+
width: max-width
|
|
32
|
+
|