From a2dc5f37b280c9f7f304888446fef0cf975ae041 Mon Sep 17 00:00:00 2001
From: Rasmus Luha <rasmus.luha@gmail.com>
Date: Sat, 17 Sep 2022 02:25:42 +0300
Subject: some index changes

---
 public/css/style.css |  14 ++++++++++++--
 public/img/gif/1.gif | Bin 0 -> 1116366 bytes
 public/img/gif/2.gif | Bin 0 -> 26996465 bytes
 public/index.html    |  11 ++++++-----
 static/css/style.css |  14 ++++++++++++--
 static/img/gif/1.gif | Bin 0 -> 1116366 bytes
 static/img/gif/2.gif | Bin 0 -> 26996465 bytes
 templates/index.html |  11 ++++++-----
 8 files changed, 36 insertions(+), 14 deletions(-)
 create mode 100644 public/img/gif/1.gif
 create mode 100644 public/img/gif/2.gif
 create mode 100644 static/img/gif/1.gif
 create mode 100644 static/img/gif/2.gif

diff --git a/public/css/style.css b/public/css/style.css
index 5108be4..e650c7d 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -2,6 +2,7 @@ body{
 	max-width: 900px;
 	margin: auto;
 	background-color: #E1D9D1;
+	font-size: 1.1rem;
 }
 nav {
 	margin-top: 10px;
@@ -60,17 +61,26 @@ footer{
 .index-content{
 	height: 500px;
 	display: flex;
+	border: 2px solid white;
 }
 
+/* Right */
 .right{
 	height: 500px;
 	width: 60%;
-	background: blue;
+	border-right: 2px solid white;
 }
 
+.right h3{
+	text-algin: center;
+}
+
+/* Left */
 .left{
 	height: 500px;
 	width: 40%;
-	background: green;
 }
 
+.left figure img{
+	width: 100%;
+}
diff --git a/public/img/gif/1.gif b/public/img/gif/1.gif
new file mode 100644
index 0000000..a55bfe5
Binary files /dev/null and b/public/img/gif/1.gif differ
diff --git a/public/img/gif/2.gif b/public/img/gif/2.gif
new file mode 100644
index 0000000..153e829
Binary files /dev/null and b/public/img/gif/2.gif differ
diff --git a/public/index.html b/public/index.html
index a943afb..b2cc970 100644
--- a/public/index.html
+++ b/public/index.html
@@ -36,15 +36,16 @@
 <div class="index-content">
 
   <div class="right">
-	<h3>Text stuff here</h3>
-	<p>Pellentesque sit amet, porttitor eget dolor 
-	  arcu risus, quis varius quam quisque id diam
-	  vel quam elementum pulvinar etiam non quam
-	  lacus suspendisse.</p>
+	<h3>Food for Thought</h3>
+	<span><i>Coming Soon</i></span>
   </div>
 
   <div class="left">
 	<h3>Corner of Cool</h3>
+	<figure>
+	  <img alt="cool gif" src="/img/gif/2.gif"/>
+	  <figcaption><i><small>some space thing</small></i></figcaption>
+	</figure>
   </div>
 
 </div>
diff --git a/static/css/style.css b/static/css/style.css
index 5108be4..e650c7d 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -2,6 +2,7 @@ body{
 	max-width: 900px;
 	margin: auto;
 	background-color: #E1D9D1;
+	font-size: 1.1rem;
 }
 nav {
 	margin-top: 10px;
@@ -60,17 +61,26 @@ footer{
 .index-content{
 	height: 500px;
 	display: flex;
+	border: 2px solid white;
 }
 
+/* Right */
 .right{
 	height: 500px;
 	width: 60%;
-	background: blue;
+	border-right: 2px solid white;
 }
 
+.right h3{
+	text-algin: center;
+}
+
+/* Left */
 .left{
 	height: 500px;
 	width: 40%;
-	background: green;
 }
 
+.left figure img{
+	width: 100%;
+}
diff --git a/static/img/gif/1.gif b/static/img/gif/1.gif
new file mode 100644
index 0000000..a55bfe5
Binary files /dev/null and b/static/img/gif/1.gif differ
diff --git a/static/img/gif/2.gif b/static/img/gif/2.gif
new file mode 100644
index 0000000..153e829
Binary files /dev/null and b/static/img/gif/2.gif differ
diff --git a/templates/index.html b/templates/index.html
index fea6e41..ce02e72 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -9,15 +9,16 @@
 <div class="index-content">
 
   <div class="right">
-	<h3>Text stuff here</h3>
-	<p>Pellentesque sit amet, porttitor eget dolor 
-	  arcu risus, quis varius quam quisque id diam
-	  vel quam elementum pulvinar etiam non quam
-	  lacus suspendisse.</p>
+	<h3>Food for Thought</h3>
+	<span><i>Coming Soon</i></span>
   </div>
 
   <div class="left">
 	<h3>Corner of Cool</h3>
+	<figure>
+	  <img alt="cool gif" src="/img/gif/2.gif"/>
+	  <figcaption><i><small>some space thing</small></i></figcaption>
+	</figure>
   </div>
 
 </div>
-- 
cgit v1.2.3