From 4a74979178a5053fd4920a5733c4d8a4d2e07e5d Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Thu, 26 Sep 2024 16:54:19 +0200
Subject: [PATCH] table

---
 src/App/App.css                                  |  5 +++++
 src/contents/Contribution/Wiki/wiki-overview.tsx |  7 ++++++-
 src/contents/Contribution/Wiki/wiki-start.tsx    | 14 +++++++++-----
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/App/App.css b/src/App/App.css
index 390e9513..3ed4099b 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -353,6 +353,11 @@ td, th {
   max-width: 60px !important;
 }
 
+thead tr {
+  background-color: var(--text-primary) !important;
+  color: var(--background);
+}
+
 tbody tr:nth-child(even) {
   background-color: #ededed;
 }
diff --git a/src/contents/Contribution/Wiki/wiki-overview.tsx b/src/contents/Contribution/Wiki/wiki-overview.tsx
index 33162dbd..aaeb12a1 100644
--- a/src/contents/Contribution/Wiki/wiki-overview.tsx
+++ b/src/contents/Contribution/Wiki/wiki-overview.tsx
@@ -1,8 +1,13 @@
+
 export function WikiOverview(){
 
     return(
         <div>
-            
+                <p>To help teams get started, we wrote down what we wished we would have easily found while building our wiki with React.</p>
+                <p><b>Getting startet</b> explains some basics that are important to know. This especially concerns the differences between using plain HTML and React, but the structure of the wiki, too. </p>
+                <p><b>Troubleshooting</b> is an iteractive search for problems that may arise and how we solved them.  </p>
+                <p><b>Components</b> contains some components we used that we found very helpful. Many packages that offer components such as timelines were not exactly what we were looking for or did not work with our packages. The solution was to create our own components. </p>
+                <p><b>Downloads</b> </p>
         </div>
     )
 }
\ No newline at end of file
diff --git a/src/contents/Contribution/Wiki/wiki-start.tsx b/src/contents/Contribution/Wiki/wiki-start.tsx
index 669aab33..31db0077 100644
--- a/src/contents/Contribution/Wiki/wiki-start.tsx
+++ b/src/contents/Contribution/Wiki/wiki-start.tsx
@@ -5,11 +5,14 @@ export function Started(){
       <h3>Differences between React and plain HTML</h3>
       <p>There are some differences in the syntax that can lead to errors.</p>
       <table>
-        <tr>
-          <th></th>
-          <th>Plain HTML</th>
-          <th>Using React</th>
-        </tr>
+        <thead>
+          <tr>
+            <th></th>
+            <th>Plain HTML</th>
+            <th>Using React</th>
+          </tr>
+        </thead>
+        <tbody>
         <tr>
           <th> <code>&lt;tags&gt; </code> </th>
           <th> 
@@ -48,6 +51,7 @@ export function Started(){
             <p> style=&#123;&#123;<var>attribute</var>: "<var>value</var>", <var>attribute</var>: "<var>value</var>" &#125;&#125;</p>
           </th>
         </tr>
+        </tbody>
       </table>
       </>
     )
-- 
GitLab