0xMRTT/webcompile
1
0
Fork 0
forked from ProjectSegfault/website
Code Pull Requests Activity

Remove profanity & LGTM

Browse Source 
Signed-off-by: Alexander J <odyssey346@disroot.org>
This commit is contained in:
Alexander J
2022-05-29 13:16:41 +02:00
parent 5709baab26
commit 27954bf97c
2 changed files with 17 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/global.css
View File

@@ -169,9 +169,9 @@ a:hover {
max-inline-size: 100%;
}
.navbarpieceofshitfuckihatethis {display: none;}
.navbar {display: none;}
.navbarpieceofshitfuckihatethis.responsive {display: initial;}
.navbar.responsive {display: initial;}
/*.navbarpieceofshitfuckihatethis.responsive a {
float: none;
display: block;

38
src/lib/Header.svelte
View File

@@ -5,35 +5,26 @@
<script lang="ts">
import "../assets/animation.css";
import ProjectSegfaultLogo from "../assets/images/projectsegfault1.png";
export let responsive;
function showResponsive() {
let x = document.getElementById("navbarpieceofshitfuckihatethis");
let navbarClasses = x.classList;
let navbarClassesString = navbarClasses.toString();
const svelteclassthing = navbarClasses.item(2)
console.log(navbarClasses);
if (x.className === "center navbarpieceofshitfuckihatethis", svelteclassthing) {
console.log("Shit");
responsive = true;
}
if (navbarClassesString.includes("responsive")){
console.log("Piss");
responsive = false;
}
};
let showMenu = false
let innerWidth
let mobile
$: mobile = innerWidth < 800
</script>
<svelte:window bind:innerWidth />
<header id="navigationBar" class="navigvationBar">
<a href="/">
<img src={ProjectSegfaultLogo} id="ProjectSegfaultLogoHeader" alt="Logo."/>
<img src={ProjectSegfaultLogo} id="ProjectSegfaultLogoHeader" alt="Logo."/>
</a>
<a href="/" class="text-flicker-in-glow" style="color: #ce1717">Project <span style="color: #00d4aa">Segfault</span></a>
<a href="{'#'}" class="button" id="MenuButton" on:click={showResponsive}>Menu</a>
<div class="center navbarpieceofshitfuckihatethis" id="navbarpieceofshitfuckihatethis" class:responsive={responsive}>
<a href="/" class="text-flicker-in-glow" style="color: #ce1717">Project <span style="color: #00d4aa">Segfault</span></a>
{#if mobile}
<a href="{'#'}" class="button" id="MenuButton" on:click="{() => showMenu = !showMenu}">Menu</a>
{/if}
{#if !mobile || showMenu}
<div class="center navbar" id="navbar" class:responsive={mobile}>
<a href="https://instances.projectsegfau.lt" class="button">Instances & Gameservers </a>
<a href="/minecraft" class="button">Minecraft</a>
<a href="/donate" class="button">Donate</a>
@@ -44,6 +35,7 @@
<a href="/contact" class="button">Contact</a>
</div>
{/if}
</header>
<style>