CSS school kaitlyns demands

src/routes/school/css/+page.svelte

@@ -4,6 +4,7 @@
   import countryList from "country-list-js";
   import onMount from "@src/optimizers/onMount";
   import Search from "lucide-svelte/icons/search";
+  import X from "lucide-svelte/icons/x";
 
   class Range {
     start: number = 0;
@@ -80,13 +81,32 @@
   }
 
   onMount(() => {
+    selectCountry("DNK", true);
     console.log(countryList.findByIso3("DNK"));
   });
 </script>
 
 <div class="flex flex-col w-full h-full pt-40 gap-16 NotoSans">
-  <div class="flex justify-center w-full">
+  <div class="flex flex-col items-center justify-center w-full">
-    <h1 class="text-4xl">Computational Social Science</h1>
+    <h1 class="text-4xl">Country Mention Networks in UN Speeches</h1>
+    <div>Computational Social Science 02467 - group 10</div>
+    <div class="flex gap-8">
+      <a
+        class="link link-primary"
+        href="https://git.deprived.dev/DeprivedDevs/deprived-main-website/src/branch/main/src/routes/school/css"
+        >Website repository</a
+      >
+      <a
+        class="link link-primary"
+        href="https://github.com/MagicBOTAlex/Social-Informatik-02467-project"
+        >Python repository</a
+      >
+      <a
+        class="link link-primary"
+        href="https://www.kaggle.com/datasets/unitednations/un-general-debates"
+        >Dataset from kaggle</a
+      >
+    </div>
   </div>
   <div class="flex flex-col items-center justify-center w-full prose">
     <div class="flex gap-30 justify-between">
@@ -149,10 +169,11 @@
     </div>
 
     <div
-      class={currentCountry == "" ? "hidden" : ""}
+      class="{currentCountry == '' ? 'hidden' : ''} relative"
       style="width: 80%; height: 800px;"
     >
       <div>{currentCountrySelected}</div>
+      <div class="relative w-full h-full">
         <iframe
           src={currentCountry}
           width="100%"
@@ -161,8 +182,18 @@
           allowtransparency={true}
           title="Network Graph"
           bind:this={interactiveEmbed}
+          class="relative"
         >
         </iframe>
+        <button
+          on:click={() => {
+            currentCountrySelected = "";
+          }}
+          class="absolute right-0 top-0"
+        >
+          <X class="text-accent w-16 h-18 cursor-pointer" />
+        </button>
+      </div>
     </div>
     <div class="w-[60%]">
       <div class="flex justify-between">

static/stylesheets/global.css

@@ -71,12 +71,6 @@ body {
   margin: 0;
 }
 
-a,
-a:link a:visited {
-  color: var(--text1);
-  text-decoration: none;
-}
-
 code {
   font-weight: 400;
   font-size: 0.9rem;