Skip to content

Commit e8d0563

Browse files
LinuxJava7LinuxJava7
committed
deploy: 4ef7a7e 
1 parent de28b7b commit e8d0563

File tree

6 files changed

+160
-158
lines changed

6 files changed

+160
-158
lines changed

‎404.html‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -325,7 +325,7 @@
325325
/* Component Variables */
326326
--rounded-corner: 12px;
327327
--btnround: 500px;
328-
--btnsqr: 0.8rem;
328+
--btnsqr: 0.9rem;
329329

330330
/* Font Settings */
331331
font-family: Inter, sans-serif;
@@ -596,32 +596,32 @@
596596

597597
/* Button styles for cards */
598598
.card .btn {
599-
max-width: 12rem;
600-
font-size: 80%;
601-
border-radius: var(--btnsqr);
602-
background-color: var(--accent-bg-color);
603-
color: var(--accent-fg-color);
604-
opacity: 1;
605-
font-weight: 600;
606-
font-variation-settings: "wght" 600;
607-
padding: 0.6rem 1.5rem;
608-
display: inline-block;
609-
align-items: center;
610-
gap: 0.5rem;
611-
text-decoration: none;
612-
transition: box-shadow 200ms var(--slickease);
613-
margin: 0.3rem;
599+
background: var(--view-switcher-accent);
614600
border: none;
615-
box-shadow: 0 0 0 0 var(--accent-bg-color);
616-
min-width: 4rem;
617-
vertical-align: middle;
618-
text-align: center;
619-
white-space: nowrap;
601+
cursor: pointer;
602+
outline-offset: 4px;
603+
border-radius: var(--btnsqr);
604+
max-width: fit-content;
620605
}
621606

