Skip to content

Commit 355207a

Browse files
smashedrsmashedr
authored
Update Permalinks (#8)
* Update Permalinks * Update Link Styles
1 parent a19fab7 commit 355207a

File tree

7 files changed

+84
-46
lines changed

7 files changed

+84
-46
lines changed

‎src/_config.yml

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,15 @@ encoding: utf-8
44
url: https://cssnr.github.io
55

66
author: Shane
7-
site_name: CSSNR GitHub Pages
7+
site_name: CSSNR
88

99
menu:
1010
- name: Home
1111
link: /
1212
- name: About
13-
link: /about
13+
link: /about/
1414
- name: Feedback
15-
link: /feedback
15+
link: /feedback/
1616

1717
github_url: https://github.com/cssnr
1818

‎src/_layouts/default.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@
4646
<header>
4747
<nav class="navbar navbar-expand-sm bg-body-tertiary mb-2" aria-label="Primary Navigation">
4848
<div class="container-fluid">
49-
<a class="mx-2" href="{{ "/" | relative_url }}">
49+
<a class="mx-2 hvr-grow" href="{{ "/" | relative_url }}">
5050
<img src="{{ "/media/logo.png" | relative_url }}" width="30" height="30" alt="logo" class="my-auto"></a>
5151
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
5252
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
@@ -64,9 +64,9 @@
6464
{% endfor %}
6565
</ul>
6666
<ul class="navbar-nav right-icons">
67-
<li class="nav-item"><a class="nav-link" href="{{ site.discord_invite }}" target="_blank" rel="noopener">
67+
<li class="nav-item"><a class="nav-link hvr-grow-lg" href="{{ site.discord_invite }}" target="_blank" rel="noopener">
6868
<i class="fa-brands fa-discord fa-xl"></i></a></li>
69-
<li class="nav-item"><a class="nav-link" href="{{ site.github_url }}" target="_blank" rel="noopener">
69+
<li class="nav-item"><a class="nav-link hvr-grow-lg" href="{{ site.github_url }}" target="_blank" rel="noopener">
7070
<i class="fa-brands fa-github fa-xl"></i></a></li>
7171
</ul>
7272
</div>
@@ -107,7 +107,7 @@
107107
</footer>
108108

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

113113
<div aria-live="polite" aria-atomic="true" class="">

‎src/css/main.css

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,3 +56,28 @@ body {
5656
margin-right: 0.3rem;
5757
}
5858
}
59+
60+
/* Grow */
61+
.hvr-grow-lg,
62+
.hvr-grow {
63+
display: inline-block;
64+
vertical-align: middle;
65+
transform: translateZ(0);
66+
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
67+
backface-visibility: hidden;
68+
-moz-osx-font-smoothing: grayscale;
69+
transition-duration: 0.3s;
70+
transition-property: transform;
71+
}
72+
73+
.hvr-grow:hover {
74+
transform: scale(1.1);
75+
}
76+
77+
.hvr-grow-lg:hover {
78+
transform: scale(1.2);
79+
}
80+
81+
/*.card-footer a:hover {*/
82+
/* text-decoration: underline !important;*/
83+
/*}*/

‎src/about.html renamed to ‎src/html/about.html

Lines changed: 33 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
---
22
layout: default
3-
permalink: /about
3+
permalink: /about/
44
title: About
55
description: About CSSNR GitHub Organization.
66
---
77

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

1010
<figure>
1111
<blockquote class="blockquote">
@@ -32,30 +32,36 @@ <h1 class="animate__animated animate__zoomIn"><i class="fa-regular fa-address-ca
3232
<div class="d-flex flex-column flex-md-row">
3333
<div class="me-md-5">
3434
<h2>Links</h2>
35-
<p class="ms-3">
36-
<i class="fa-brands fa-github me-2"></i>
37-
<a href="{{ site.github_url }}" target="_blank" rel="noopener">CSSNR GitHub</a>
38-
<br>
39-
<i class="fa-brands fa-github me-2"></i>
40-
<a href="https://github.com/django-files" target="_blank" rel="noopener">Django Files GitHub</a>
41-
<br>
42-
<i class="fa-brands fa-github me-2"></i>
43-
<a href="https://github.com/smashedr" target="_blank" rel="noopener">Personal GitHub</a>
44-
<br>
45-
</p>
46-
<p class="ms-3">
47-
<i class="fa-brands fa-discord me-2"></i>
48-
<a href="https://discord.gg/wXy6m2X8wY" target="_blank" rel="noopener">CSSNR Discord</a>
49-
<br>
50-
<i class="fa-brands fa-discord me-2"></i>
51-
<a href="https://discord.gg/6pzXJE5" target="_blank" rel="noopener">SMWC.world Discord</a>
52-
<br>
53-
</p>
54-
<p class="ms-3">
55-
<i class="fa-brands fa-firefox me-2"></i>
56-
<a href="https://addons.mozilla.org/en-US/firefox/user/18021912/" target="_blank" rel="noopener">Mozilla Profile</a>
57-
<br>
58-
</p>
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>
5965
</div><!-- flex item -->
6066

