rumination

3 years ago · 4040b996e1
parent 7ed453b423
commit 4040b996e1
6 changed files with 61 additions and 0 deletions
--- a/rumination/.vscode/settings.json
+++ b/rumination/.vscode/settings.json
@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
--- a/rumination/imgs/cows.gif
+++ b/rumination/imgs/cows.gif
--- a/rumination/imgs/flyer_website.png
+++ b/rumination/imgs/flyer_website.png
--- a/rumination/imgs/session.gif
+++ b/rumination/imgs/session.gif
--- a/rumination/index.html
+++ b/rumination/index.html
@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <link rel="icon" type="image/x-icon" href="imgs/cows.gif">
+    <title>Rumination Session</title>
+</head>
+<body>
+    <div class="big">
+        <div class="flyer">
+            <img src="imgs/flyer_website.png">
+        </div>
+        <div class="gif">
+            <img src="imgs/session.gif">
+        </div>
+    </div>
+</body>
+</html>
--- a/rumination/style.css
+++ b/rumination/style.css
@ -0,0 +1,37 @@
+body{
+    min-height: 100vh;
+    max-width: 100vw;
+    background-color: black;
+}
+
+.big {
+    position: relative;
+    top: 0;
+    left: 0;
+  }
+
+  .flyer {
+    position: relative;
+    top: 0;
+    left: 0;
+    margin-left: 35%;
+    margin-top:15%;
+    
+  }
+
+  .flyer img{
+      max-width: 50vw;
+      border: 1pt solid white;
+  }
+
+  .gif{
+    position: absolute;
+    top: -25%;
+    left: 10%;
+    
+  }
+
+  .gif img{
+    border: 1pt solid white;
+    max-width: 35vw;
+  }