Skip to content

Update Theme #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jul 13, 2024
Merged

Update Theme #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1140f2f
Update Theme
smashedr Jul 13, 2024
37db8c9
Update Theme
smashedr Jul 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 13 additions & 9 deletions src/_layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,40 +63,44 @@
</li>
{% endfor %}
</ul>
<ul class="navbar-nav right-icons">
<li class="nav-item"><a class="nav-link hvr-grow-lg" href="{{ site.discord_invite }}" target="_blank" rel="noopener">
<i class="fa-brands fa-discord fa-xl"></i></a></li>
<li class="nav-item"><a class="nav-link hvr-grow-lg" href="{{ site.github_url }}" target="_blank" rel="noopener">
<i class="fa-brands fa-github fa-xl"></i></a></li>
<ul class="navbar-nav nav-icons d-flex flex-row">
<li class="nav-item">
<a class="nav-link hvr-grow-lg" href="{{ site.discord_invite }}" target="_blank" rel="noopener">
<i class="fa-brands fa-discord fa-xl"></i></a>
</li>
<li class="nav-item">
<a class="nav-link hvr-grow-lg" href="{{ site.github_url }}" target="_blank" rel="noopener">
<i class="fa-brands fa-github fa-xl"></i></a>
</li>
</ul>
</div>
</div>
</nav>
</header>

<main class="flex-grow-1 px-2 px-sm-3">
<main class="flex-grow-1 px-0 px-sm-3">
{{ content }}
</main>

