Merge branch 'main' of https://github.com/uclab-potsdam/interinfo

uclab-potsdam · Oct 22, 2024 · ebf5dd1 · ebf5dd1
2 parents df92152 + 5557c56
commit ebf5dd1
Show file tree

Hide file tree

Showing 6 changed files with 1,210 additions and 6 deletions.
diff --git a/experiments/Benedikt/1_basics.html b/experiments/Benedikt/1_basics.html
@@ -34,6 +34,16 @@
 section:hover{
     opacity: 1;
     transform: scale(1.01);
+    background-color: #fafafa;
+    border: 1px solid #ffffff;
+}
+
+a {
+    color: black;
+}
+
+a:hover{
+    color: #29d190;
 }
 
 </style>

diff --git a/experiments/LaraR/1_basics.html b/experiments/LaraR/1_basics.html
@@ -7,11 +7,36 @@
 
 <style>
 
-h1{ font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
-    font-size: larger;
+body{ 
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    font-size: 15px;
+    background-color: antiquewhite;
+
+}
+
+
+h1{ 
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    font-size: 24px;
     color: brown;
 }
 
+section {
+    opacity: .5;
+    padding: 20px;
+    transition: all 1s ease;
+    width: 500px;
+    margin: auto;
+}
+
+section:hover{
+    opacity: 1;
+    background-color: antiquewhite;
+    transform: scale(1.1);
+
+}
+
+
 </style>
 
 </head>

diff --git a/experiments/Levi/1_basics.html b/experiments/Levi/1_basics.html
@@ -10,7 +10,21 @@
 body {
     font-family: sans-serif;
     font-size: 15px;
-    background-color: rgb(224, 228, 255);
+    background-color: hsl(0, 0%, 75%);
+}
+
+section {
+    opacity: .5;
+    padding: 20px;
+    transition: all 1s ease;
+    width: 400px;
+    margin: auto;
+}
+
+section:hover {
+    opacity: 1;
+    background-color: white;
+    transform: scale(1.1);
 }
 
 </style>

diff --git a/experiments/Luisa/1_basics.html b/experiments/Luisa/1_basics.html
@@ -7,16 +7,32 @@
 
 <style>
 
-/* add your magic here */
+body {
+    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    background-color:palevioletred
+}
 
+section {
+    opacity: 5;
+    padding: 20px;
+    transition: all 1s ease;
+    width: 500px;
+    margin: auto;
+}
+
+section:hover {
+    opacity: 1;
+    background-color:beige;
+    transform: scale(1.1);
+}
 </style>
 
 </head>
 <body>
 <main id="content" class="main-content  ">
     <article class="main-page-content" lang="en-US">
         <header>
-            <h1>The box model</h1>
+            <h1>The box model or how I like to call it "I dont know whats going on"</h1>
         </header>
         <div class="section-content">          
             <p>

diff --git a/experiments/kaheller/1_basics.html b/experiments/kaheller/1_basics.html
@@ -6,13 +6,34 @@
 <!-- Source: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model -->
 
 <style>
-    h1 {font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;} 
+    h1, h2 {font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;} 
     h1 {
         font: size 66px;
         margin: 0;
         color: lightcoral;
     }
+h1 span.phon {
+    font-size: 24px;
+    font-weight: bold;
+}
 
+body{
+    background-color: cadetblue;
+}
+
+section{
+    opacity: .5;
+    padding: 20px;
+    transition: all 1s ease;
+    width: 500%;
+    margin:auto
+}
+
+section:hover {
+    opacity: 1;
+    background-color: darkolivegreen ;
+    transform: scale(80px); 
+}
 /*  */
 
 </style>