diff options
author | Rasmus Luha <rasmus.luha@gmail.com> | 2022-09-17 02:25:42 +0300 |
---|---|---|
committer | Rasmus Luha <rasmus.luha@gmail.com> | 2022-09-17 02:25:42 +0300 |
commit | a2dc5f37b280c9f7f304888446fef0cf975ae041 (patch) | |
tree | a224f7cd8f610a70c6f5e5ef234c534d59284d32 | |
parent | a95406fdbe26a378c7e7581293cecbabfba6ce8e (diff) |
some index changes
-rw-r--r-- | public/css/style.css | 14 | ||||
-rw-r--r-- | public/img/gif/1.gif | bin | 0 -> 1116366 bytes | |||
-rw-r--r-- | public/img/gif/2.gif | bin | 0 -> 26996465 bytes | |||
-rw-r--r-- | public/index.html | 11 | ||||
-rw-r--r-- | static/css/style.css | 14 | ||||
-rw-r--r-- | static/img/gif/1.gif | bin | 0 -> 1116366 bytes | |||
-rw-r--r-- | static/img/gif/2.gif | bin | 0 -> 26996465 bytes | |||
-rw-r--r-- | templates/index.html | 11 |
8 files changed, 36 insertions, 14 deletions
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 Binary files differnew file mode 100644 index 0000000..a55bfe5 --- /dev/null +++ b/public/img/gif/1.gif diff --git a/public/img/gif/2.gif b/public/img/gif/2.gif Binary files differnew file mode 100644 index 0000000..153e829 --- /dev/null +++ b/public/img/gif/2.gif 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 Binary files differnew file mode 100644 index 0000000..a55bfe5 --- /dev/null +++ b/static/img/gif/1.gif diff --git a/static/img/gif/2.gif b/static/img/gif/2.gif Binary files differnew file mode 100644 index 0000000..153e829 --- /dev/null +++ b/static/img/gif/2.gif 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> |