From 2134507d817a14bf5b42b6931554fb8bcd04a451 Mon Sep 17 00:00:00 2001
From: Leif Niemczik <leif.niem@gmail.com>
Date: Thu, 1 Dec 2022 18:04:05 +0100
Subject: [PATCH] angel center in nav

---
 src/layouts/Layout.astro        | 33 +++++++++++++++++++++++----------
 src/pages/index.astro           | 12 ++++++------
 src/pages/resources/index.astro |  7 +++----
 3 files changed, 32 insertions(+), 20 deletions(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 72774fc..9f62994 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -29,13 +29,19 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
 						<a href='/'>Home</a>
 					</li>
 					<li>
-						<a href='https://pretix.hip-berlin.de/hip2022/hip2022/'
-							>Buy tickets</a
+						<a
+							href='https://pretix.hip-berlin.de/hip2022/hip2022/'
+							target='_blank'
+							rel='noopener,noreferrer'>Buy tickets</a
 						>
 					</li>
 					<li><a href='/merch/'>Merch{' '}</a></li>
 					<li>
-						<a href='https://pretalx.c3voc.de/hip-berlin-2022/cfp'>CfP</a>
+						<a
+							href='https://pretalx.c3voc.de/hip-berlin-2022/cfp'
+							target='_blank'
+							rel='noopener,noreferrer'>CfP</a
+						>
 					</li>
 					<li>
 						<a href='/resources/'>Resources</a>
@@ -43,6 +49,13 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
 					<li>
 						<a href='/coc/'>CoC</a>
 					</li>
+					<li>
+						<a
+							href='https://engelsystem.hip-berlin.de/'
+							target='_blank'
+							rel='noopener,noreferrer'>Angel Center</a
+						>
+					</li>
 				</ul>
 				<Socials additionalClass='mobile-only' />
 			</nav>
@@ -137,8 +150,8 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
 				z-index: 10;
 
 				@supports (height: 100dvh) {
-				 height:100dvh;
-				 padding:2rem;
+					height: 100dvh;
+					padding: 2rem;
 				}
 
 				label {
@@ -159,7 +172,7 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
 				}
 
 				// desktop menu styles
-				@media screen and (min-width: 768px) {
+				@media screen and (min-width: 1024px) {
 					flex-direction: row;
 					padding: 0;
 					position: relative;
@@ -206,9 +219,9 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
 					}
 				}
 				&.desktop-only {
-					height: 4.5rem;
+					height: 4.2rem;
 					width: auto;
-					gap: 1.5rem;
+					gap: 1rem;
 					ul {
 						flex-direction: row;
 					}
@@ -279,12 +292,12 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
 				padding: 1.5rem 0;
 			}
 
-			@media screen and (max-width: 768px) {
+			@media screen and (max-width: 1024px) {
 				.desktop-only {
 					display: none;
 				}
 			}
-			@media screen and (min-width: 768px) {
+			@media screen and (min-width: 1024px) {
 				.mobile-only {
 					display: none;
 				}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 90d88fe..558c578 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -54,10 +54,10 @@ import Layout from '../layouts/Layout.astro'
 					>.
 				</p>
 				<p>
-					We also need and welcome support during HiP. For our ACC
-					"Angel Coordination Center" we have on the 5th floor, on the roof, a
-					nice big room with terrace and view over Berlin available as Heaven.
-					Just register in our <a href='https://engelsystem.hip-berlin.de/'
+					We also need and welcome support during HiP. For our ACC "Angel
+					Coordination Center" we have on the 5th floor, on the roof, a nice big
+					room with terrace and view over Berlin available as Heaven. Just
+					register in our <a href='https://engelsystem.hip-berlin.de/'
 						>Angel Coordination Center</a
 					>.
 				</p>
@@ -107,7 +107,7 @@ import Layout from '../layouts/Layout.astro'
 	}
 	.tickets {
 		width: 100%;
-		@media screen and (min-width: 768px) {
+		@media screen and (min-width: 1024px) {
 			margin: 0 -1.5rem 3rem;
 			width: calc(100% + 3rem);
 		}
@@ -117,7 +117,7 @@ import Layout from '../layouts/Layout.astro'
 		}
 		h2 {
 			font-size: 2rem;
-			@media screen and (min-width: 768px) {
+			@media screen and (min-width: 1024px) {
 				font-size: 2.2rem;
 			}
 			line-height: 1.2;
diff --git a/src/pages/resources/index.astro b/src/pages/resources/index.astro
index 18b319c..0c10bc9 100644
--- a/src/pages/resources/index.astro
+++ b/src/pages/resources/index.astro
@@ -22,8 +22,7 @@ import Layout from '../../layouts/Layout.astro'
 			</p>
 			<h2>Font</h2>
 			<p>
-				We are using <a
-					href='https://www.ibm.com/plex/'>IBM Plex Mono Medium</a
+				We are using <a href='https://www.ibm.com/plex/'>IBM Plex Mono Medium</a
 				>.
 			</p>
 			<section>
@@ -243,13 +242,13 @@ import Layout from '../../layouts/Layout.astro'
 	.grid-2col {
 		display: grid;
 		gap: 2rem;
-		@media screen and (min-width: 768px) {
+		@media screen and (min-width: 1024px) {
 			grid-template-columns: repeat(2, 1fr);
 		}
 	}
 	.grid-3col {
 		display: grid;
-		@media screen and (min-width: 768px) {
+		@media screen and (min-width: 1024px) {
 			grid-template-columns: repeat(3, 1fr);
 		}
 		gap: 2rem;