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
Show Stats 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%; max-inline-size: 100%;
} }
.navbarpieceofshitfuckihatethis {display: none;} .navbar {display: none;}
.navbarpieceofshitfuckihatethis.responsive {display: initial;} .navbar.responsive {display: initial;}
/*.navbarpieceofshitfuckihatethis.responsive a { /*.navbarpieceofshitfuckihatethis.responsive a {
float: none; float: none;
display: block; display: block;

34
src/lib/Header.svelte
View File

@ -5,35 +5,26 @@
<script lang="ts"> <script lang="ts">
import "../assets/animation.css"; import "../assets/animation.css";
import ProjectSegfaultLogo from "../assets/images/projectsegfault1.png"; import ProjectSegfaultLogo from "../assets/images/projectsegfault1.png";
export let responsive; let showMenu = false
function showResponsive() { let innerWidth
let x = document.getElementById("navbarpieceofshitfuckihatethis"); let mobile
let navbarClasses = x.classList; $: mobile = innerWidth < 800
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;
}
};
</script> </script>
<svelte:window bind:innerWidth />
<header id="navigationBar" class="navigvationBar"> <header id="navigationBar" class="navigvationBar">
<a href="/"> <a href="/">
<img src={ProjectSegfaultLogo} id="ProjectSegfaultLogoHeader" alt="Logo."/> <img src={ProjectSegfaultLogo} id="ProjectSegfaultLogoHeader" alt="Logo."/>
</a> </a>
<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>
<a href="{'#'}" class="button" id="MenuButton" on:click={showResponsive}>Menu</a> {#if mobile}
<div class="center navbarpieceofshitfuckihatethis" id="navbarpieceofshitfuckihatethis" class:responsive={responsive}> <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="https://instances.projectsegfau.lt" class="button">Instances & Gameservers </a>
<a href="/minecraft" class="button">Minecraft</a> <a href="/minecraft" class="button">Minecraft</a>
<a href="/donate" class="button">Donate</a> <a href="/donate" class="button">Donate</a>
@ -44,6 +35,7 @@
<a href="/contact" class="button">Contact</a> <a href="/contact" class="button">Contact</a>
</div> </div>
{/if}
</header> </header>
<style> <style>