read me + logos

README.md

@@ -1,2 +1,17 @@
 # Krise
-The project "Krise" is part of the university course [Mapping Cities - Making Cities](https://uclab.fh-potsdam.de/mapping/) and was done in the summer semester 2024. 
+The project "Krise" is part of the university course [Mapping Cities - Making Cities](https://uclab.fh-potsdam.de/mapping/) and was done in the summer semester 2024. 
+
+# Setup
+To run the project locally, you need to have [Node.js](https://nodejs.org/en/) installed. Then you can run the following commands in the terminal:
+
+To install the dependencies:
+```npm install```
+
+To start the development server on port 5173:
+```npm run dev```
+
+# Deploy
+To the deploy the project it must be build first:
+```npm run build```
+
+Then you can deploy the static-site in the folder `dist` on any webserver.

src/App.vue

@@ -392,7 +392,7 @@ onMounted(async () => {
             </div>
         </ScrollytellingComponent>
         <GridComponent>
-            <div class="content-container gap-10" id="sources">
+            <div class="content-container gap-10 text-left" id="sources">
                 <div class="w-full px-4">
                     <div class="grid grid-cols-2 items-center">
                         <h2 class="text-left pb-4">Dataset Description</h2>

src/components/AppFooter.vue

@@ -3,18 +3,18 @@
 <template>
     <div id="credits" class="flex flex-col gap-8 md:grid md:grid-cols-2 px-8 py-4 bg-[#222] text-white pb-[5vh]">
         <h1 class="section-heading text-left col-span-2"><b>Credits</b></h1>
-        <div class="flex flex-col gap-2 self-start">
+        <div class="flex flex-col gap-2 self-start text-left">
             <h4 ><b>Concept: </b><a href="">Juliane Müller</a>, <a href="">Louisa Fortwengel</a>, <a href="">Giuliana Mei</a>, <a href="https://philippproff.eu">Philipp Proff</a></h4>
             <h4 ><b>Text & Content: </b>Juliane Müller, Louisa Fortwengel</h4>
             <h4 ><b>Design & UI: </b>Giuliana Mei</h4>
             <h4 ><b>Data Wrangling: </b>Louisa Fortwengel, Philipp Proff</h4>
             <h4 ><b>Development: </b>Philipp Proff</h4>
         </div>
         <div class="flex flex-col gap-8 md:gap-2 self-start">
-            <div class="flex flex-col md:grid md:grid-cols-3 gap-4 items-center">
-                <img src="../assets/images/FHP_logo.svg" alt="" class="w-3/4  pb-4">
+            <div class="flex flex-col md:grid md:grid-cols-3 gap-4">
+                <img src="../assets/images/FHP_logo.svg" alt="" class="w-full  pb-4">
                 <img src="../assets/images/kit_logo.png" alt="" class="w-3/4 pb-4">
-                <img src="../assets/images/sosec_logo.png" alt="" class="w-3/4 pb-4">
+                <img src="../assets/images/sosec_logo.png" alt="" class="w-full pb-4">
             </div>
             <p>This project was done during the class <a href="https://uclab.fh-potsdam.de/mapping/" _blank class="underline">"Mapping Cities - Making Cities"</a> at FH Potsdam in the summer semester 2024. We kindly thank Marian Dörk and Hendrik Lehman for the well taught input and the support during the development of the project.</p>
         </div>