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

uclab-potsdam · Oct 22, 2024 · b8ababc · b8ababc
2 parents 59bf423 + fa76dfe
commit b8ababc
Show file tree

Hide file tree

Showing 11 changed files with 123 additions and 13 deletions.
diff --git a/experiments/3melie/1_basics.html b/experiments/3melie/1_basics.html
@@ -7,7 +7,9 @@
 
 <style>
 
-/* add your magic here */
+    body{
+        background-color: rgb(67, 102, 126);
+    }
 
 </style>
 

diff --git a/experiments/Benedikt/1_basics.html b/experiments/Benedikt/1_basics.html
@@ -13,7 +13,7 @@
 
 h1 {
     font-family: monospace;
-    font-size: 40px;
+    font-size: 60px;
     font-weight: 200;
 }
 h2 {
@@ -23,9 +23,19 @@
 section {
     background-color: #e9e9e9;
     padding: 10px;
-    border: 1px solid rgb(148, 148, 148);
+    padding-left: 20px;
+    border: 1px solid rgb(203, 203, 203);
+    border-radius: 10px;
     margin: 20px;
+    opacity: .5;
+    transition: all .5s ease;
 }
+
+section:hover{
+    opacity: 1;
+    transform: scale(1.01);
+}
+
 </style>
 
 </head>

diff --git a/experiments/Ksenia/1_basics.html b/experiments/Ksenia/1_basics.html
@@ -11,7 +11,7 @@
 body {
     font-family: monospace; 
     font-style: oblique;
-    color: darkblue;
+    color: rgb(0, 139, 9);
 }
 
 </style>

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: aquamarine;
+    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/julian/1_basics.html b/experiments/julian/1_basics.html
@@ -40,6 +40,15 @@
 
 section {
     opacity: 1;
+    padding: 20px;
+    transition: all 1s ease;
+    width: 400px;
+    margin: auto;
+}
+section:hover {
+    opacity: 1;
+    background-color: rgb(68, 102, 255);
+    transform: scale(1.1);
 }
 
 </style>

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: 400px;
+    margin:auto
+}
+
+section:hover {
+    opacity: 1;
+    background-color: darkolivegreen ;
+    transform: scale(40px); 
+}
 /*  */
 
 </style>

diff --git a/experiments/marian/1_basics.html b/experiments/marian/1_basics.html
@@ -15,10 +15,17 @@
 
 section {
     opacity: .5;
-    color: green; 
+    padding: 20px;
+    transition: all 1s ease;
+    width: 500px;
+    margin: auto;
 }
 
-
+section:hover {
+    opacity: 1;
+    background-color: white;
+    transform: scale(1.1);
+}
 
 </style>
 

diff --git a/experiments/maxi/1_basics.html b/experiments/maxi/1_basics.html
@@ -10,8 +10,24 @@
 body {
 font-family: Arial, Helvetica, sans-serif;
 background-color:white;
+
+}
+section {
+opacity: .5;
+padding: 20px;
+transition: all 1s ease;
+width: 400px;
+margin: auto;
+
 }
 
+section:hover {
+    opacity: 1;
+    background-color:blue;
+    transform: scale(1.5);
+}
+
+
 </style>
 
 </head>

diff --git a/experiments/nicole/1_basics.html b/experiments/nicole/1_basics.html
@@ -11,8 +11,20 @@
     background-color:antiquewhite;
     font-family: Cambria;
     font-weight: 100;
-
-
+}
+
+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/svenja/1_basics.html b/experiments/svenja/1_basics.html
@@ -7,7 +7,10 @@
 
 <style>
 
-/* this is where your magic flies */
+h1{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+font: size 30px;
+color:rgb(13, 95, 130);}
+
 
 </style>