ducompsoc
diff --git a/‎.github/workflows/build.yml
+7-3 b/‎.github/workflows/build.yml
+7-3
diff --git a/‎public/index.html ‎index.html
+9-27 b/‎public/index.html ‎index.html
+9-27
@@ -9,17 +9,21 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [8.x]
+        node-version: [20.x]
 
     steps:
     - uses: actions/checkout@v1
+    - name: Install pnpm
+      uses: pnpm/action-setup@v4
+      with:
+        version: 9
     - name: Use Node.js ${{ matrix.node-version }}
       uses: actions/setup-node@v1
       with:
         node-version: ${{ matrix.node-version }}
     - name: npm install and build
       run: |
-        npm install
-        npm run build --if-present
+        pnpm install
+        pnpm run build
       env:
         CI: true
@@ -22,30 +22,30 @@
 			property="og:description"
 			content="CompSoc runs talks, hackathons and workshops for Durham University students throughout the year."
 		/>
-		<meta property="og:image" content="%PUBLIC_URL%/images/stock/a.jpg" />
+		<meta property="og:image" content="/images/stock/a.jpg" />
 		<meta name="twitter:card" content="summary_large_image" />
 
-		<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+		<link rel="shortcut icon" href="/favicon.ico" />
 		<link
 			rel="apple-touch-icon"
 			sizes="180x180"
-			href="%PUBLIC_URL%/apple-touch-icon.png"
+			href="/apple-touch-icon.png"
 		/>
 		<link
 			rel="icon"
 			type="image/png"
 			sizes="32x32"
-			href="%PUBLIC_URL%/favicon-32x32.png"
+			href="/favicon-32x32.png"
 		/>
 		<link
 			rel="icon"
 			type="image/png"
 			sizes="16x16"
-			href="%PUBLIC_URL%/favicon-16x16.png"
+			href="/favicon-16x16.png"
 		/>
 		<link
 			rel="mask-icon"
-			href="%PUBLIC_URL%/safari-pinned-tab.svg"
+			href="/safari-pinned-tab.svg"
 			color="#a0c0c7"
 		/>
 
@@ -56,31 +56,13 @@
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-		<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-
-		<!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
+		<link rel="manifest" href="/manifest.json" />
 		<title>Durham CompSoc</title>
 	</head>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>
 		<div id="root"></div>
-		<!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
+	
+		<script type="module" src="/src/index.tsx"></script>
 	</body>
 </html>