622-
.card .btn:hover {
623-
box-shadow: 0 0 0 2px var(--accent-bg-color);
624-
text-decoration: none;
607+
.btn:hover .front {
608+
transform: translateY(-6px);
609+
}
610+
611+
.btn:active .front {
612+
transform: translateY(-2px);
613+
}
614+
615+
.front {
616+
font-size: 1.25rem;
617+
background: var(--accent-bg-color);
618+
color: white;
619+
transform: translateY(-4px);
620+
padding: 0.6rem 1.5rem;
621+
border-radius: var(--btnsqr);
622+
font-size: 80%;
623+
display: inline-table;
624+
transition: transform 200ms var(--slickease);
625625
}
626626

627627
.card .btn svg {
@@ -1261,7 +1261,7 @@ <h1 id="content-not-found">Content not found.</h1>
12611261
</p>
12621262
</footer>
12631263

1264-
<!-- This page `/404.html` was built on 2025-07-10T12:37:26.364Z -->
1264+
<!-- This page `/404.html` was built on 2025-07-10T13:55:55.237Z -->
12651265
<script type="module" src="/linuxjava7.github.io/dist/xbxy_EL6cU.js"></script>
12661266
</body>
12671267
</html>

‎blog/index.html‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -325,7 +325,7 @@
325325
/* Component Variables */
326326
--rounded-corner: 12px;
327327
--btnround: 500px;
328-
--btnsqr: 0.8rem;
328+
--btnsqr: 0.9rem;
329329

330330
/* Font Settings */
331331
font-family: Inter, sans-serif;
@@ -596,32 +596,32 @@
596596

597597
/* Button styles for cards */
598598
.card .btn {
599-
max-width: 12rem;
600-
font-size: 80%;
601-
border-radius: var(--btnsqr);
602-
background-color: var(--accent-bg-color);
603-
color: var(--accent-fg-color);
604-
opacity: 1;
605-
font-weight: 600;
606-
font-variation-settings: "wght" 600;
607-
padding: 0.6rem 1.5rem;
608-
display: inline-block;
609-
align-items: center;
610-
gap: 0.5rem;
611-
text-decoration: none;
612-
transition: box-shadow 200ms var(--slickease);
613-
margin: 0.3rem;
599+
background: var(--view-switcher-accent);
614600
border: none;
615-
box-shadow: 0 0 0 0 var(--accent-bg-color);
616-
min-width: 4rem;
617-
vertical-align: middle;
618-
text-align: center;
619-
white-space: nowrap;
601+
cursor: pointer;
602+
outline-offset: 4px;
603+
border-radius: var(--btnsqr);
604+
max-width: fit-content;
620605
}
621606

622-
.card .btn:hover {
623-
box-shadow: 0 0 0 2px var(--accent-bg-color);
624-
text-decoration: none;
607+
.btn:hover .front {
608+
transform: translateY(-6px);
609+
}
610+
611+
.btn:active .front {
612+
transform: translateY(-2px);
613+
}
614+
615+
.front {
616+
font-size: 1.25rem;
617+
background: var(--accent-bg-color);
618+
color: white;
619+
transform: translateY(-4px);
620+
padding: 0.6rem 1.5rem;
621+
border-radius: var(--btnsqr);
622+
font-size: 80%;
623+
display: inline-table;
624+
transition: transform 200ms var(--slickease);
625625
}
626626

627627
.card .btn svg {
@@ -1258,7 +1258,7 @@ <h1 id="blog-posts">Blog Posts</h1>
12581258
</p>
12591259
</footer>
12601260

1261-
<!-- This page `/blog/` was built on 2025-07-10T12:37:26.362Z -->
1261+
<!-- This page `/blog/` was built on 2025-07-10T13:55:55.235Z -->
12621262
<script type="module" src="/linuxjava7.github.io/dist/xbxy_EL6cU.js"></script>
12631263
</body>
12641264
</html>

‎blog/simracing/index.html‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -325,7 +325,7 @@
325325
/* Component Variables */
326326
--rounded-corner: 12px;
327327
--btnround: 500px;
328-
--btnsqr: 0.8rem;
328+
--btnsqr: 0.9rem;
329329

330330
/* Font Settings */
331331
font-family: Inter, sans-serif;
@@ -596,32 +596,32 @@
596596

597597
/* Button styles for cards */
598598
.card .btn {
599-
max-width: 12rem;
600-
font-size: 80%;
601-
border-radius: var(--btnsqr);
602-
background-color: var(--accent-bg-color);
603-
color: var(--accent-fg-color);
604-
opacity: 1;
605-
font-weight: 600;
606-
font-variation-settings: "wght" 600;
607-
padding: 0.6rem 1.5rem;
608-
display: inline-block;
609-
align-items: center;
610-
gap: 0.5rem;
611-
text-decoration: none;
612-
transition: box-shadow 200ms var(--slickease);
613-
margin: 0.3rem;
599+
background: var(--view-switcher-accent);
614600
border: none;
615-
box-shadow: 0 0 0 0 var(--accent-bg-color);
616-
min-width: 4rem;
617-
vertical-align: middle;
618-
text-align: center;
619-
white-space: nowrap;
601+
cursor: pointer;
602+
outline-offset: 4px;
603+
border-radius: var(--btnsqr);
604+
max-width: fit-content;
620605
}
621606

622-
.card .btn:hover {
623-
box-shadow: 0 0 0 2px var(--accent-bg-color);
624-
text-decoration: none;
607+
.btn:hover .front {
608+
transform: translateY(-6px);
609+
}
610+
611+
.btn:active .front {
612+
transform: translateY(-2px);
613+
}
614+
615+
.front {
616+
font-size: 1.25rem;
617+
background: var(--accent-bg-color);
618+
color: white;
619+
transform: translateY(-4px);
620+
padding: 0.6rem 1.5rem;
621+
border-radius: var(--btnsqr);
622+
font-size: 80%;
623+
display: inline-table;
624+
transition: transform 200ms var(--slickease);
625625
}
626626

627627
.card .btn svg {
@@ -1445,7 +1445,7 @@ <h2 id="to-answer-the-question-in-the-title">To answer the question in the title
14451445
</p>
14461446
</footer>
14471447

1448-
<!-- This page `/blog/simracing/` was built on 2025-07-10T12:37:26.364Z -->
1448+
<!-- This page `/blog/simracing/` was built on 2025-07-10T13:55:55.237Z -->
14491449
<script type="module" src="/linuxjava7.github.io/dist/xbxy_EL6cU.js"></script>
14501450
</body>
14511451
</html>

‎index.html‎

Lines changed: 35 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -325,7 +325,7 @@
325325
/* Component Variables */
326326
--rounded-corner: 12px;
327327
--btnround: 500px;
328-
--btnsqr: 0.8rem;
328+
--btnsqr: 0.9rem;
329329

330330
/* Font Settings */
331331
font-family: Inter, sans-serif;
@@ -596,32 +596,32 @@
596596

597597
/* Button styles for cards */
598598
.card .btn {
599-
max-width: 12rem;
600-
font-size: 80%;
601-
border-radius: var(--btnsqr);
602-
background-color: var(--accent-bg-color);
603-
color: var(--accent-fg-color);
604-
opacity: 1;
605-
font-weight: 600;
606-
font-variation-settings: "wght" 600;
607-
padding: 0.6rem 1.5rem;
608-
display: inline-block;
609-
align-items: center;
610-
gap: 0.5rem;
611-
text-decoration: none;
612-
transition: box-shadow 200ms var(--slickease);
613-
margin: 0.3rem;
599+
background: var(--view-switcher-accent);
614600
border: none;
615-
box-shadow: 0 0 0 0 var(--accent-bg-color);
616-
min-width: 4rem;
617-
vertical-align: middle;
618-
text-align: center;
619-
white-space: nowrap;
601+
cursor: pointer;
602+
outline-offset: 4px;
603+
border-radius: var(--btnsqr);
604+
max-width: fit-content;
620605
}
621606

622-
.card .btn:hover {
623-
box-shadow: 0 0 0 2px var(--accent-bg-color);
624-
text-decoration: none;
607+
.btn:hover .front {
608+
transform: translateY(-6px);
609+
}
610+
611+
.btn:active .front {
612+
transform: translateY(-2px);
613+
}
614+
615+
.front {
616+
font-size: 1.25rem;
617+
background: var(--accent-bg-color);
618+
color: white;
619+
transform: translateY(-4px);
620+
padding: 0.6rem 1.5rem;
621+
border-radius: var(--btnsqr);
622+
font-size: 80%;
623+
display: inline-table;
624+
transition: transform 200ms var(--slickease);
625625
}
626626

627627
.card .btn svg {
@@ -1273,14 +1273,16 @@ <h3 id="gnome">GNOME</h3>
12731273
<p>Linux Desktop Environment</p>
12741274
<p>GNOME is one of my main inspirations for UI and UX design, they do some really great stuff :)</p>
12751275
<a class="btn dark" href="https://www.gnome.org/">
1276-
<svg width="1rem" height="1rem" viewBox="0 0 100 120" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
1277-
<path d="M 86.068,0 C 61.466,0 56.851,35.041 70.691,35.041 84.529,35.041 110.671,0 86.068,0 Z"></path>
1278-
<path d="M 45.217,30.699 C 52.586,31.149 60.671,2.577 46.821,4.374 32.976,6.171 37.845,30.249 45.217,30.699 Z"></path>
1279-
<path d="M 11.445,48.453 C 16.686,46.146 12.12,23.581 3.208,29.735 -5.7,35.89 6.204,50.759 11.445,48.453 Z"></path>
1280-
<path d="M 26.212,36.642 C 32.451,35.37 32.793,9.778 21.667,14.369 10.539,18.961 19.978,37.916 26.212,36.642 Z"></path>
1281-
<path d="m 58.791,93.913 c 1.107,8.454 -6.202,12.629 -13.36,7.179 C 22.644,83.743 83.16,75.088 79.171,51.386 75.86,31.712 15.495,37.769 8.621,68.553 3.968,89.374 27.774,118.26 52.614,118.26 c 12.22,0 26.315,-11.034 28.952,-25.012 C 83.58,82.589 57.867,86.86 58.791,93.913 Z"></path>
1282-
</svg>
1283-
Visit GNOME
1276+
<span class="front">
1277+
<svg width="1rem" height="1rem" viewBox="0 0 100 120" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
1278+
<path d="M 86.068,0 C 61.466,0 56.851,35.041 70.691,35.041 84.529,35.041 110.671,0 86.068,0 Z"></path>
1279+
<path d="M 45.217,30.699 C 52.586,31.149 60.671,2.577 46.821,4.374 32.976,6.171 37.845,30.249 45.217,30.699 Z"></path>
1280+
<path d="M 11.445,48.453 C 16.686,46.146 12.12,23.581 3.208,29.735 -5.7,35.89 6.204,50.759 11.445,48.453 Z"></path>
1281+
<path d="M 26.212,36.642 C 32.451,35.37 32.793,9.778 21.667,14.369 10.539,18.961 19.978,37.916 26.212,36.642 Z"></path>
1282+
<path d="m 58.791,93.913 c 1.107,8.454 -6.202,12.629 -13.36,7.179 C 22.644,83.743 83.16,75.088 79.171,51.386 75.86,31.712 15.495,37.769 8.621,68.553 3.968,89.374 27.774,118.26 52.614,118.26 c 12.22,0 26.315,-11.034 28.952,-25.012 C 83.58,82.589 57.867,86.86 58.791,93.913 Z"></path>
1283+
</svg>
1284+
Visit GNOME
1285+
</span>
12841286
</a>
12851287
</div>
12861288
</div>
@@ -1311,7 +1313,7 @@ <h3 id="gnome">GNOME</h3>
13111313
</p>
13121314
</footer>
13131315

1314-
<!-- This page `/` was built on 2025-07-10T12:37:26.363Z -->
1316+
<!-- This page `/` was built on 2025-07-10T13:55:55.236Z -->
13151317
<script type="module" src="/linuxjava7.github.io/dist/xbxy_EL6cU.js"></script>
13161318
</body>
13171319
</html>

‎tags/gaming/index.html‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -325,7 +325,7 @@
325325
/* Component Variables */
326326
--rounded-corner: 12px;
327327
--btnround: 500px;
328-
--btnsqr: 0.8rem;
328+
--btnsqr: 0.9rem;
329329

330330
/* Font Settings */
331331
font-family: Inter, sans-serif;
@@ -596,32 +596,32 @@
596596

597597
/* Button styles for cards */
598598
.card .btn {
599-
max-width: 12rem;
600-
font-size: 80%;
601-
border-radius: var(--btnsqr);
602-
background-color: var(--accent-bg-color);
603-
color: var(--accent-fg-color);
604-
opacity: 1;
605-
font-weight: 600;
606-
font-variation-settings: "wght" 600;
607-
padding: 0.6rem 1.5rem;
608-
display: inline-block;
609-
align-items: center;
610-
gap: 0.5rem;
611-
text-decoration: none;
612-
transition: box-shadow 200ms var(--slickease);
613-
margin: 0.3rem;
599+
background: var(--view-switcher-accent);
614600
border: none;
615-
box-shadow: 0 0 0 0 var(--accent-bg-color);
616-
min-width: 4rem;
617-
vertical-align: middle;
618-
text-align: center;
619-
white-space: nowrap;
601+
cursor: pointer;
602+
outline-offset: 4px;
603+
border-radius: var(--btnsqr);
604+
max-width: fit-content;
620605
}
621606

622-
.card .btn:hover {
623-
box-shadow: 0 0 0 2px var(--accent-bg-color);
624-
text-decoration: none;
607+
.btn:hover .front {
608+
transform: translateY(-6px);
609+
}
610+
611+
.btn:active .front {
612+
transform: translateY(-2px);
613+
}
614+
615+
.front {
616+
font-size: 1.25rem;
617+
background: var(--accent-bg-color);
618+
color: white;
619+
transform: translateY(-4px);
620+
padding: 0.6rem 1.5rem;
621+
border-radius: var(--btnsqr);
622+
font-size: 80%;
623+
display: inline-table;
624+
transition: transform 200ms var(--slickease);
625625
}
626626

627627
.card .btn svg {
@@ -1259,7 +1259,7 @@ <h1 id="tagged-gaming">Tagged “gaming”</h1>
12591259
</p>
12601260
</footer>
12611261

1262-
<!-- This page `/tags/gaming/` was built on 2025-07-10T12:37:26.363Z -->
1262+
<!-- This page `/tags/gaming/` was built on 2025-07-10T13:55:55.236Z -->
12631263
<script type="module" src="/linuxjava7.github.io/dist/xbxy_EL6cU.js"></script>
12641264
</body>
12651265
</html>

0 commit comments

Comments
 (0)