mirror of
https://github.com/edcommonwealth/ecp.org.git
synced 2026-03-07 21:48:13 -08: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;
|
||||
|
||||
$blue: #01788E;
|
||||
$dark-blue: #004D61;
|
||||
$dark-blue: #1d2742;
|
||||
|
||||
// #1d2742;
|
||||
|
||||
$red: #C93047;
|
||||
$dark-red: #920020;
|
||||
|
|
@ -41,6 +43,9 @@ $ideal: $purple;
|
|||
color: $blue;
|
||||
}
|
||||
|
||||
.color-dark-blue {
|
||||
color: $dark-blue;
|
||||
}
|
||||
.color-lime {
|
||||
color: $lime;
|
||||
}
|
||||
|
|
@ -61,6 +66,10 @@ $ideal: $purple;
|
|||
background-color: $blue;
|
||||
}
|
||||
|
||||
.bg-dark-blue {
|
||||
background-color: $dark-blue;
|
||||
}
|
||||
|
||||
.bg-color-purple {
|
||||
background-color: $purple;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!-- Header-->
|
||||
<header class="bg-dark py-5">
|
||||
<header class="bg-dark-blue py-5">
|
||||
<div class="container px-5">
|
||||
<div class="row gx-5 justify-content-center">
|
||||
<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="row gx-5 justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,9 @@
|
|||
<!-- 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">
|
||||
<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>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="nav navbar-nav ms-auto mb-2 mb-lg-0">
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
<%= yield %>
|
||||
|
||||
<!-- 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>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!-- Header-->
|
||||
<header class="bg-dark py-5">
|
||||
<header class="bg-dark-blue py-5">
|
||||
<div class="container px-5">
|
||||
<div class="row gx-5 justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!-- Header-->
|
||||
<header class="bg-dark py-5">
|
||||
<header class="bg-dark-blue py-5">
|
||||
<div class="container px-5">
|
||||
<div class="row gx-5 justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue