kforney/kforney.github.io
1
0
Fork 0
mirror of https://github.com/kforney/kforney.github.io.git synced 2024-11-14 19:10:10 -07:00
Code Issues Projects Releases Packages Wiki Activity

Ackshual font fix.

Browse source
This commit is contained in:
Kaj Forney 2022-12-06 09:10:19 -07:00
parent 506748c2b6
commit fb91711b80
Signed by: kforney
GPG key ID: 3AB4E2E04CEF656F
1 changed files with 79 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

141
css/main.css
View file

@ -96,112 +96,129 @@ body {
background-image: url("/img/branding/backgroundSmall.png"); background-image: url("/img/branding/backgroundSmall.png");
} }
h1 { h1 {
font-family: VT323; font-family: VT323;
font-size: 64px; font-size: 64px;
src: url("https://kforney.github.io/fonts/VT323-Regular.ttf"); color: #FFBC42;
color: #FFBC42; text-align: center;
text-align: center;
} }
h2{ h2{
font-family: Oswald; font-family: Oswald;
font-size: 64px; font-size: 64px;
src: url("https://kforney.github.io/fonts/Oswald-Regular.ttf"); color: #78a1bb;
color: #78a1bb; text-align: center;
text-align: center;
} }
h5 { h5 {
font-family: 'IBM Plex Mono', monospace; font-family: 'IBM Plex Mono', monospace;
font-size: 28px; font-size: 28px;
src: url("https://kforney.github.io/fonts/IBMPlexMono-Regular.ttf"); color: #78a1bb;
color: #78a1bb; text-align: center;
text-align: center;
} }
p { p {
font-family: 'IBM Plex Sans', sans-serif; font-family: 'IBM Plex Sans', sans-serif;
font-size: 28px; font-size: 28px;
src: url("https://kforney.github.io/fonts/IBMPlexSans-Regular.ttf"); color: #78a1bb;
color: #78a1bb; text-align: center;
text-align: center;
} }
iframe[src*=youtube] iframe[src*=youtube]
{ {
text-align: center; text-align: center;
display: block; display: block;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
max-width:80%; max-width:80%;
} }
iframe[src*=itch] iframe[src*=itch]
{ {
text-align: center; text-align: center;
display: block; display: block;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
max-width: 80%; max-width: 80%;
} }
.parallax { .parallax {
position: relative; position: relative;
background-attachment: fixed; background-attachment: fixed;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
.bg-dark { .bg-dark {
--bs-dark-rgb: 40, 48, 68; --bs-dark-rgb: 40, 48, 68;
--bs-light-rgb: 120, 161, 187; --bs-light-rgb: 120, 161, 187;
--bs-body-color: 120, 161, 187; --bs-body-color: 120, 161, 187;
} }
.navbar-brand { .navbar-brand {
font-family: VT323; font-family: VT323;
font-size: 36px; font-size: 36px;
src: url("../fonts/VT323-Regular.ttf"); src: url("../fonts/VT323-Regular.ttf");
color: #FFBC42; color: #FFBC42;
} }
.navbar-text { .navbar-text {
font-family: VT323; font-family: VT323;
font-size: 36px; font-size: 36px;
src: url("../fonts/VT323-Regular.ttf"); src: url("../fonts/VT323-Regular.ttf");
color: #78a1bb; color: #78a1bb;
} }
.card { .card {
background-color: RGBA(22, 26, 37, 70%); background-color: RGBA(22, 26, 37, 70%);
border-radius: 30px; border-radius: 30px;
} }
.text-shadow { .text-shadow {
text-shadow: #ffbc42 1px 1px 2px; text-shadow: #ffbc42 1px 1px 2px;
} }
.youtube-container { .youtube-container {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
} }
.youtube-iframe { .youtube-iframe {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
right: 0; right: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.fa-brands { .fa-brands {
color: #FFBC42; color: #FFBC42;
}
@font-face {
font-family: VT323;
src: url("https://kforney.github.io/fonts/VT323-Regular.ttf");
}
@font-face {
font-family: Oswald;
src: url("https://kforney.github.io/fonts/Oswald-Regular.ttf");
}
@font-face {
font-family: 'IBM Plex Mono', monospace;
src: url("https://kforney.github.io/fonts/IBMPlexMono-Regular.ttf");
}
@font-face {
font-family: 'IBM Plex Sans', sans-serif;
src: url("https://kforney.github.io/fonts/IBMPlexSans-Regular.ttf");
} }
/* ========================================================================== /* ==========================================================================
@ -214,7 +231,7 @@ iframe[src*=itch]
.hidden, .hidden,
[hidden] { [hidden] {
display: none !important; display: none !important;
} }
/* /*