Skip to content

Update Permalinks #8

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 11, 2024
Merged

Update Permalinks #8

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
7f28dc0
Update Permalinks
smashedr Jul 11, 2024
05cadb2
Update Link Styles
smashedr Jul 11, 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
6 changes: 3 additions & 3 deletions src/_config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,15 @@ encoding: utf-8
url: https://cssnr.github.io

author: Shane
site_name: CSSNR GitHub Pages
site_name: CSSNR

menu:
- name: Home
link: /
- name: About
link: /about
link: /about/
- name: Feedback
link: /feedback
link: /feedback/

github_url: https://github.com/cssnr

Expand Down
8 changes: 4 additions & 4 deletions src/_layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@
<header>
<nav class="navbar navbar-expand-sm bg-body-tertiary mb-2" aria-label="Primary Navigation">
<div class="container-fluid">
<a class="mx-2" href="{{ "/" | relative_url }}">
<a class="mx-2 hvr-grow" href="{{ "/" | relative_url }}">
<img src="{{ "/media/logo.png" | relative_url }}" width="30" height="30" alt="logo" class="my-auto"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
Expand All @@ -64,9 +64,9 @@
{% endfor %}
</ul>
<ul class="navbar-nav right-icons">
<li class="nav-item"><a class="nav-link" href="{{ site.discord_invite }}" target="_blank" rel="noopener">
<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" href="{{ site.github_url }}" target="_blank" rel="noopener">
<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>
Expand Down Expand Up @@ -107,7 +107,7 @@
</footer>

<button type="button" class="btn btn-outline-secondary" id="back-to-top">
<i class="fa-regular fa-square-caret-up"></i>
<i class="fa-regular fa-square-caret-up hvr-grow-lg"></i>
</button> <!-- back-to-top -->

<div aria-live="polite" aria-atomic="true" class="">
Expand Down
25 changes: 25 additions & 0 deletions src/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,3 +56,28 @@ body {
margin-right: 0.3rem;
}
}

/* Grow */
.hvr-grow-lg,
.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
}

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

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

/*.card-footer a:hover {*/
/* text-decoration: underline !important;*/
/*}*/
60 changes: 33 additions & 27 deletions src/about.html → src/html/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
---
layout: default
permalink: /about
permalink: /about/
title: About
description: About CSSNR GitHub Organization.
---

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

<figure>
<blockquote class="blockquote">
Expand All @@ -32,30 +32,36 @@ <h1 class="animate__animated animate__zoomIn"><i class="fa-regular fa-address-ca
<div class="d-flex flex-column flex-md-row">
<div class="me-md-5">
<h2>Links</h2>
<p class="ms-3">
<i class="fa-brands fa-github me-2"></i>
<a href="{{ site.github_url }}" target="_blank" rel="noopener">CSSNR GitHub</a>
<br>
<i class="fa-brands fa-github me-2"></i>
<a href="https://github.com/django-files" target="_blank" rel="noopener">Django Files GitHub</a>
<br>
<i class="fa-brands fa-github me-2"></i>
<a href="https://github.com/smashedr" target="_blank" rel="noopener">Personal GitHub</a>
<br>
</p>
<p class="ms-3">
<i class="fa-brands fa-discord me-2"></i>
<a href="https://discord.gg/wXy6m2X8wY" target="_blank" rel="noopener">CSSNR Discord</a>
<br>
<i class="fa-brands fa-discord me-2"></i>
<a href="https://discord.gg/6pzXJE5" target="_blank" rel="noopener">SMWC.world Discord</a>
<br>
</p>
<p class="ms-3">
<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>
<br>
</p>
<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">
Expand All @@ -64,7 +70,7 @@ <h2>Development</h2>
<li>Web Extensions</li>
<li>GitHub Actions</li>
<li>Docker Containers</li>
<li>Django and Flask</li>
<li>Django Applications</li>
</ul>
</div><!-- flex item -->
</div><!-- flex row-md -->
Expand Down
10 changes: 5 additions & 5 deletions src/feedback.html → src/html/feedback.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
---
layout: default
permalink: /feedback
permalink: /feedback/
dark: true
noindex: true
title: Feedback
description: General Feedback and Inquiries
description: General Feedback and Inquiries.
---

