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

Navbar bugfixes.

Browse source
This commit is contained in:
Kaj Forney 2023-02-07 16:15:22 -07:00
parent 0e5e00eea4
commit 88f9eceffb
Signed by: kforney
GPG key ID: 3AB4E2E04CEF656F
2 changed files with 43 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
css/main.css
View file

@ -182,12 +182,22 @@ iframe[src*=itch]
padding-bottom: 6px; padding-bottom: 6px;
} }
.nav-item {
padding-top: 7px;
}
.navbar-link { .navbar-link {
color: #FFBC42; color: #FFBC42;
font-family: VT323, monospace; font-family: VT323, monospace;
font-size: 36px; font-size: 36px;
padding-left: 50px; padding-left: 50px;
padding-right: 50px; padding-right: 50px;
text-decoration: none;
}
.navbar-link:hover {
color: #FFFFFF;
text-decoration: underline;
} }
.card { .card {
@ -226,6 +236,10 @@ iframe[src*=itch]
line-height: 60px; line-height: 60px;
} }
#footerText {
color: steelblue;
}
@font-face { @font-face {
font-family: VT323; font-family: VT323;
src: url("https://kforney.github.io/fonts/VT323-Regular.ttf"); src: url("https://kforney.github.io/fonts/VT323-Regular.ttf");

26
index.html
View file

@ -9,9 +9,8 @@
<link rel="manifest" href="site.webmanifest"> <link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png"> <link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
@ -28,19 +27,28 @@
<img src="img/branding/LunarPenguin_newPalette_transparency_brightDiamond.png" alt="Logo" class="navbar-logo"> <img src="img/branding/LunarPenguin_newPalette_transparency_brightDiamond.png" alt="Logo" class="navbar-logo">
Kaj Forney Kaj Forney
</a> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<span class="navbar-text">|</span> <ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="navbar-link" href="#games">GAMES</a> <a class="navbar-link" href="#games">GAMES</a>
<span class="navbar-text">|</span> </li>
<span class="navbar-text d-none d-sm-block">|</span>
<li class="nav-item">
<a class="navbar-link" href="#art">ART</a> <a class="navbar-link" href="#art">ART</a>
<span class="navbar-text">|</span> </li>
<span class="navbar-text d-none d-sm-block">|</span>
<li class="nav-item">
<a class="navbar-link" href="#social">SOCIAL</a> <a class="navbar-link" href="#social">SOCIAL</a>
<span class="navbar-text">|</span> </li>
<span class="navbar-text d-none d-sm-block">|</span>
<li class="nav-item">
<a class="navbar-link" href="files/resume.pdf">RESUME</a> <a class="navbar-link" href="files/resume.pdf">RESUME</a>
</li>
</ul>
</div> </div>
</nav> </nav>
@ -290,14 +298,14 @@
<footer class="footer bg-dark"> <footer class="footer bg-dark">
<div class="container"> <div class="container">
<span id="footerText" class="text-muted"></span> <span id="footerText"></span>
</div> </div>
</footer> </footer>
<script src="js/vendor/modernizr-3.11.2.min.js"></script> <script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script> <script src="js/plugins.js"></script>
<script src="js/main.js"></script> <script src="js/main.js"></script>
<script src="js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script> <script>
document.getElementById("footerText").innerHTML = "Copyright © Kaj Forney 2018-" + new Date(Date.now()).getFullYear(); document.getElementById("footerText").innerHTML = "Copyright © Kaj Forney 2018-" + new Date(Date.now()).getFullYear();