<footer class="footer mt-auto px-1 flex-shrink-0 bg-body-tertiary">
<div class="container-fluid py-2">
<div class="d-flex flex-column flex-md-row">
<div class="me-md-auto">
<a class="link-body-emphasis text-decoration-none" href="{{ site.github_url }}" target="_blank" rel="noopener">
<a class="text-decoration-none link-body-emphasis" href="{{ site.github_url }}" target="_blank" rel="noopener">
<i class="fab fa-github"></i> {{ site.site_name }}</a>
</div>
<div class="ms-md-auto">
<nav aria-label="Secondary Navigation">
<ol class="list-inline mb-1 d-flex flex-column flex-sm-row">
{% for item in site.menu %}
<li class="list-inline-item">
<a class="link-body-emphasis text-decoration-none {% if page.title == item.name %}fw-bold{% endif %}"
<a class="text-decoration-none link-body-emphasis {% if page.title == item.name %}fw-bold{% endif %}"
href="{{ item.link | relative_url }}" {% if item.external %}target="_blank"{% endif %}>
{{ item.name }}{% if item.external %} <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i>{% endif %}</a>
</li>
{% endfor %}
<li class="list-inline-item">
<a class="link-body-emphasis text-decoration-none" href="{{ site.discord_invite }}" target="_blank">
<a class="text-decoration-none link-body-emphasis" href="{{ site.discord_invite }}" target="_blank">
Discord <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i></a>
</li>
</ol>
Expand Down
9 changes: 5 additions & 4 deletions src/config/tsparticles.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,12 +19,13 @@
},
"detectRetina": true,
"duration": 0,
"fpsLimit": 120,
"fpsLimit": 60,
"interactivity": {
"detectsOn": "window",
"events": {
"onClick": {
"enable": false
"enable": false,
"mode": "push"
},
"onDiv": {
"selectors": {},
Expand Down Expand Up @@ -84,7 +85,7 @@
"radius": 60
},
"grab": {
"distance": 400,
"distance": 500,
"links": {
"blink": false,
"consent": false,
Expand Down Expand Up @@ -281,7 +282,7 @@
"mode": "delete",
"value": 0
},
"value": 100
"value": 120
},
"opacity": {
"value": {
Expand Down
28 changes: 21 additions & 7 deletions src/css/feedback.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
body {
background: url('https://flask-image.cssnr.com/') no-repeat center fixed;
background: url('https://images.cssnr.com/aviation') no-repeat center fixed;
background-size: cover;
}

Expand All @@ -9,18 +9,32 @@ body {
}

#content-wrapper {
background: rgba(0 0 0 / 50%);
filter: drop-shadow(15px 15px 12px #000000);
backdrop-filter: blur(6px);
max-width: 800px;
backdrop-filter: blur(6px);
filter: drop-shadow(15px 15px 12px #000000);
}

[data-bs-theme='dark'] #content-wrapper {
background: rgba(0 0 0 / 50%);
}
[data-bs-theme='light'] #content-wrapper {
background: rgba(255 255 255 / 50%);
}

.form-control {
[data-bs-theme='dark'] .form-control {
background: rgba(0 0 0 / 50%);
}
[data-bs-theme='light'] .form-control {
background: rgba(255 255 255 / 50%);
}

.navbar,
.footer {
[data-bs-theme='dark'] .navbar,
[data-bs-theme='dark'] .footer {
backdrop-filter: blur(6px);
background: rgba(0 0 0 / 50%) !important;
}
[data-bs-theme='light'] .navbar,
[data-bs-theme='light'] .footer {
backdrop-filter: blur(6px);
background: rgba(255 255 255 / 50%) !important;
}
10 changes: 2 additions & 8 deletions src/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,14 +38,10 @@ body {
}

@media (max-width: 575px) {
.right-icons {
display: flex;
flex-direction: row;
}
.right-icons .nav-link {
.nav-icons .nav-link {
padding-right: 7px;
}
.right-icons .nav-item + .nav-item .nav-link {
.nav-icons .nav-item + .nav-item .nav-link {
padding-left: 7px;
}
}
Expand All @@ -69,11 +65,9 @@ body {
transition-duration: 0.3s;
transition-property: transform;
}

.hvr-grow:hover {
transform: scale(1.1);
}

.hvr-grow-lg:hover {
transform: scale(1.2);
}
Expand Down
134 changes: 68 additions & 66 deletions src/html/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,74 +5,76 @@
description: About CSSNR GitHub Organization.
---

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

<figure>
<blockquote class="blockquote">
Give a man a fish, and you feed him for a day. Teach a man to fish, and you feed him for a lifetime...
</blockquote>
<figcaption class="blockquote-footer">
Lao-Tzu in <cite title="Source Title">Tao Te Ching</cite>
</figcaption>
</figure>
<figure>
<blockquote class="blockquote">
Give a man a fish, and you feed him for a day. Teach a man to fish, and you feed him for a lifetime...
</blockquote>
<figcaption class="blockquote-footer">
Lao-Tzu in <cite title="Source Title">Tao Te Ching</cite>
</figcaption>
</figure>

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

<div class="d-flex flex-column flex-md-row">
<div class="me-md-5">
<h2>Links</h2>
<ul class="list-unstyled ms-3">
<li>
<i class="fa-brands fa-github me-2"></i>
<a href="{{ site.github_url }}" target="_blank" rel="noopener">CSSNR GitHub</a>
</li>
<li>
<i class="fa-brands fa-github me-2"></i>
<a href="https://github.com/django-files" target="_blank" rel="noopener">Django Files GitHub</a>
</li>
<li>
<i class="fa-brands fa-github me-2"></i>
<a href="https://github.com/smashedr" target="_blank" rel="noopener">Personal GitHub</a>
</li>
</ul>
<ul class="list-unstyled ms-3">
<li>
<i class="fa-brands fa-discord me-2"></i>
<a href="https://discord.gg/wXy6m2X8wY" target="_blank" rel="noopener">CSSNR Discord</a>
</li>
<li>
<i class="fa-brands fa-discord me-2"></i>
<a href="https://discord.gg/6pzXJE5" target="_blank" rel="noopener">SMWC.world Discord</a>
</li>
</ul>
<ul class="list-unstyled ms-3">
<li>
<i class="fa-brands fa-firefox me-2"></i>
<a href="https://addons.mozilla.org/en-US/firefox/user/18021912/" target="_blank" rel="noopener">Mozilla Profile</a>
</li>
</ul>
</div><!-- flex item -->
<div class="d-flex flex-column flex-md-row">
<div class="me-md-5">
<h2>Links</h2>
<ul class="list-unstyled ms-3">
<li>
<i class="fa-brands fa-github me-2"></i>
<a href="{{ site.github_url }}" target="_blank" rel="noopener">CSSNR GitHub</a>
</li>
<li>
<i class="fa-brands fa-github me-2"></i>
<a href="https://github.com/django-files" target="_blank" rel="noopener">Django Files GitHub</a>
</li>
<li>
<i class="fa-brands fa-github me-2"></i>
<a href="https://github.com/smashedr" target="_blank" rel="noopener">Personal GitHub</a>
</li>
</ul>
<ul class="list-unstyled ms-3">
<li>
<i class="fa-brands fa-discord me-2"></i>
<a href="https://discord.gg/wXy6m2X8wY" target="_blank" rel="noopener">CSSNR Discord</a>
</li>
<li>
<i class="fa-brands fa-discord me-2"></i>
<a href="https://discord.gg/6pzXJE5" target="_blank" rel="noopener">SMWC.world Discord</a>
</li>
</ul>
<ul class="list-unstyled ms-3">
<li>
<i class="fa-brands fa-firefox me-2"></i>
<a href="https://addons.mozilla.org/en-US/firefox/user/18021912/" target="_blank" rel="noopener">Mozilla Profile</a>
</li>
</ul>
</div><!-- flex item -->

<div class="me-md-5">
<h2>Development</h2>
<ul>
<li>Web Extensions</li>
<li>GitHub Actions</li>
<li>Docker Containers</li>
<li>Django Applications</li>
</ul>
</div><!-- flex item -->
</div><!-- flex row-md -->
<div class="me-md-5">
<h2>Development</h2>
<ul>
<li>Web Extensions</li>
<li>GitHub Actions</li>
<li>Docker Containers</li>
<li>Django Applications</li>
</ul>
</div><!-- flex item -->
</div><!-- flex row-md -->

<p class="lead">More Information Coming Soon...</p>
<p class="lead">More Information Coming Soon...</p>
</div>
1 change: 0 additions & 1 deletion src/html/feedback.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
---
layout: default
permalink: /feedback/
dark: true
noindex: true
title: Feedback
description: General Feedback and Inquiries.
Expand Down
Loading