add pubnix

src/lib/Form/Meta.svelte

@@ -1,7 +1,13 @@
 <script lang="ts">
 	export let inputType: string = "";
+	export let inputName: string = "";
 	export let inputPlaceholder: string = "";
+	export let select: boolean = true;
 	export let selectType: string = "";
+	export let input2: boolean = false;
+	export let input2Type: string = "";
+	export let input2Name: string = "";
+	export let input2Placeholder: string = "";
 </script>
 
 <div
@@ -9,24 +15,37 @@
 >
 	<input
 		type={inputType}
-		name={inputType}
+		name={inputName}
 		class="form-textbox"
 		placeholder={inputPlaceholder}
 		required
 	/>
-	<select
-		name={selectType}
-		required
-		class="form-button"
-	>
-		<slot />
-	</select>
+	{#if input2}
+		<input
+			type={input2Type}
+			name={input2Name}
+			class="form-textbox"
+			placeholder={input2Placeholder}
+			required
+		/>
+	{/if}
+	{#if select}
+		<select
+			name={selectType}
+			required
+			class="form-button"
+		>
+			<slot />
+		</select>
+	{/if}
 </div>
 
-<style>
-	@media screen and (max-width: 640px) {
-		div > :nth-child(2) {
-			width: 100%;
+{#if select}
+	<style>
+		@media screen and (max-width: 640px) {
+			div > :nth-child(2) {
+				width: 100%;
+			}
 		}
-	}
-</style>
+	</style>
+{/if}

src/lib/Nav.svelte

@@ -10,13 +10,13 @@
 
 	let innerWidth: number = 0;
 
-	$: showMenuButton = innerWidth < 1030;
+	$: showMenuButton = innerWidth < 1090;
 
 	let menuOpen = false;
 
-	$: menuOpen = innerWidth > 1030;
+	$: menuOpen = innerWidth > 1090;
 
-	$: menuOpenMobile = innerWidth < 1030 && menuOpen;
+	$: menuOpenMobile = innerWidth < 1090 && menuOpen;
 
 	let showThemeToggle: boolean = true;
 
@@ -35,6 +35,7 @@
 	const menus = [
 		{ name: "Instances", url: "/instances" },
 		{ name: "Donate", url: "/donate" },
+		{ name: "Pubnix", url: "/pubnix" },
 		{ name: "Contact us", url: "/contact" },
 		{ name: "Our team", url: "/team" },
 		{ name: "Timeline", url: "/timeline" },
@@ -160,7 +161,7 @@
 		@apply border-b border-b-solid border-b-grey;
 	}
 
-	@media (min-width: 1030px) {
+	@media (min-width: 1090px) {
 		.hasJS {
 			flex-direction: row;
 			padding-top: 0;