change position lostbhf, add "data work" section

elproffesore · Jul 16, 2024 · 40b6a84 · 40b6a84
1 parent 426161d
commit 40b6a84
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -298,10 +298,26 @@ onMounted(async () => {
                         Places like <a href="https://offene-werkstaetten.org/de" target="_blank">open workshops</a> or <a href="(https://urbane-gaerten.de/urbane-gaerten/gaerten-im-ueberblick" target="_blank">community gardening</a> are hubs for cultivating the seeds of community resilience. <br><br>
                         Because only together we can strengthen us to go brave through the crises.
                     </p>
-                    <img :class="mobileAndTabletCheck()?'w-[250px]':'w-[400px]'" src="./assets/images/lostbahnhof risored.png" alt="">
                 </div>
             </GridComponent>
         </ScrollytellingComponent>
+          <GridComponent>
+                <div class="content-container gap-4" id="sources">
+                    <div class="w-full px-4">
+                        <div class="grid grid-cols-2">
+                            <h2 class="text-left p-0">Data Work</h2>
+                            <img @click="showReferences = !showReferences" src="./assets/images/right-arrow-header.svg" :class="showReferences?'rotate-[180deg]':''" class="w-6 justify-self-end" alt="">
+                            <hr class="col-span-2">
+                        </div>
+                        <p :class="showReferences?'block':'hidden'" class="pb-4">
+                            <br>
+                            text
+                            <br>
+                        </p>
+                    </div>
+                <img :class="mobileAndTabletCheck()?'w-[250px]':'w-[400px]'" src="./assets/images/lostbahnhof risored.png" alt="">
+            </div>
+        </GridComponent>
         <GridComponent>
             <div class="content-container gap-4" id="sources">
                 <div class="w-full px-4">
@@ -348,7 +364,9 @@ Neu, C., Küpper, B., & Luhmann, M. (2023). Extrem einsam? Die demokratische Rel
 <br>
 <br>
 Thomas, W.I. & Thomas, D.S. (1928). The Child in America: Behavior problems and programs. New York: Knopf.
-                    </p>                </div>
+                    </p>                
+                </div>
+                <img :class="mobileAndTabletCheck()?'w-[250px]':'w-[400px]'" src="./assets/images/lostbahnhof risored.png" alt="">
             </div>
         </GridComponent>
     </div>