From 124a942a3ff2a0307091577846325eaaa59df505 Mon Sep 17 00:00:00 2001 From: Miko Jimenez Date: Sat, 30 Oct 2021 13:36:25 -0400 Subject: [PATCH] Update image banner and work on #1 --- app/home.html | 62 ++++++++++++++++++++++++++++++++++------------ app/login.html | 2 +- app/reset.html | 8 +++--- css/styles.css | 37 +++++++++++++++++++++------ css/styles.css.map | 2 +- css/styles.scss | 40 ++++++++++++++++++++++++------ 6 files changed, 114 insertions(+), 37 deletions(-) diff --git a/app/home.html b/app/home.html index ce0816e..86d0656 100644 --- a/app/home.html +++ b/app/home.html @@ -19,11 +19,11 @@
-
-
-
-

Home

+
+ +
+ + +
+ +
+

Favorites

+

myUCF

+

Knights Email

+

Grades

+

Dining

+

Parking

+

News

@@ -82,7 +112,7 @@

Home

  • - +
  • diff --git a/app/login.html b/app/login.html index 44eb289..8e1ab26 100644 --- a/app/login.html +++ b/app/login.html @@ -32,7 +32,7 @@
    • -
    +

    Login

    diff --git a/app/reset.html b/app/reset.html index e03e284..96d93d0 100644 --- a/app/reset.html +++ b/app/reset.html @@ -18,11 +18,11 @@
    @@ -34,7 +34,7 @@
    -
    +

    Reset Password

    diff --git a/css/styles.css b/css/styles.css index 13b1f2d..06e153f 100644 --- a/css/styles.css +++ b/css/styles.css @@ -4,8 +4,26 @@ .back { color: #ffffff; } -.content { - padding-top: 210px; } +.container { + padding-bottom: 85px; } + +.dot { + height: 125px; + width: 125px; + border: 3px solid #ffca06; + border-radius: 50%; + display: inline-block; } + +.dot:hover { + background-color: #ffca06; } + +.dot > i { + color: black; + position: relative; + top: 32px; } + +.dot:hover > i { + color: white; } .notch-padding { background-color: black; @@ -16,16 +34,16 @@ /* Main navbar styling */ header { background-color: black; - color: white; - position: fixed; - top: 0; - width: 100%; - z-index: 998; } + color: white; } .banner-top { padding-top: 35px; background-color: black; - min-height: 65px; } + min-height: 65px; + position: fixed; + top: 0; + width: 100%; + z-index: 998; } .banner-bottom { padding-top: 30px; @@ -48,6 +66,9 @@ header { .media-background { filter: brightness(50%); } +.media-background-container { + padding-top: 90px; } + .navbar-toggler { margin-left: auto; padding-top: 0; diff --git a/css/styles.css.map b/css/styles.css.map index 0f64ba6..d9ab224 100644 --- a/css/styles.css.map +++ b/css/styles.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "AAAA,YAAY;ACCJ,oBAAS;AAEjB,aAAa;AAEb,KAAM;EACF,KAAK,EAAE,OAAO;;AAGlB,QAAS;EACL,WAAW,EAAE,KAAK;;AAGtB,cAAe;EACX,gBAAgB,EAAE,KAAK;EACvB,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;;AAGhB,yBAAyB;AAEzB,MAAO;EACH,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,KAAK;EAEZ,QAAQ,EAAE,KAAK;EACf,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,GAAG;;AAGhB,WAAY;EACR,WAAW,EAAE,IAAI;EACjB,gBAAgB,EAAE,KAAK;EACvB,UAAU,EAAE,IAAI;;AAGpB,cAAe;EACX,WAAW,EAAE,IAAI;EACjB,MAAM,EAAE,KAAK;;AAGjB,YAAa;EACT,OAAO,EAAE,KAAK;EACd,WAAW,EAAE,IAAI;EACjB,MAAM,EAAE,IAAI;;AAGhB,kBAAmB;EACf,OAAO,EAAE,KAAK;EACd,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;EAClB,MAAM,EAAE,IAAI;;AAIhB,iBAAkB;EACd,KAAK,EAAE,KAAK;;AAGhB,iBAAkB;EACd,MAAM,EAAE,eAAe;;AAG3B,eAAgB;EACZ,WAAW,EAAE,IAAI;EACjB,WAAW,EAAE,CAAC;EACd,cAAc,EAAE,CAAC;;AAGrB,wBAAwB;AAExB,MAAO;EACH,gBAAgB,EAAE,KAAK;EACvB,MAAM,EAAE,IAAI;EAEZ,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,GAAG;;AAGhB,gBAAiB;EACb,KAAK,EAAE,KAAK;;AAGhB,uBAAwB;EACpB,KAAK,EDvFI,OAAiB;;AC0F9B,sBAAuB;EACnB,KAAK,ED1FM,sBAAmB", +"mappings": "AAAA,YAAY;ACCJ,oBAAS;AAEjB,aAAa;AAEb,KAAM;EACF,KAAK,EAAE,OAAO;;AAGlB,UAAW;EACP,cAAc,EAAE,IAAI;;AAGxB,IAAK;EACD,MAAM,EAAE,KAAK;EACb,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,iBAAqB;EAC7B,aAAa,EAAE,GAAG;EAClB,OAAO,EAAE,YAAY;;AAGzB,UAAW;EACP,gBAAgB,EDrBP,OAAiB;;ACwB9B,QAAS;EACL,KAAK,EAAE,KAAK;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,IAAI;;AAGb,cAAe;EACX,KAAK,EAAE,KAAK;;AAGhB,cAAe;EACX,gBAAgB,EAAE,KAAK;EACvB,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;;AAGhB,yBAAyB;AAEzB,MAAO;EACH,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,KAAK;;AAGhB,WAAY;EACR,WAAW,EAAE,IAAI;EACjB,gBAAgB,EAAE,KAAK;EACvB,UAAU,EAAE,IAAI;EAEhB,QAAQ,EAAE,KAAK;EACf,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,GAAG;;AAGhB,cAAe;EACX,WAAW,EAAE,IAAI;EACjB,MAAM,EAAE,KAAK;;AAGjB,YAAa;EACT,OAAO,EAAE,KAAK;EACd,WAAW,EAAE,IAAI;EACjB,MAAM,EAAE,IAAI;;AAGhB,kBAAmB;EACf,OAAO,EAAE,KAAK;EACd,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;EAClB,MAAM,EAAE,IAAI;;AAIhB,iBAAkB;EACd,KAAK,EAAE,KAAK;;AAGhB,iBAAkB;EACd,MAAM,EAAE,eAAe;;AAG3B,2BAA4B;EACxB,WAAW,EAAE,IAAI;;AAGrB,eAAgB;EACZ,WAAW,EAAE,IAAI;EACjB,WAAW,EAAE,CAAC;EACd,cAAc,EAAE,CAAC;;AAGrB,wBAAwB;AAExB,MAAO;EACH,gBAAgB,EAAE,KAAK;EACvB,MAAM,EAAE,IAAI;EAEZ,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,GAAG;;AAGhB,gBAAiB;EACb,KAAK,EAAE,KAAK;;AAGhB,uBAAwB;EACpB,KAAK,EDjHI,OAAiB;;ACoH9B,sBAAuB;EACnB,KAAK,EDpHM,sBAAmB", "sources": ["variables.scss","styles.scss"], "names": [], "file": "styles.css" diff --git a/css/styles.scss b/css/styles.scss index 1e68310..b6a1923 100644 --- a/css/styles.scss +++ b/css/styles.scss @@ -7,8 +7,30 @@ color: #ffffff; } -.content { - padding-top: 210px; +.container { + padding-bottom: 85px; +} + +.dot { + height: 125px; + width: 125px; + border: 3px solid $brightGold; + border-radius: 50%; + display: inline-block; +} + +.dot:hover { + background-color: $brightGold; +} + +.dot > i { + color: black; + position: relative; + top: 32px; +} + +.dot:hover > i { + color: white; } .notch-padding { @@ -23,17 +45,17 @@ header { background-color: black; color: white; - - position: fixed; - top: 0; - width: 100%; - z-index: 998; } .banner-top { padding-top: 35px; background-color: black; min-height: 65px; + + position: fixed; + top: 0; + width: 100%; + z-index: 998; } .banner-bottom { @@ -63,6 +85,10 @@ header { filter: brightness(50%); } +.media-background-container { + padding-top: 90px; +} + .navbar-toggler { margin-left: auto; padding-top: 0;