6167
<div class="me-md-5">
@@ -64,7 +70,7 @@ <h2>Development</h2>
6470
<li>Web Extensions</li>
6571
<li>GitHub Actions</li>
6672
<li>Docker Containers</li>
67-
<li>Django and Flask</li>
73+
<li>Django Applications</li>
6874
</ul>
6975
</div><!-- flex item -->
7076
</div><!-- flex row-md -->

‎src/feedback.html renamed to ‎src/html/feedback.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,20 @@
11
---
22
layout: default
3-
permalink: /feedback
3+
permalink: /feedback/
44
dark: true
55
noindex: true
66
title: Feedback
7-
description: General Feedback and Inquiries
7+
description: General Feedback and Inquiries.
88
---
99

1010
<div class="d-flex align-items-center h-100">
1111
<div id="content-wrapper" class="p-3 mb-3 mx-auto w-100 rounded rounded-4 animate__animated animate__backInDown">
1212
<div class="justify-content-center align-items-center d-flex">
13-
<img src="{{ "/media/logo.png" | relative_url }}" class="img-fluid float-start me-2" alt="PlayDrift Extension" height="42" width="42">
14-
<h1 class="align-middle mb-0">{{ site.site_name }}</h1>
13+
<img src="{{ "/media/logo.png" | relative_url }}" class="img-fluid float-start me-3" alt="PlayDrift Extension" height="42" width="42">
14+
<h1 class="align-middle mb-0">{{ site.site_name }} {{ page.title }}</h1>
1515
</div>
1616
<p class="text-center lead">
17-
Provide General Feedback, Ask Questions, or Select an Application.
17+
Provide General Feedback or Ask a Question.
1818
</p>
1919
<form id="uninstall-form">
2020
<input type="hidden" value="{{ site.discord_webhook }}" id="discord-webhook" hidden="hidden">

‎src/index.html renamed to ‎src/html/index.html

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,14 @@
22
layout: default
33
permalink: /
44
title: Home
5-
description: CSSNR GitHub Pages
5+
description: Projects and Information on CSSNR GitHub Development.
66
---
77

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

1010
<p class="lead">
11-
GitHub Pages for <a href="{{ site.github_url }}" target="_blank" rel="noopener">CSSNR GitHub</a> projects.
11+
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">
12+
CSSNR GitHub</a> projects.
1213
</p>
1314

1415
<div id="feedback" class="alert alert-success alert-dismissible d-none animate__animated animate__zoomInDown" role="alert">
@@ -54,10 +55,10 @@ <h2 id="other-software" class="" data-aos="zoom-in">Other Software</h2>
5455
<div class="card h-100">
5556
<div class="card-body">
5657
<div class="float-end ps-2 pb-2">
57-
<a class="url-link" href="" target="_blank" rel="noopener"><img src="" class="" alt="" height="64" width="64"></a>
58+
<a class="url-link" href="" target="_blank" rel="noopener"><img src="" class="hvr-grow-lg" alt="" height="64" width="64"></a>
5859
</div>
5960
<h4 class="card-title">
60-
<a class="link-body-emphasis text-decoration-none url-link" href="" target="_blank" rel="noopener">Title</a>
61+
<a class="link-body-emphasis text-decoration-none url-link hvr-grow" href="" target="_blank" rel="noopener">Title</a>
6162
</h4>
6263
<p class="card-text pe-2"></p>
6364
</div>

‎src/js/index.js

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@ function addCard(data, parent) {
137137
link.rel = 'noopener'
138138
for (const [text, href] of Object.entries(data.links)) {
139139
const a = link.cloneNode(true)
140-
a.classList.add('text-decoration-none')
140+
// a.classList.add('text-decoration-none')
141141
a.title = text
142142
a.href = href
143143
if (data.badges?.hasOwnProperty(text)) {
@@ -148,11 +148,17 @@ function addCard(data, parent) {
148148
const img = document.createElement('img')
149149
img.src = src
150150
img.alt = text
151-
a.classList.add('me-2')
151+
a.classList.add('me-2', 'hvr-grow')
152152
a.appendChild(img)
153153
footer.appendChild(a)
154154
} else {
155155
a.textContent = text
156+
a.classList.add(
157+
'link-offset-2-hover',
158+
'link-underline',
159+
'link-underline-opacity-0',
160+
'link-underline-opacity-75-hover'
161+
)
156162
footer.appendChild(a)
157163
footer.appendChild(document.createTextNode(' - '))
158164
}

0 commit comments

Comments
 (0)