From 9dac27fcf21b9835ff99e1e7628a090b9737225a Mon Sep 17 00:00:00 2001
From: BOTAlex <zhentao2004@gmail.com>
Date: Fri, 22 May 2026 12:47:52 +0200
Subject: [PATCH] CSS school kaitlyns demands

---
 src/routes/school/css/+page.svelte | 57 +++++++++++++++++++++++-------
 static/stylesheets/global.css      |  6 ----
 2 files changed, 44 insertions(+), 19 deletions(-)

diff --git a/src/routes/school/css/+page.svelte b/src/routes/school/css/+page.svelte
index 1b65487..4961a1c 100644
--- a/src/routes/school/css/+page.svelte
+++ b/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">
-    <h1 class="text-4xl">Computational Social Science</h1>
+  <div class="flex flex-col items-center justify-center w-full">
+    <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,20 +169,31 @@
     </div>
 
     <div
-      class={currentCountry == "" ? "hidden" : ""}
+      class="{currentCountry == '' ? 'hidden' : ''} relative"
       style="width: 80%; height: 800px;"
     >
       <div>{currentCountrySelected}</div>
-      <iframe
-        src={currentCountry}
-        width="100%"
-        height="100%"
-        style="border: none; background: transparent;"
-        allowtransparency={true}
-        title="Network Graph"
-        bind:this={interactiveEmbed}
-      >
-      </iframe>
+      <div class="relative w-full h-full">
+        <iframe
+          src={currentCountry}
+          width="100%"
+          height="100%"
+          style="border: none; background: transparent;"
+          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">
diff --git a/static/stylesheets/global.css b/static/stylesheets/global.css
index 83bdd5b..d9fbae3 100644
--- a/static/stylesheets/global.css
+++ b/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;