From 964ada01422de5f3c75f524b7beb7b2ca9b1361e Mon Sep 17 00:00:00 2001 From: Jorge Suazo Date: Wed, 10 Jul 2024 12:52:02 -0400 Subject: [PATCH] update navbar - index, home css and html --- src/main/resources/static/CSS/deposit.css | 3 +-- src/main/resources/static/CSS/home.css | 20 +++++++++--------- src/main/resources/static/CSS/login.css | 12 +++++------ src/main/resources/static/CSS/menu.css | 12 ++++++----- src/main/resources/static/CSS/transaction.css | 3 +-- src/main/resources/static/CSS/transfer.css | 3 +-- .../img/{background.jpg => background.jpeg} | Bin src/main/resources/templates/deposit.html | 2 +- src/main/resources/templates/error_page.html | 2 +- src/main/resources/templates/home.html | 5 +++-- src/main/resources/templates/index.html | 6 ++---- src/main/resources/templates/transaction.html | 2 +- src/main/resources/templates/transfer.html | 2 +- src/main/resources/templates/withdraw.html | 2 +- target/classes/static/CSS/home.css | 20 +++++++++--------- target/classes/templates/home.html | 5 +++-- target/classes/templates/index.html | 6 ++---- 17 files changed, 50 insertions(+), 55 deletions(-) rename src/main/resources/static/img/{background.jpg => background.jpeg} (100%) diff --git a/src/main/resources/static/CSS/deposit.css b/src/main/resources/static/CSS/deposit.css index ee3fafd..edf8e40 100644 --- a/src/main/resources/static/CSS/deposit.css +++ b/src/main/resources/static/CSS/deposit.css @@ -1,5 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); - +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100...900&display=swap'); *{ margin: 0; padding: 0; diff --git a/src/main/resources/static/CSS/home.css b/src/main/resources/static/CSS/home.css index a7e2317..14fbd55 100644 --- a/src/main/resources/static/CSS/home.css +++ b/src/main/resources/static/CSS/home.css @@ -1,5 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); - +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100...900&display=swap'); *{ margin: 0; padding: 0; @@ -34,7 +33,7 @@ header{ overflow: hidden; width: auto; height: auto; - color: white; + color: rgb(12, 12, 12); padding: 30px; margin: auto; margin-top: 14px; @@ -47,12 +46,12 @@ header{ } header a i{ font-size: 25px; - color: white; + color: rgb(13, 13, 13); } #header{ text-align: center; - color: white; + color: rgb(17, 16, 16); margin-bottom: 10px; } #header p{ @@ -80,7 +79,7 @@ header a i{ cursor: pointer; } #hideButton:hover i { - color: #919432; + color: #32948f; } .container #button{ display: flex; @@ -91,10 +90,10 @@ header a i{ .container .btn{ background-color: black; text-align: center; - color: #e8f008; + color: #08f0f0; } .btn:hover{ - background-color: #919432; + background-color: #32948f; color: white; transform: scale(1.1); } @@ -105,7 +104,7 @@ header a i{ left: 0; /* Position it at the left edge of the viewport */ width: 100%; /* Make it span the entire width of the viewport */ z-index: 100; /* Ensure it appears above other elements */ - background-color: #333; /* Set a background color */ + background-color: #000000; /* Set a background color */ padding: 10px 0; /* Add some padding */ } @@ -125,4 +124,5 @@ header a i{ .container #button{ flex-direction: column; } -} \ No newline at end of file +} + diff --git a/src/main/resources/static/CSS/login.css b/src/main/resources/static/CSS/login.css index 09cab7b..7a5aa01 100644 --- a/src/main/resources/static/CSS/login.css +++ b/src/main/resources/static/CSS/login.css @@ -61,6 +61,7 @@ body{ padding: 10px 45px; border: 1px solid transparent; border-radius: 8px; + border-color:#fff; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; @@ -79,14 +80,13 @@ body{ color: white; } .container button.hidden:hover{ - background-color: #324f94; + background-color: #7fdaea; color: black; transform: scale(1.2); } .container form{ - background-color: #08c9f0cf; - + background-color: #005d92fb; color: white; display: flex; align-items: center; @@ -168,9 +168,8 @@ body{ } .toggle{ - background-color: #08c9f0cf; + background-color: #089bf0c9; height: 100%; - color: black; position: relative; left: -100%; @@ -323,14 +322,13 @@ body{ #buttonCreate,#buttonRegister{ color: #088bf0; font-weight: bold; - color: #088bf0; cursor: pointer; font-weight: bold; margin-top: 5px; text-decoration: none; } #buttonCreate:hover, #buttonRegister:hover{ - color:#326e94; + color:#7fdaea; } .parraf-login,.parraf-create{ visibility: visible; diff --git a/src/main/resources/static/CSS/menu.css b/src/main/resources/static/CSS/menu.css index ec68131..638f711 100644 --- a/src/main/resources/static/CSS/menu.css +++ b/src/main/resources/static/CSS/menu.css @@ -1,3 +1,5 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100...900&display=swap'); + .navigation { position: fixed; top: 0; @@ -9,7 +11,7 @@ justify-content: center; align-items: center; border-radius: 0px 0px 10px 10px; - background-color: rgb(25, 24, 24); + background-color: rgb(4, 47, 74); } .navigation ul { display: flex; @@ -38,7 +40,7 @@ line-height: 75px; font-size: 3.0em; text-align: center; - color: black; + color: rgb(22, 10, 69); transition: .5s; } .navigation ul li.active a .icon { @@ -65,7 +67,6 @@ height: 50px; background: transparent; border-radius: 50%; - border: 1.8px solid #f1f2f5; transform: translateY(4px) scale(0); } .navigation ul li.active a .circle { @@ -79,7 +80,7 @@ width: 70px; height: 70px; background: rgb(16, 16, 15); - border: 6px solid #f7f71d; + border: 6px solid #1d4cf7; border-radius: 50%; display: flex; justify-content: center; @@ -131,4 +132,5 @@ margin-top: auto; margin: 10px auto; } -} \ No newline at end of file +} + diff --git a/src/main/resources/static/CSS/transaction.css b/src/main/resources/static/CSS/transaction.css index a7a1e71..df1b114 100644 --- a/src/main/resources/static/CSS/transaction.css +++ b/src/main/resources/static/CSS/transaction.css @@ -1,5 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); - +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100...900&display=swap'); *{ margin: 0; padding: 0; diff --git a/src/main/resources/static/CSS/transfer.css b/src/main/resources/static/CSS/transfer.css index 741ffb4..5efbe88 100644 --- a/src/main/resources/static/CSS/transfer.css +++ b/src/main/resources/static/CSS/transfer.css @@ -1,5 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); - +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100...900&display=swap'); *{ margin: 0; padding: 0; diff --git a/src/main/resources/static/img/background.jpg b/src/main/resources/static/img/background.jpeg similarity index 100% rename from src/main/resources/static/img/background.jpg rename to src/main/resources/static/img/background.jpeg diff --git a/src/main/resources/templates/deposit.html b/src/main/resources/templates/deposit.html index 08f051b..3f1542c 100644 --- a/src/main/resources/templates/deposit.html +++ b/src/main/resources/templates/deposit.html @@ -1,5 +1,5 @@ - + diff --git a/src/main/resources/templates/error_page.html b/src/main/resources/templates/error_page.html index d6fdfe0..6579a38 100644 --- a/src/main/resources/templates/error_page.html +++ b/src/main/resources/templates/error_page.html @@ -1,5 +1,5 @@ - + diff --git a/src/main/resources/templates/home.html b/src/main/resources/templates/home.html index 4c96bba..4b4d6f1 100644 --- a/src/main/resources/templates/home.html +++ b/src/main/resources/templates/home.html @@ -1,5 +1,5 @@ - + @@ -15,6 +15,7 @@
+