<div class="d-flex align-items-center h-100">
<div id="content-wrapper" class="p-3 mb-3 mx-auto w-100 rounded rounded-4 animate__animated animate__backInDown">
<div class="justify-content-center align-items-center d-flex">
<img src="{{ "/media/logo.png" | relative_url }}" class="img-fluid float-start me-2" alt="PlayDrift Extension" height="42" width="42">
<h1 class="align-middle mb-0">{{ site.site_name }}</h1>
<img src="{{ "/media/logo.png" | relative_url }}" class="img-fluid float-start me-3" alt="PlayDrift Extension" height="42" width="42">
<h1 class="align-middle mb-0">{{ site.site_name }} {{ page.title }}</h1>
</div>
<p class="text-center lead">
Provide General Feedback, Ask Questions, or Select an Application.
Provide General Feedback or Ask a Question.
</p>
<form id="uninstall-form">
<input type="hidden" value="{{ site.discord_webhook }}" id="discord-webhook" hidden="hidden">
Expand Down
11 changes: 6 additions & 5 deletions src/index.html → src/html/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,14 @@
layout: default
permalink: /
title: Home
description: CSSNR GitHub Pages
description: Projects and Information on CSSNR GitHub Development.
---

<h1 class="animate__animated animate__zoomIn"><i class="fa-brands fa-github"></i> {{ site.site_name }}</h1>
<h1 class="animate__animated animate__zoomIn"><i class="fa-brands fa-github me-2"></i> {{ site.site_name }}</h1>

<p class="lead">
GitHub Pages for <a href="{{ site.github_url }}" target="_blank" rel="noopener">CSSNR GitHub</a> projects.
Website for <a href="{{ site.github_url }}" class="link-body-emphasis link-offset-1 link-underline-opacity-50 link-underline-opacity-75-hover" target="_blank" rel="noopener">
CSSNR GitHub</a> projects.
</p>

<div id="feedback" class="alert alert-success alert-dismissible d-none animate__animated animate__zoomInDown" role="alert">
Expand Down Expand Up @@ -54,10 +55,10 @@ <h2 id="other-software" class="" data-aos="zoom-in">Other Software</h2>
<div class="card h-100">
<div class="card-body">
<div class="float-end ps-2 pb-2">
<a class="url-link" href="" target="_blank" rel="noopener"><img src="" class="" alt="" height="64" width="64"></a>
<a class="url-link" href="" target="_blank" rel="noopener"><img src="" class="hvr-grow-lg" alt="" height="64" width="64"></a>
</div>
<h4 class="card-title">
<a class="link-body-emphasis text-decoration-none url-link" href="" target="_blank" rel="noopener">Title</a>
<a class="link-body-emphasis text-decoration-none url-link hvr-grow" href="" target="_blank" rel="noopener">Title</a>
</h4>
<p class="card-text pe-2"></p>
</div>
Expand Down
10 changes: 8 additions & 2 deletions src/js/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -137,7 +137,7 @@ function addCard(data, parent) {
link.rel = 'noopener'
for (const [text, href] of Object.entries(data.links)) {
const a = link.cloneNode(true)
a.classList.add('text-decoration-none')
// a.classList.add('text-decoration-none')
a.title = text
a.href = href
if (data.badges?.hasOwnProperty(text)) {
Expand All @@ -148,11 +148,17 @@ function addCard(data, parent) {
const img = document.createElement('img')
img.src = src
img.alt = text
a.classList.add('me-2')
a.classList.add('me-2', 'hvr-grow')
a.appendChild(img)
footer.appendChild(a)
} else {
a.textContent = text
a.classList.add(
'link-offset-2-hover',
'link-underline',
'link-underline-opacity-0',
'link-underline-opacity-75-hover'
)
footer.appendChild(a)
footer.appendChild(document.createTextNode(' - '))
}
Expand Down