Skip to content

Commit 35d5a95

Browse files
smashedrsmashedr
authored
Update Theme (#9)
* Update Theme * Update Theme
1 parent 355207a commit 35d5a95

File tree

7 files changed

+171
-155
lines changed

7 files changed

+171
-155
lines changed

‎src/_layouts/default.html

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -63,40 +63,44 @@
6363
</li>
6464
{% endfor %}
6565
</ul>
66-
<ul class="navbar-nav right-icons">
67-
<li class="nav-item"><a class="nav-link hvr-grow-lg" href="{{ site.discord_invite }}" target="_blank" rel="noopener">
68-
<i class="fa-brands fa-discord fa-xl"></i></a></li>
69-
<li class="nav-item"><a class="nav-link hvr-grow-lg" href="{{ site.github_url }}" target="_blank" rel="noopener">
70-
<i class="fa-brands fa-github fa-xl"></i></a></li>
66+
<ul class="navbar-nav nav-icons d-flex flex-row">
67+
<li class="nav-item">
68+
<a class="nav-link hvr-grow-lg" href="{{ site.discord_invite }}" target="_blank" rel="noopener">
69+
<i class="fa-brands fa-discord fa-xl"></i></a>
70+
</li>
71+
<li class="nav-item">
72+
<a class="nav-link hvr-grow-lg" href="{{ site.github_url }}" target="_blank" rel="noopener">
73+
<i class="fa-brands fa-github fa-xl"></i></a>
74+
</li>
7175
</ul>
7276
</div>
7377
</div>
7478
</nav>
7579
</header>
7680

77-
<main class="flex-grow-1 px-2 px-sm-3">
81+
<main class="flex-grow-1 px-0 px-sm-3">
7882
{{ content }}
7983
</main>
8084

8185
<footer class="footer mt-auto px-1 flex-shrink-0 bg-body-tertiary">
8286
<div class="container-fluid py-2">
8387
<div class="d-flex flex-column flex-md-row">
8488
<div class="me-md-auto">
85-
<a class="link-body-emphasis text-decoration-none" href="{{ site.github_url }}" target="_blank" rel="noopener">
89+
<a class="text-decoration-none link-body-emphasis" href="{{ site.github_url }}" target="_blank" rel="noopener">
8690
<i class="fab fa-github"></i> {{ site.site_name }}</a>
8791
</div>
8892
<div class="ms-md-auto">
8993
<nav aria-label="Secondary Navigation">
9094
<ol class="list-inline mb-1 d-flex flex-column flex-sm-row">
9195
{% for item in site.menu %}
9296
<li class="list-inline-item">
93-
<a class="link-body-emphasis text-decoration-none {% if page.title == item.name %}fw-bold{% endif %}"
97+
<a class="text-decoration-none link-body-emphasis {% if page.title == item.name %}fw-bold{% endif %}"
9498
href="{{ item.link | relative_url }}" {% if item.external %}target="_blank"{% endif %}>
9599
{{ item.name }}{% if item.external %} <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i>{% endif %}</a>
96100
</li>
97101
{% endfor %}
98102
<li class="list-inline-item">
99-
<a class="link-body-emphasis text-decoration-none" href="{{ site.discord_invite }}" target="_blank">
103+
<a class="text-decoration-none link-body-emphasis" href="{{ site.discord_invite }}" target="_blank">
100104
Discord <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i></a>
101105
</li>
102106
</ol>

‎src/config/tsparticles.json

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,13 @@
1919
},
2020
"detectRetina": true,
2121
"duration": 0,
22-
"fpsLimit": 120,
22+
"fpsLimit": 60,
2323
"interactivity": {
2424
"detectsOn": "window",
2525
"events": {
2626
"onClick": {
27-
"enable": false
27+
"enable": false,
28+
"mode": "push"
2829
},
2930
"onDiv": {
3031
"selectors": {},
@@ -84,7 +85,7 @@
8485
"radius": 60
8586
},
8687
"grab": {
87-
"distance": 400,
88+
"distance": 500,
8889
"links": {
8990
"blink": false,
9091
"consent": false,
@@ -281,7 +282,7 @@
281282
"mode": "delete",
282283
"value": 0
283284
},
284-
"value": 100
285+
"value": 120
285286
},
286287
"opacity": {
287288
"value": {

‎src/css/feedback.css

Lines changed: 21 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
body {
2-
background: url('https://flask-image.cssnr.com/') no-repeat center fixed;
2+
background: url('https://images.cssnr.com/aviation') no-repeat center fixed;
33
background-size: cover;
44
}
55

@@ -9,18 +9,32 @@ body {
99
}
1010

1111
#content-wrapper {
12-
background: rgba(0 0 0 / 50%);
13-
filter: drop-shadow(15px 15px 12px #000000);
14-
backdrop-filter: blur(6px);
1512
max-width: 800px;
13+
backdrop-filter: blur(6px);
14+
filter: drop-shadow(15px 15px 12px #000000);
15+
}
16+
17+
[data-bs-theme='dark'] #content-wrapper {
18+
background: rgba(0 0 0 / 50%);
19+
}
20+
[data-bs-theme='light'] #content-wrapper {
21+
background: rgba(255 255 255 / 50%);
1622
}
1723

18-
.form-control {
24+
[data-bs-theme='dark'] .form-control {
1925
background: rgba(0 0 0 / 50%);
2026
}
27+
[data-bs-theme='light'] .form-control {
28+
background: rgba(255 255 255 / 50%);
29+
}
2130

22-
.navbar,
23-
.footer {
31+
[data-bs-theme='dark'] .navbar,
32+
[data-bs-theme='dark'] .footer {
33+
backdrop-filter: blur(6px);
2434
background: rgba(0 0 0 / 50%) !important;
35+
}
36+
[data-bs-theme='light'] .navbar,
37+
[data-bs-theme='light'] .footer {
2538
backdrop-filter: blur(6px);
39+
background: rgba(255 255 255 / 50%) !important;
2640
}

‎src/css/main.css

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -38,14 +38,10 @@ body {
3838
}
3939

4040
@media (max-width: 575px) {
41-
.right-icons {
42-
display: flex;
43-
flex-direction: row;
44-
}
45-
.right-icons .nav-link {
41+
.nav-icons .nav-link {
4642
padding-right: 7px;
4743
}
48-
.right-icons .nav-item + .nav-item .nav-link {
44+
.nav-icons .nav-item + .nav-item .nav-link {
4945
padding-left: 7px;
5046
}
5147
}
@@ -69,11 +65,9 @@ body {
6965
transition-duration: 0.3s;
7066
transition-property: transform;
7167
}
72-
7368
.hvr-grow:hover {
7469
transform: scale(1.1);
7570
}
76-
7771
.hvr-grow-lg:hover {
7872
transform: scale(1.2);
7973
}

‎src/html/about.html

Lines changed: 68 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -5,74 +5,76 @@
55
description: About CSSNR GitHub Organization.
66
---
77

8-
<h1 class="animate__animated animate__zoomIn"><i class="fa-regular fa-address-card me-2"></i> {{ page.title }}</h1>
8+
<div class="container-fluid">
9+
<h1 class="animate__animated animate__zoomIn"><i class="fa-regular fa-address-card me-2"></i> {{ page.title }}</h1>
910

10-
<figure>
11-
<blockquote class="blockquote">
12-
Give a man a fish, and you feed him for a day. Teach a man to fish, and you feed him for a lifetime...
13-
</blockquote>
14-
<figcaption class="blockquote-footer">
15-
Lao-Tzu in <cite title="Source Title">Tao Te Ching</cite>
16-
</figcaption>
17-
</figure>
11+
<figure>
12+
<blockquote class="blockquote">
13+
Give a man a fish, and you feed him for a day. Teach a man to fish, and you feed him for a lifetime...
14+
</blockquote>
15+
<figcaption class="blockquote-footer">
16+
Lao-Tzu in <cite title="Source Title">Tao Te Ching</cite>
17+
</figcaption>
18+
</figure>
1819

19-
<div class="d-flex flex-column flex-md-row">
20-
<div class="me-md-3">
21-
<a href="https://github.com/smashedr" target="_blank" rel="noopener">
22-
<img src="https://github-readme-stats.vercel.app/api?username=smashedr&theme=dark&show_icons=true&hide_rank=true&show=reviews&card_width=350"
23-
alt="GitHub Stats" class="img-fluid mb-2"></a>
24-
</div><!-- flex item -->
25-
<div class="me-md-3">
26-
<a href="https://github.com/smashedr" target="_blank" rel="noopener">
27-
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=smashedr&theme=dark&layout=donut "
28-
alt="Top Languages" class="img-fluid mb-2"></a>
29-
</div><!-- flex item -->
30-
</div><!-- flex row-md -->
20+
<div class="d-flex flex-column flex-md-row">
21+
<div class="me-md-3">
22+
<a href="https://github.com/smashedr" target="_blank" rel="noopener">
23+
<img src="https://github-readme-stats.vercel.app/api?username=smashedr&theme=dark&show_icons=true&hide_rank=true&show=reviews&card_width=350"
24+
alt="GitHub Stats" class="img-fluid mb-2"></a>
25+
</div><!-- flex item -->
26+
<div class="me-md-3">
27+
<a href="https://github.com/smashedr" target="_blank" rel="noopener">
28+
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=smashedr&theme=dark&layout=donut "
29+
alt="Top Languages" class="img-fluid mb-2"></a>
30+
</div><!-- flex item -->
31+
</div><!-- flex row-md -->
3132

32-
<div class="d-flex flex-column flex-md-row">
33-
<div class="me-md-5">
34-
<h2>Links</h2>
35-
<ul class="list-unstyled ms-3">
36-
<li>
37-
<i class="fa-brands fa-github me-2"></i>
38-
<a href="{{ site.github_url }}" target="_blank" rel="noopener">CSSNR GitHub</a>
39-
</li>
40-
<li>
41-
<i class="fa-brands fa-github me-2"></i>
42-
<a href="https://github.com/django-files" target="_blank" rel="noopener">Django Files GitHub</a>
43-
</li>
44-
<li>
45-
<i class="fa-brands fa-github me-2"></i>
46-
<a href="https://github.com/smashedr" target="_blank" rel="noopener">Personal GitHub</a>
47-
</li>
48-
</ul>
49-
<ul class="list-unstyled ms-3">
50-
<li>
51-
<i class="fa-brands fa-discord me-2"></i>
52-
<a href="https://discord.gg/wXy6m2X8wY" target="_blank" rel="noopener">CSSNR Discord</a>
53-
</li>
54-
<li>
55-
<i class="fa-brands fa-discord me-2"></i>
56-
<a href="https://discord.gg/6pzXJE5" target="_blank" rel="noopener">SMWC.world Discord</a>
57-
</li>
58-
</ul>
59-
<ul class="list-unstyled ms-3">
60-
<li>
61-
<i class="fa-brands fa-firefox me-2"></i>
62-
<a href="https://addons.mozilla.org/en-US/firefox/user/18021912/" target="_blank" rel="noopener">Mozilla Profile</a>
63-
</li>
64-
</ul>
65-
</div><!-- flex item -->
33+
<div class="d-flex flex-column flex-md-row">
34+
<div class="me-md-5">
35+
<h2>Links</h2>
36+
<ul class="list-unstyled ms-3">
37+
<li>
38+
<i class="fa-brands fa-github me-2"></i>
39+
<a href="{{ site.github_url }}" target="_blank" rel="noopener">CSSNR GitHub</a>
40+
</li>
41+
<li>
42+
<i class="fa-brands fa-github me-2"></i>
43+
<a href="https://github.com/django-files" target="_blank" rel="noopener">Django Files GitHub</a>
44+
</li>
45+
<li>
46+
<i class="fa-brands fa-github me-2"></i>
47+
<a href="https://github.com/smashedr" target="_blank" rel="noopener">Personal GitHub</a>
48+
</li>
49+
</ul>
50+
<ul class="list-unstyled ms-3">
51+
<li>
52+
<i class="fa-brands fa-discord me-2"></i>
53+
<a href="https://discord.gg/wXy6m2X8wY" target="_blank" rel="noopener">CSSNR Discord</a>
54+
</li>
55+
<li>
56+
<i class="fa-brands fa-discord me-2"></i>
57+
<a href="https://discord.gg/6pzXJE5" target="_blank" rel="noopener">SMWC.world Discord</a>
58+
</li>
59+
</ul>
60+
<ul class="list-unstyled ms-3">
61+
<li>
62+
<i class="fa-brands fa-firefox me-2"></i>
63+
<a href="https://addons.mozilla.org/en-US/firefox/user/18021912/" target="_blank" rel="noopener">Mozilla Profile</a>
64+
</li>
65+
</ul>
66+
</div><!-- flex item -->
6667

67-
<div class="me-md-5">
68-
<h2>Development</h2>
69-
<ul>
70-
<li>Web Extensions</li>
71-
<li>GitHub Actions</li>
72-
<li>Docker Containers</li>
73-
<li>Django Applications</li>
74-
</ul>
75-
</div><!-- flex item -->
76-
</div><!-- flex row-md -->
68+
<div class="me-md-5">
69+
<h2>Development</h2>
70+
<ul>
71+
<li>Web Extensions</li>
72+
<li>GitHub Actions</li>
73+
<li>Docker Containers</li>
74+
<li>Django Applications</li>
75+
</ul>
76+
</div><!-- flex item -->
77+
</div><!-- flex row-md -->
7778

78-
<p class="lead">More Information Coming Soon...</p>
79+
<p class="lead">More Information Coming Soon...</p>
80+
</div>

‎src/html/feedback.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
---
22
layout: default
33
permalink: /feedback/
4-
dark: true
54
noindex: true
65
title: Feedback
76
description: General Feedback and Inquiries.

0 commit comments

Comments
 (0)