diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6a6a2aa6..616f4dde 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,12 +17,6 @@ dependencies:
   '@tanstack/svelte-query':
     specifier: ^4.24.4
     version: 4.32.0(svelte@3.59.2)
-  asciidoctor:
-    specifier: ^2.2.6
-    version: 2.2.6
-  marked:
-    specifier: ^4.1.1
-    version: 4.3.0
 
 devDependencies:
   '@sveltejs/adapter-static':
@@ -99,25 +93,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /@asciidoctor/cli@3.5.0(@asciidoctor/core@2.2.6):
-    resolution: {integrity: sha512-/VMHXcZBnZ9vgWfmqk9Hu0x0gMjPLup0YGq/xA8qCQuk11kUIZNMVQwgSsIUzOEwJqIUD7CgncJdtfwv1Ndxuw==}
-    engines: {node: '>=8.11', npm: '>=5.0.0'}
-    hasBin: true
-    peerDependencies:
-      '@asciidoctor/core': ^2.0.0-rc.1
-    dependencies:
-      '@asciidoctor/core': 2.2.6
-      yargs: 16.2.0
-    dev: false
-
-  /@asciidoctor/core@2.2.6:
-    resolution: {integrity: sha512-TmB2K5UfpDpSbCNBBntXzKHcAk2EA3/P68jmWvmJvglVUdkO9V6kTAuXVe12+h6C4GK0ndwuCrHHtEVcL5t6pQ==}
-    engines: {node: '>=8.11', npm: '>=5.0.0', yarn: '>=1.1.0'}
-    dependencies:
-      asciidoctor-opal-runtime: 0.3.3
-      unxhr: 1.0.1
-    dev: false
-
   /@esbuild/android-arm64@0.18.17:
     resolution: {integrity: sha512-9np+YYdNDed5+Jgr1TdWBsozZ85U1Oa3xW0c7TWqH0y2aGghXtZsuT8nYRbzOMcl0bXZXjOGbksoTtVOlWrRZg==}
     engines: {node: '>=12'}
@@ -715,12 +690,14 @@ packages:
   /ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
+    dev: true
 
   /ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
     dependencies:
       color-convert: 2.0.1
+    dev: true
 
   /anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
@@ -739,25 +716,9 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /asciidoctor-opal-runtime@0.3.3:
-    resolution: {integrity: sha512-/CEVNiOia8E5BMO9FLooo+Kv18K4+4JBFRJp8vUy/N5dMRAg+fRNV4HA+o6aoSC79jVU/aT5XvUpxSxSsTS8FQ==}
-    engines: {node: '>=8.11'}
-    dependencies:
-      glob: 7.1.3
-      unxhr: 1.0.1
-    dev: false
-
-  /asciidoctor@2.2.6:
-    resolution: {integrity: sha512-EXG3+F2pO21B+COfQmV/WgEgGiy7nG/mJiS/o5DXpaT2q82FRZWPVkbMZrpDvpu4pjXe5c754RbZR9Vz0L0Vtw==}
-    engines: {node: '>=8.11', npm: '>=5.0.0', yarn: '>=1.1.0'}
-    hasBin: true
-    dependencies:
-      '@asciidoctor/cli': 3.5.0(@asciidoctor/core@2.2.6)
-      '@asciidoctor/core': 2.2.6
-    dev: false
-
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
 
   /base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
@@ -781,6 +742,7 @@ packages:
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
+    dev: true
 
   /braces@3.0.2:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
@@ -839,22 +801,16 @@ packages:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
     dev: true
 
-  /cliui@7.0.4:
-    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
-    dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 7.0.0
-    dev: false
-
   /color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
     dependencies:
       color-name: 1.1.4
+    dev: true
 
   /color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+    dev: true
 
   /color-string@1.9.1:
     resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
