Fix style/fonts

fallctf.com/public/fonts/fonts.css

@@ -0,0 +1,45 @@
+@font-face {
+  font-family: "Helvetica Neue";
+  font-weight: 400;
+  font-style: normal;
+  src: url('/fonts/HelveticaNeue-Regular.woff2') format("woff2"),
+    url('/fonts/HelveticaNeue-Regular.woff') format("woff"),
+    url('/fonts/HelveticaNeue-Regular.ttf') format("truetype");
+  font-display: swap;
+}
+@font-face {
+  font-family: "Helvetica Neue";
+  font-weight: 700;
+  font-style: normal;
+  src: url('/fonts/HelveticaNeue-Bold.woff2') format("woff2"),
+    url('/fonts/HelveticaNeue-Bold.woff') format("woff"),
+    url('/fonts/HelveticaNeue-Bold.ttf') format("truetype");
+  font-display: swap;
+}
+@font-face {
+  font-family: "Helvetica Neue";
+  font-weight: 500;
+  font-style: normal;
+  src: url('/fonts/HelveticaNeue-Medium.woff2') format("woff2"),
+    url('/fonts/HelveticaNeue-Medium.woff') format("woff"),
+    url('/fonts/HelveticaNeue-Medium.ttf') format("truetype");
+  font-display: swap;
+}
+@font-face {
+  font-family: "Helvetica Neue";
+  font-weight: 400;
+  font-style: italic;
+  src: url('/fonts/HelveticaNeue-RegularItalic.woff2') format("woff2"),
+    url('/fonts/HelveticaNeue-RegularItalic.woff') format("woff"),
+    url('/fonts/HelveticaNeue-RegularItalic.ttf') format("truetype");
+  font-display: swap;
+}
+@font-face {
+  font-family: "Helvetica Neue";
+  font-weight: 300;
+  font-style: normal;
+  src: url('/fonts/HelveticaNeue-Light.woff2') format("woff2"),
+    url('/fonts/HelveticaNeue-Light.woff') format("woff"),
+    url('/fonts/HelveticaNeue-Light.ttf') format("truetype");
+  font-display: swap;
+}

fallctf.com/src/layouts/Base.astro

@@ -1,4 +1,5 @@
 ---
+import '@/styles/fallctf.css';
 import '$/styles/prism-one-dark.css';
 
 import type { HeadProps } from '$/components/BaseHead.astro';

fallctf.com/src/styles/fallctf.css

@@ -0,0 +1,41 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Element overrides */
+html {
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+body {
+  --rgb-pwny-green: 51 204 85;    /* #33cc55 */
+  --rgb-pwny-lgreen: 0 255 85;    /* #00ff55 */
+  --rgb-pwny-dgreen: 19 113 55;   /* #137137 */
+  --rgb-pwny-red: 255 64 64;      /* #ff4040 */
+  --rgb-pwny-orange: 237 122 49;  /* #ed7a31 */
+  --rgb-pwny-yellow: 255 192 0;   /* #ffc000 */
+  --rgb-pwny-blue: 65 170 255;    /* #41aaff */
+  --rgb-pwny-purple: 204 102 238; /* #cc66ee */
+
+  --rgb-primary: var(--rgb-pwny-green);
+  --rgb-secondary: var(--rgb-pwny-lgreen);
+  --rgb-surface-000: 0 0 0;       /* #000000 */
+  --rgb-surface-050: 17 17 17;    /* #111111 */
+  --rgb-surface-100: 34 34 34;    /* #222222 */
+  --rgb-surface-150: 51 51 51;    /* #333333 */
+  --rgb-surface-200: 68 68 68;    /* #444444 */
+  --rgb-surface-250: 85 85 85;    /* #555555 */
+  --rgb-surface-300: 102 102 102; /* #666666 */
+  --rgb-text: 255 255 255;        /* #ffffff */
+
+  --font-size-small: 0.875rem;
+  --font-size-standard: 1rem;
+  --font-size-base: 1.125rem;
+
+  font-family: "Helvetica Neue", Helvetica, Arial;
+  font-size: var(--font-size-base);
+  background-color: rgb(var(--rgb-surface-000));
+  color: rgb(var(--rgb-text));
+  height: 100%;
+  width: 100%;
+}

fallctf.com/tailwind.config.ts

@@ -1,8 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
-	theme: {
-		extend: {
+  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+  theme: {
+    extend: {
       colors: {
         pwny: {
           'green': 'rgb(var(--rgb-pwny-green) / <alpha-value>)',
@@ -32,6 +32,6 @@ export default {
     container: {
       center: true,
     },
-	},
-	plugins: [],
+  },
+  plugins: [],
 }

sigpwny.com/src/styles/main.css

@@ -179,27 +179,4 @@ a:hover {
   100% {
     transform: translateX(100%);
   }
-}
-/*
-Fix for Safari not rendering border-radius on overflow: hidden
-https://stackoverflow.com/questions/49066011/overflow-hidden-with-border-radius-not-working-on-safari
-*/
-.gatsby-image-wrapper {
-  z-index: 0;
-}
-/* Hide text layer of PDF */
-.react-pdf__Page__textContent  {
-  color: transparent;
-  opacity: 0.5;
-}
-.react-pdf__Page__textContent ::selection {
-  background: #0000ff;
-}
-.react-pdf__Page {
-  background-color: transparent !important;
-}
-/* Correctly scale */
-.react-pdf__Page__canvas, .react-pdf__Page__textContent, .react-pdf__Page__annotations {
-  max-width: 100%;
-  height: auto !important;
 }

uiuc.tf/src/pages/index.astro

@@ -6,12 +6,12 @@ const rawEvents = await getCollection('events')  as CollectionEntry<'events'>[];
 ---
 
 <Layout title="Home">
-	<h1>Events</h1>
-	<ul>
-		{rawEvents.map((event) => (
-			<li>
-				<p>{event.data.title}</p>
-			</li>
-		))}
-	</ul>
+  <h1>Events</h1>
+  <ul>
+    {rawEvents.map((event) => (
+      <li>
+        <p>{event.data.title}</p>
+      </li>
+    ))}
+  </ul>
 </Layout>