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

uclab-potsdam · Oct 24, 2024 · 40ce7ff · 40ce7ff
2 parents 2c0d5cd + 8239bd2
commit 40ce7ff
Show file tree

Hide file tree

Showing 58 changed files with 1,351 additions and 1,165 deletions.
diff --git a/experiments/3melie/1_basics.html b/experiments/3melie/1_basics.html
@@ -22,49 +22,57 @@
 }
 
 section{
-    opacity: 1;
+    opacity: .2;
     padding: 20px;
     transition: all 1s ease;
     width: 70%;
     margin: auto;
+    border-radius: 10%;
 }
 
 section:hover {
     opacity: 1;
     background-color: rgb(247, 247, 212);
     transform: scale(1.05);
     color: rgb(80, 70, 55);
-
+    border-radius: 0%;
+    border-style:double;
+    border-width: thick;
+    transition-duration: 0.5s;
 }
 
+h1{
+        font-variant: small-caps;
+        color: rgb(255, 213, 77);
+        text-align: center;
+    }
+
     h2{
         font-variant: small-caps;
     }
 
+
     img{
         max-width: 100%;
         height: auto;
-        opacity: .5;
     }
 
-    img:hover{
-        opacity: 1;
-    }
-
-    a:link{
+    :link{
         color: rgb(80, 70, 55);
+        font-variant: small-caps;
+        font-size: larger;
     }
 
-    a:visited{
+    :visited{
         color: rgb(80, 70, 55);
     }
 
-    a:link:hover{
+    :link:hover{
         opacity: 1;
         color: rgb(225, 172, 0);
     }
 
-    a:visited:hover{
+    :visited:hover{
         opacity: 0;
         color:rgb(247, 247, 212)
     }
@@ -74,6 +82,7 @@
 <body>
 <main id="content" class="main-content  ">
     <article class="main-page-content" lang="en-US">
+        <h1><u>The box model</u></h1>
         <section>
         <header>
             <h2><u>The box model</u></h2>

diff --git a/experiments/DAI YU SYUAN/1_basics.html b/experiments/DAI YU SYUAN/1_basics.html
@@ -8,6 +8,7 @@
 <style>
     p{
         color:aqua;
+        opacity: 5;
     }
 
 </style>

diff --git a/experiments/kaheller/1_basics.html b/experiments/kaheller/1_basics.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
 <meta charset="UTF-8">
-<title>The box model - Interactive Information</title>
+<title>The box model </p>Interactive Information</title>
 <!-- Source: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model -->
 
 <style>
@@ -53,7 +53,7 @@
 <main id="content" class="main-content  ">
     <article class="main-page-content" lang="en-US">
         <header>
-            <h1>The box model</h1>
+            <h1>The box model - <p>Explained</p></h1>
         </header>
         <div class="section-content">          
             <p>

diff --git a/experiments/lucazell/1_basics.html b/experiments/lucazell/1_basics.html
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Bold.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-Bold.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Bold.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-Bold.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Bold.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-Bold.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Bold.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-Bold.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-BoldItalic.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-BoldItalic.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-BoldItalic.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-BoldItalic.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-BoldItalic.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-BoldItalic.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-BoldItalic.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-BoldItalic.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Heavy.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-Heavy.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Heavy.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-Heavy.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Heavy.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-Heavy.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Heavy.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-Heavy.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-HeavyItalic.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-HeavyItalic.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-HeavyItalic.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-HeavyItalic.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-HeavyItalic.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-HeavyItalic.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-HeavyItalic.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-HeavyItalic.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Light.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-Light.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Light.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-Light.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Light.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-Light.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Light.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-Light.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-LightItalic.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-LightItalic.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-LightItalic.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-LightItalic.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-LightItalic.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-LightItalic.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-LightItalic.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-LightItalic.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Medium.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-Medium.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Medium.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-Medium.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Medium.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-Medium.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Medium.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-Medium.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-MediumItalic.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-MediumItalic.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-MediumItalic.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-MediumItalic.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-MediumItalic.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-MediumItalic.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-MediumItalic.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-MediumItalic.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Regular.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-Regular.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Regular.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-Regular.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Regular.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-Regular.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-Regular.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-Regular.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-RegularItalic.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-RegularItalic.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-RegularItalic.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-RegularItalic.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-RegularItalic.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-RegularItalic.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-RegularItalic.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-RegularItalic.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBold.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBold.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBold.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBold.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBold.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBold.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBold.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBold.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBoldItalic.otf b/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBoldItalic.otf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBoldItalic.ttf b/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBoldItalic.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBoldItalic.woff b/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBoldItalic.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBoldItalic.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIAL-SemiBoldItalic.woff2
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIALVF.ttf b/experiments/lucazell/assets/fonts/RoobertTRIALVF.ttf
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIALVF.woff b/experiments/lucazell/assets/fonts/RoobertTRIALVF.woff
diff --git a/experiments/lucazell/assets/fonts/RoobertTRIALVF.woff2 b/experiments/lucazell/assets/fonts/RoobertTRIALVF.woff2
diff --git a/experiments/lucazell/style.css b/experiments/lucazell/style.css
@@ -0,0 +1,77 @@
+@font-face {
+    font-family: 'Roobert';
+    src: url('http://127.0.0.1:5500/assets/fonts/RoobertTRIAL-Regular.ttf'); /* imported a beautiful font */
+}
+
+body {
+    font-family: Roobert, sans-serif;    
+    background-color: #E2EDEC;
+}
+
+div{
+    display: block;
+    unicode-bidi: isolate;
+}
+
+.main_section{
+    width: 100%;
+    background-color: rgba(239, 242, 255, 0);
+    padding: 100px 1.88em 50px;
+}
+
+.container{
+    width: 100%;
+    max-width: 100em;
+    margin-left: auto;
+    margin-right: auto;
+} 
+
+.main_grid{
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr 2fr;
+    grid-template-rows: 1fr;
+    grid-column-gap: 16px;
+    grid-row-gap: 0px;
+}
+
+.sticky_menu_wrapper{
+    z-index: 0;
+    height: 400px;
+    flex-direction: column;
+    margin-bottom: 0;
+    padding: 0 24px 0 0;
+    display: flex;
+    position: -webkit-sticky;
+    position: sticky;
+    top: 182px;
+    overflow: scroll;
+}
+
+.sticky_menu_item{
+    color: #696969;
+    margin-bottom: 12px;
+    font-size: 15px;
+    font-weight: 400;
+    line-height: 1.6;
+    text-decoration: none;
+    transition: color .2s;
+}
+
+a{
+    color: #696969;
+    background-color: transparent;
+}
+
+a:hover{
+    color: #0CAEB5; /* hover effect for the navigation */
+}
+
+.content_wrapper{
+    background-color: #fff;
+    border: 1px solid rgba(105, 105, 105, .1);
+    border-radius: 20px;
+    margin-left: 10px;
+    padding: 24px 40px;
+    overflow: visible;
+}