From 0b58689f09c3787b30b374754f19e3688b4307b3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Elias=20M=C3=BCller?= Date: Wed, 15 Dec 2021 13:42:41 +0100 Subject: [PATCH] added background and landing page --- html/landingpage.html | 63 +++++++++++++++++++++++++++++++++++++++++++ sass/index.css | 30 ++++++++++++++++++--- sass/index.css.map | 2 +- sass/index.sass | 30 +++++++++++++++++++-- 4 files changed, 119 insertions(+), 6 deletions(-) diff --git a/html/landingpage.html b/html/landingpage.html index 322750c..b92dfa5 100644 --- a/html/landingpage.html +++ b/html/landingpage.html @@ -14,6 +14,9 @@
  • Impressum
    • +
    +

    Welcome to the Advertisement

    +
      @@ -44,6 +47,66 @@
    + +
    +
    +

    The World is Burning

    +
    +
    +

    SomeText

    +
    +
    +     + +
    +
    +

    The World is Burning

    +
    +
    +

    SomeText

    +
    +
    +     + +
    +
    +

    The World is Burning

    +
    +
    +

    SomeText

    +
    +
    +     + +
    +
    +

    The World is Burning

    +
    +
    +

    SomeText

    +
    +
    +     + +
    +
    +

    The World is Burning

    +
    +
    +

    SomeText

    +
    +
    +     + +
    +
    +

    The World is Burning

    +
    +
    +

    SomeText

    +
    +
    +     diff --git a/sass/index.css b/sass/index.css index 59bfa8c..88dbae9 100644 --- a/sass/index.css +++ b/sass/index.css @@ -2,12 +2,32 @@ body { margin: 0; padding: 0; display: flex; - flex-direction: column; } + flex-direction: column; + background-color: #EAE2B7; } + +a { + color: #003049; + text-decoration: none; + font-weight: bold; + letter-spacing: 1px; } + +.greeting { + color: #F77F00; + font-size: 30px; + font-weight: 900; + display: flex; + justify-content: center; + align-items: center; + height: 50vh; + background-image: url("https://i1.wp.com/sirus.be/sirus_afbeeldingen/2020/04/Smartcities.png?fit=2560%2C1594&ssl=1"); + background-position: center center; + background-size: cover; + background-clip: border-box; } .header { - background-color: #EAE2B7; + background-color: #F77F00; width: 100%; - height: 100px; + height: 50px; display: flex; align-items: center; justify-content: flex-end; } @@ -25,4 +45,8 @@ ol { flex-direction: column; list-style: georgian; } +.content { + display: flex; + flex-direction: row; } + /*# sourceMappingURL=index.css.map */ diff --git a/sass/index.css.map b/sass/index.css.map index 1fd8388..eea6796 100644 --- a/sass/index.css.map +++ b/sass/index.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "AAMA,IAAI;EACF,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;;AAExB,OAAO;EACL,gBAAgB,EAbC,OAAO;EAcxB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,eAAe,EAAE,QAAQ;;AAE3B,EAAE;EACA,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,GAAG;EACnB,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,IAAI;EAEhB,KAAE;IACA,aAAa,EAAE,IAAI;;AAEvB,EAAE;EACA,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,UAAU,EAAE,QAAQ", +"mappings": "AAMA,IAAI;EACF,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,gBAAgB,EAXC,OAAO;;AAa1B,CAAC;EACG,KAAK,EAbI,OAAO;EAchB,eAAe,EAAE,IAAI;EACrB,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,GAAG;;AAEvB,SAAS;EACP,KAAK,EAlBgB,OAAO;EAmB5B,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;EAChB,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,IAAI;EACZ,gBAAgB,EAAE,kGAAkG;EACpH,mBAAmB,EAAE,aAAa;EAClC,eAAe,EAAE,KAAK;EACtB,eAAe,EAAE,UAAU;;AAE7B,OAAO;EACL,gBAAgB,EA7BA,OAAO;EA8BvB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,eAAe,EAAE,QAAQ;;AAE3B,EAAE;EACA,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,GAAG;EACnB,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,IAAI;EAEhB,KAAE;IACA,aAAa,EAAE,IAAI;;AAEvB,EAAE;EACA,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,UAAU,EAAE,QAAQ;;AAEtB,QAAQ;EACN,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,GAAG", "sources": ["index.sass"], "names": [], "file": "index.css" diff --git a/sass/index.sass b/sass/index.sass index bd2a60a..b69c2b5 100644 --- a/sass/index.sass +++ b/sass/index.sass @@ -9,11 +9,31 @@ body padding: 0 display: flex flex-direction: column + background-color: $background-color + +a + color: $text-color + text-decoration: none + font-weight: bold + letter-spacing: 1px + +.greeting + color: $secondary-text-color + font-size: 30px + font-weight: 900 + display: flex + justify-content: center + align-items: center + height: 50vh + background-image: url("https://i1.wp.com/sirus.be/sirus_afbeeldingen/2020/04/Smartcities.png?fit=2560%2C1594&ssl=1") + background-position: center center + background-size: cover + background-clip: border-box .header - background-color: $background-color + background-color: $secondary-color width: 100% - height: 100px + height: 50px display: flex align-items: center justify-content: flex-end @@ -31,3 +51,9 @@ ol display: flex flex-direction: column list-style: georgian + +.content + display: flex + flex-direction: row + + .navigation