mirror of
https://github.com/edcommonwealth/ecp.org.git
synced 2026-03-17 03:06:28 -07:00
Visual edits. Add Massachusetts logo to homepage and change background color
This commit is contained in:
parent
a0590c7748
commit
e0c13466ab
9 changed files with 40 additions and 22 deletions
BIN
app/assets/images/logo.webp
Normal file
BIN
app/assets/images/logo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
|
|
@ -6,7 +6,9 @@ $light-blue: #FAFCFD;
|
||||||
$white: #FFFFFF;
|
$white: #FFFFFF;
|
||||||
|
|
||||||
$blue: #01788E;
|
$blue: #01788E;
|
||||||
$dark-blue: #004D61;
|
$dark-blue: #1d2742;
|
||||||
|
|
||||||
|
// #1d2742;
|
||||||
|
|
||||||
$red: #C93047;
|
$red: #C93047;
|
||||||
$dark-red: #920020;
|
$dark-red: #920020;
|
||||||
|
|
@ -41,6 +43,9 @@ $ideal: $purple;
|
||||||
color: $blue;
|
color: $blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.color-dark-blue {
|
||||||
|
color: $dark-blue;
|
||||||
|
}
|
||||||
.color-lime {
|
.color-lime {
|
||||||
color: $lime;
|
color: $lime;
|
||||||
}
|
}
|
||||||
|
|
@ -61,6 +66,10 @@ $ideal: $purple;
|
||||||
background-color: $blue;
|
background-color: $blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-dark-blue {
|
||||||
|
background-color: $dark-blue;
|
||||||
|
}
|
||||||
|
|
||||||
.bg-color-purple {
|
.bg-color-purple {
|
||||||
background-color: $purple;
|
background-color: $purple;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<!-- Header-->
|
<!-- Header-->
|
||||||
<header class="bg-dark py-5">
|
<header class="bg-dark-blue py-5">
|
||||||
<div class="container px-5">
|
<div class="container px-5">
|
||||||
<div class="row gx-5 justify-content-center">
|
<div class="row gx-5 justify-content-center">
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
||||||
<header class="bg-dark py-5">
|
<header class="bg-dark-blue py-5">
|
||||||
<div class="container px-5">
|
<div class="container px-5">
|
||||||
<div class="row gx-5 justify-content-center">
|
<div class="row gx-5 justify-content-center">
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,9 @@
|
||||||
<!-- Responsive navbar-->
|
<!-- Responsive navbar-->
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark-blue">
|
||||||
<div class="container px-5">
|
<div class="container px-5">
|
||||||
<a class="navbar-brand" href="/">EdCommonwealth</a>
|
<a class="navbar-brand" href="/" >
|
||||||
|
<%= image_tag "logo.webp" , style: "width: 100px; height: 100px;" %>
|
||||||
|
</a>
|
||||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
||||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
<ul class="nav navbar-nav ms-auto mb-2 mb-lg-0">
|
<ul class="nav navbar-nav ms-auto mb-2 mb-lg-0">
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
|
|
||||||
<!-- Footer-->
|
<!-- Footer-->
|
||||||
<footer class="py-5 bg-dark">
|
<footer class="py-5 bg-dark-blue">
|
||||||
<div class="container px-5"><p class="m-0 text-center text-white">Copyright © ECP 2022</p></div>
|
<div class="container px-5"><p class="m-0 text-center text-white">Copyright © ECP 2022</p></div>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<!-- Header-->
|
<!-- Header-->
|
||||||
<header class="bg-dark py-5">
|
<header class="bg-dark-blue py-5">
|
||||||
<div class="container px-5">
|
<div class="container px-5">
|
||||||
<div class="row gx-5 justify-content-center">
|
<div class="row gx-5 justify-content-center">
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<!-- Header-->
|
<!-- Header-->
|
||||||
<header class="bg-dark py-5">
|
<header class="bg-dark-blue py-5">
|
||||||
<div class="container px-5">
|
<div class="container px-5">
|
||||||
<div class="row gx-5 justify-content-center">
|
<div class="row gx-5 justify-content-center">
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue