From f7da68b483c4feef58ffec12130ac762e7d8944f Mon Sep 17 00:00:00 2001 From: janis Date: Tue, 13 Dec 2022 13:36:43 +0100 Subject: [PATCH] first styling of website --- website/css/style.css | 83 +++++++++++++++++++++++++++++++++++++++++++ website/index.html | 17 +++++---- 2 files changed, 94 insertions(+), 6 deletions(-) create mode 100644 website/css/style.css diff --git a/website/css/style.css b/website/css/style.css new file mode 100644 index 0000000..b65087d --- /dev/null +++ b/website/css/style.css @@ -0,0 +1,83 @@ +/* +* +* impress.js Website +* +* +*/ + +body { + background-color: #dcdcdc; + /*TODO: Choose better font*/ + font-family: sans-serif; +} + + +/* + TITLE +*/ + +/* This is the tile element with the background image and the title */ + +.title { + /* TODO: Add background image*/ + /* make div full width (well technically oversized and move it to -1% offset */ + display: block; + width: 103vw; + height: 100vh; + margin-top: -1vh; + margin-left: -1vw; + text-align: center; +} + +.title-content { + position: relative; + top: 20vh; +} + +.title-buttons { + position: relative; + top: 40vh; +} + +.type-animation { + font-size: 500%; +} + + +/* +* +* GENERAL ITEMS +* +*/ + +/* Buttons */ +.button { + display: inline-block; + background-color: green; + text-decoration: none; + color: white; + font-size: 150%; + margin: 5px; + font-weight: bold; + padding: 30px; + padding-top: 15px; + padding-bottom: 15px; + border-radius: 50px; +} + +.button:hover { + background-color: lightgreen; +} + + + +/* +* +* CONTENT BOX +* +*/ + +.content { + width: 80vw; + margin-left: 10vw; +} \ No newline at end of file diff --git a/website/index.html b/website/index.html index 2a17d49..7b2ccb3 100644 --- a/website/index.html +++ b/website/index.html @@ -3,6 +3,7 @@ impress.js - the stunning javascript presentation framework + @@ -10,12 +11,16 @@
-

impress.js

- Watch the demo -
- Get started! - - Download +
+

impress.js

+
+
+ Watch the demo +
+ Get started! + + Download +