@@ -873,6 +829,7 @@ packages:
 
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    dev: true
 
   /console-clear@1.1.1:
     resolution: {integrity: sha512-pMD+MVR538ipqkG5JXeOEbKWS5um1H4LUUccUQG68qpeqBYbzYy79Gh55jkd2TtPdRfUaLWdv6LPP//5Zt0aPQ==}
@@ -954,10 +911,6 @@ packages:
       esutils: 2.0.3
     dev: true
 
-  /emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
-    dev: false
-
   /end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
     dependencies:
@@ -998,11 +951,6 @@ packages:
       '@esbuild/win32-x64': 0.18.17
     dev: true
 
-  /escalade@3.1.1:
-    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
-    engines: {node: '>=6'}
-    dev: false
-
   /escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -1214,6 +1162,7 @@ packages:
 
   /fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+    dev: true
 
   /fsevents@2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
@@ -1223,11 +1172,6 @@ packages:
     dev: true
     optional: true
 
-  /get-caller-file@2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
-    engines: {node: 6.* || 8.* || >= 10.*}
-    dev: false
-
   /get-port@3.2.0:
     resolution: {integrity: sha512-x5UJKlgeUiNT8nyo/AcnwLnZuZNcSjSw0kogRB+Whd1fjjFq4B1hySFxSFWWSn4mIBzg3sRNUDFYc4g5gjPoLg==}
     engines: {node: '>=4'}
@@ -1251,17 +1195,6 @@ packages:
       is-glob: 4.0.3
     dev: true
 
-  /glob@7.1.3:
-    resolution: {integrity: sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==}
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.2
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-    dev: false
-
   /glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     dependencies:
@@ -1343,9 +1276,11 @@ packages:
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
+    dev: true
 
   /inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    dev: true
 
   /ini@1.3.8:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
@@ -1367,11 +1302,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
-    engines: {node: '>=8'}
-    dev: false
-
   /is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -1457,12 +1387,6 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.15
     dev: true
 
-  /marked@4.3.0:
-    resolution: {integrity: sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==}
-    engines: {node: '>= 12'}
-    hasBin: true
-    dev: false
-
   /merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
@@ -1496,6 +1420,7 @@ packages:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
       brace-expansion: 1.1.11
+    dev: true
 
   /minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
@@ -1564,6 +1489,7 @@ packages:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
     dependencies:
       wrappy: 1.0.2
+    dev: true
 
   /optionator@0.9.3:
     resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
@@ -1606,6 +1532,7 @@ packages:
   /path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
@@ -1721,11 +1648,6 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /require-directory@2.1.1:
-    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
   /resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
@@ -1918,15 +1840,6 @@ packages:
     engines: {node: '>=10.0.0'}
     dev: true
 
-  /string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
-    engines: {node: '>=8'}
-    dependencies:
-      emoji-regex: 8.0.0
-      is-fullwidth-code-point: 3.0.0
-      strip-ansi: 6.0.1
-    dev: false
-
   /string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
     dependencies:
@@ -1938,6 +1851,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       ansi-regex: 5.0.1
+    dev: true
 
   /strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
@@ -2157,11 +2071,6 @@ packages:
       busboy: 1.6.0
     dev: true
 
-  /unxhr@1.0.1:
-    resolution: {integrity: sha512-MAhukhVHyaLGDjyDYhy8gVjWJyhTECCdNsLwlMoGFoNJ3o79fpQhtQuzmAE4IxCMDwraF4cW8ZjpAV0m9CRQbg==}
-    engines: {node: '>=8.11'}
-    dev: false
-
   /uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
     dependencies:
@@ -2237,45 +2146,14 @@ packages:
       isexe: 2.0.0
     dev: true
 
-  /wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
-    engines: {node: '>=10'}
-    dependencies:
-      ansi-styles: 4.3.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-    dev: false
-
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-
-  /y18n@5.0.8:
-    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
-    engines: {node: '>=10'}
-    dev: false
+    dev: true
 
   /yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
     dev: true
 
-  /yargs-parser@20.2.9:
-    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
-    engines: {node: '>=10'}
-    dev: false
-
-  /yargs@16.2.0:
-    resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
-    engines: {node: '>=10'}
-    dependencies:
-      cliui: 7.0.4
-      escalade: 3.1.1
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      string-width: 4.2.3
-      y18n: 5.0.8
-      yargs-parser: 20.2.9
-    dev: false
-
   /yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
diff --git a/src/routes/announcements/+page.svelte b/src/routes/announcements/+page.svelte
index a2c99ff8..b4a6d7f8 100644
--- a/src/routes/announcements/+page.svelte
+++ b/src/routes/announcements/+page.svelte
@@ -9,7 +9,6 @@
 	import Footer from '$layout/Footer/FooterHost.svelte';
 	import Query from '$lib/components/Query.svelte';
 	import Announcement from './Announcement.svelte';
-	import Announcement2 from './Announcement2.svelte';
 	import { get_access_token } from '$data/api/settings';
 	import PostAnnouncementDialogue from './PostAnnouncementDialogue.svelte';
 	import Button from '$lib/components/Button.svelte';
@@ -73,7 +72,6 @@
 			<div class="announcements">
 				{#each data.announcements as announcement}
 					<Announcement {announcement} />
-					<Announcement2 {announcement} />
 				{/each}
 			</div>
 			<br />
diff --git a/src/routes/announcements/Announcement.svelte b/src/routes/announcements/Announcement.svelte
index 04f5ad1c..db7b7630 100644
--- a/src/routes/announcements/Announcement.svelte
+++ b/src/routes/announcements/Announcement.svelte
@@ -20,19 +20,21 @@
 	<div class="header">
 		<div class="title-container">
 			<img src="/icons/{icon}.svg" alt="announcement" />
-			<h2>{announcement.title}</h2>
+			<div class="title-info">
+				<h3>{announcement.title}</h3>
+				<div class="author">
+					<p>{diffDays}</p>
+					{#if announcement.author}
+						<p class="dot">•</p>
+						<p>{announcement.author}</p>
+					{/if}
+				</div>
+			</div>
 		</div>
 		<div class="header-footer-container">
 			<div class="header-footer">
 				<p>{announcement.channel}</p>
 			</div>
-			<div class="header-footer">
-				<p>{diffDays}</p>
-				{#if announcement.author}
-					<p class="dot">•</p>
-					<p>{announcement.author}</p>
-				{/if}
-			</div>
 		</div>
 	</div>
 	<div class="content">
@@ -54,16 +56,12 @@
 <style lang="scss">
 	.announcement {
 		border-radius: 1.5rem;
-		background-color: var(--grey-six);
 		display: flex;
 		width: 100%;
 		flex-direction: column;
 		color: var(--grey-five);
 		transition: all 0.2s var(--bezier-one);
-
-		&:hover {
-			transform: translateY(-0.25rem);
-		}
+		border: 1px solid var(--grey-three);
 
 		.attachments {
 			margin-top: 1rem;
@@ -91,14 +89,15 @@
 		}
 
 		.header {
-			padding: 1.5rem;
+			padding: 1.25rem;
 			border-radius: 1.5rem 1.5rem 0 0;
-			background-color: var(--grey-one);
+			background-color: var(--grey-six);
 			gap: 1rem;
 			display: flex;
 			flex-wrap: wrap;
 			align-items: center;
 			justify-content: space-between;
+			border-bottom: 1px solid var(--grey-three);
 
 			.header-footer-container {
 				flex-wrap: wrap;
@@ -108,7 +107,7 @@
 				.header-footer {
 					gap: 0.25rem;
 					display: flex;
-					background: var(--grey-three);
+					background: var(--grey-two);
 					flex-wrap: wrap;
 					padding: 0.25rem 1rem;
 					border-radius: 0.5rem;
@@ -123,8 +122,15 @@
 		.title-container {
 			display: flex;
 			flex-wrap: wrap;
-			gap: 0.5rem;
+			justify-content: center;
+			align-items: center;
+			gap: 1.25rem;
 
+			.author {
+				display: flex;
+				gap: 0.25rem;
+				flex-wrap: wrap;
+			}
 			img {
 				color: red;
 				width: 2rem;
diff --git a/src/routes/announcements/Announcement2.svelte b/src/routes/announcements/Announcement2.svelte
deleted file mode 100644
index 53cffae8..00000000
--- a/src/routes/announcements/Announcement2.svelte
+++ /dev/null
@@ -1,179 +0,0 @@
-<script lang="ts">
-	import type { Announcement } from '$lib/types';
-	import { timeAgo } from '$util/date';
-
-	export let announcement: Announcement;
-
-	const diffDays = timeAgo(announcement.created_at);
-
-	let icon = 'info';
-	if (announcement.level != null) {
-		if (announcement.level > 1) {
-			icon = 'error';
-		} else if (announcement.level > 0) {
-			icon = 'warning';
-		}
-	}
-</script>
-
-<div class="section-container" id={`announcment-${announcement.id}`}>
-	<div
-		class="title"
-	>
-		<div class="title-container">
-			<img class="icon" src="/icons/{icon}.svg" alt="announcement" />
-			<div>
-				<h3>{announcement.title}</h3>
-				<div class="header-footer">
-				<p>{diffDays}</p>
-				{#if announcement.author}
-					<p class="dot">•</p>
-					<p>{announcement.author}</p>
-				{/if}
-				</div>
-			</div>
-		</div>
-		<div class="header-footer-container">
-			<div class="header-footer">
-				<p>{announcement.channel}</p>
-			</div>
-		</div>
-	</div>
-
-		<div class="content">
-			{#if announcement.content != null}
-				{@html announcement.content.message}
-				{#if announcement.content.attachment_urls && announcement.content.attachment_urls.length > 0}
-					<div class="attachments">
-						{#each announcement.content.attachment_urls as attachment}
-							<a target="_blank" rel="noreferrer" class="attachments-link" href={attachment}>
-								<img src={attachment} alt="attachment" />
-							</a>
-						{/each}
-					</div>
-				{/if}
-			{/if}
-		</div>
-</div>
-
-<style lang="scss">
-	.title {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		background-color: var(--grey-six);
-		padding: 1rem 1.25rem;
-		border-bottom: 1px solid var(--grey-three);
-		transition: all 0.2s var(--bezier-one);
-	}
-
-	.icon {
-		height: 2rem;
-	}
-
-	.header-footer {
-			gap: 0.25rem;
-			display: flex;
-			flex-wrap: wrap;
-		}
-
-	.attachments {
-		margin-top: 1rem;
-		display: flex;
-		flex-wrap: wrap;
-		gap: 1rem;
-		.attachments-link {
-			text-decoration: none;
-		}
-
-		img {
-			max-height: 100px;
-			width: min-content;
-			transition: all 0.2s var(--bezier-one);
-
-			&:hover {
-				filter: brightness(1.1);
-				transform: translateY(-0.25rem);
-			}
-		}
-	}
-
-
-	.title-container {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		gap: 1.25rem;
-	}
-
-	.header-footer-container {
-		flex-wrap: wrap;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		gap: 0.5rem;
-
-		.header-footer {
-			gap: 0.25rem;
-			display: flex;
-			background: var(--grey-two);
-			flex-wrap: wrap;
-			padding: 0.25rem 1rem;
-			border-radius: 0.5rem;
-
-			.dot {
-				color: var(--white);
-			}
-		}
-	}
-
-	.closed {
-		border-bottom: none;
-	}
-
-	#arrow {
-		height: 1.5rem;
-		transition: all 0.2s var(--bezier-one);
-		user-select: none;
-	}
-
-	.section-container {
-		color: var(--grey-five);
-		width: 100%;
-		border-radius: 20px;
-		overflow: hidden;
-		border: 1px solid var(--grey-three);
-	}
-
-	a {
-		display: flex;
-		text-decoration: none;
-		width: max-content;
-		border-radius: 8px;
-	}
-
-	.content {
-		padding: 1rem 1.25rem;
-	}
-
-	a:hover {
-		text-decoration: underline var(--accent-color);
-		color: var(--white);
-	}
-	:global(h1),
-		:global(h2),
-		:global(h3) {
-			color: var(--accent-color-two);
-		}
-		:global(h2) {
-			font-size: 1.5rem;
-		}
-
-		:global(ul) {
-			list-style: none;
-		}
-
-		:global(a) {
-			color: var(--accent-color-two);
-		}
-</style>
diff --git a/static/icons/info.svg b/static/icons/info.svg
index 1dca467a..4edc943b 100644
--- a/static/icons/info.svg
+++ b/static/icons/info.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="white" viewBox="0 -960 960 960"
+<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#afd3f4" viewBox="0 -960 960 960"
 	width="24">
 	<path
 		d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" />