Add favicon.

This commit is contained in:
Alexander J 2022-05-14 14:50:18 +02:00
parent d55d435756
commit 595aaace06
3 changed files with 35 additions and 6 deletions

View File

@ -86,6 +86,10 @@ a.visited {
word-wrap: break-word; word-wrap: break-word;
} }
#MenuButton {
display: none;
}
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.card { .card {
flex-direction: column; flex-direction: column;
@ -93,4 +97,16 @@ a.visited {
.ResponsiveImage { .ResponsiveImage {
max-inline-size: 100%; max-inline-size: 100%;
} }
.navbarpieceofshitfuckihatethis {display: none;}
.navbarpieceofshitfuckihatethis.responsive {display: initial;}
/*.navbarpieceofshitfuckihatethis.responsive a {
float: none;
display: block;
text-align: left;
}*/
#MenuButton {
display: initial;
}
} }

View File

@ -1,11 +1,28 @@
<script lang="ts"> <script lang="ts">
import css from "../assets/animation.css"; import css from "../assets/animation.css";
import ProjectSegfaultLogo from "../assets/images/projectsegfault1.png"; import ProjectSegfaultLogo from "../assets/images/projectsegfault1.png";
function showResponsive() {
var x = document.getElementById("navbarpieceofshitfuckihatethis");
var navbarClasses = x.classList;
var navbarClassesString = navbarClasses.toString();
const svelteclassthing = navbarClasses.item(2)
console.log(navbarClasses);
if (x.className === "center navbarpieceofshitfuckihatethis", svelteclassthing) {
console.log("Shit");
navbarClasses.add("responsive");
}
if (navbarClassesString.includes("responsive")){
console.log("Piss");
navbarClasses.remove("responsive");
}
};
</script> </script>
<header> <header id="navigationBar" class="navigvationBar">
<img src={ProjectSegfaultLogo} id="ProjectSegfaultLogoHeader" alt="project segfault's logo." /> <img src={ProjectSegfaultLogo} id="ProjectSegfaultLogoHeader" alt="project segfault's logo." />
<a href="/" class="text-flicker-in-glow" style="color: #ce1717">Project <span style="color: #00d4aa">Segfault</span></a> <a href="/" class="text-flicker-in-glow" style="color: #ce1717">Project <span style="color: #00d4aa">Segfault</span></a>
<div class="center"> <a href="javascript:void(0)" class="button" id="MenuButton" on:click={showResponsive}>Menu</a>
<div class="center navbarpieceofshitfuckihatethis" id="navbarpieceofshitfuckihatethis">
<a href="/instances" class="button">Instances</a> <a href="/instances" class="button">Instances</a>
<a href="/gameservers" class="button">Games</a> <a href="/gameservers" class="button">Games</a>
@ -23,7 +40,6 @@
background-color: #252525; background-color: #252525;
border: solid #252525; border: solid #252525;
border-width: 1em; border-width: 1em;
border-radius: 8px;
} }
#ProjectSegfaultLogoHeader { #ProjectSegfaultLogoHeader {
/*Here goes anything to do with the header logo*/ /*Here goes anything to do with the header logo*/
@ -32,9 +48,6 @@
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
} }
.center {
text-align: center;
}
.text-flicker-in-glow { .text-flicker-in-glow {
opacity:1; opacity:1;
-webkit-animation: text-flicker-in-glow 3000ms both; -webkit-animation: text-flicker-in-glow 3000ms both;

BIN
static/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB