Update welcome page

main
rebuilt 3 years ago
parent 98b9134779
commit e5e0d6f6df

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.2 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 64 KiB

@ -0,0 +1,35 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500"
zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet"
version="1.0">
<defs>
<clipPath id="a3824b2227">
<path
d="M 51.324219 47.625 L 323.574219 47.625 L 323.574219 319.875 L 51.324219 319.875 Z M 51.324219 47.625 "
clip-rule="nonzero" />
</clipPath>
</defs>
<g clip-path="url(#a3824b2227)">
<path fill="#B1D137"
d="M 187.449219 319.875 C 262.628906 319.875 323.574219 258.929688 323.574219 183.75 C 323.574219 108.570312 262.628906 47.625 187.449219 47.625 C 112.269531 47.625 51.324219 108.570312 51.324219 183.75 C 51.324219 258.929688 112.269531 319.875 187.449219 319.875 Z M 125.625 125.835938 L 187.449219 175.296875 L 249.273438 125.835938 L 251.058594 124.347656 L 123.839844 124.347656 Z M 257.675781 136.019531 L 260.050781 134.039062 L 260.050781 236.546875 C 260.050781 240.191406 257.09375 243.148438 253.449219 243.148438 L 121.449219 243.148438 C 117.804688 243.148438 114.847656 240.191406 114.847656 236.546875 L 114.847656 134.039062 L 117.222656 136.019531 L 117.328125 136.101562 L 183.328125 188.902344 C 185.738281 190.832031 189.160156 190.832031 191.570312 188.902344 L 257.574219 136.101562 Z M 257.675781 136.019531 "
fill-opacity="1" fill-rule="evenodd" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 11 KiB

@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
zoomAndPan="magnify" viewBox="0 0 375 374.999991" preserveAspectRatio="xMidYMid meet"
version="1.0">
<defs>
<clipPath id="10cdcf3723">
<path
d="M 42.179688 41.636719 L 320.429688 41.636719 L 320.429688 319.886719 L 42.179688 319.886719 Z M 42.179688 41.636719 "
clip-rule="nonzero" />
</clipPath>
</defs>
<g clip-path="url(#10cdcf3723)">
<path fill="#1B9DF0"
d="M 181.304688 41.636719 C 104.457031 41.636719 42.179688 103.910156 42.179688 180.761719 C 42.179688 257.613281 104.457031 319.886719 181.304688 319.886719 C 258.15625 319.886719 320.429688 257.613281 320.429688 180.761719 C 320.308594 103.910156 258.035156 41.636719 181.304688 41.636719 Z M 262.492188 149.441406 C 262.492188 149.441406 264.902344 202.683594 224.429688 235.6875 C 163.839844 284.953125 98.433594 244.964844 98.433594 244.964844 C 98.433594 244.964844 114.332031 245.203125 128.425781 241.46875 C 142.398438 237.738281 152.515625 228.582031 152.515625 228.582031 C 152.515625 228.582031 137.21875 225.449219 129.269531 219.667969 C 121.320312 213.886719 118.1875 202.804688 118.1875 202.804688 C 118.1875 202.804688 123.488281 203.285156 126.738281 203.164062 C 130.113281 203.046875 134.085938 201.480469 134.085938 201.480469 C 134.085938 201.480469 123.125 200.15625 112.886719 188.710938 C 104.816406 179.675781 105.417969 164.621094 105.417969 164.621094 C 105.417969 164.621094 110.238281 167.511719 112.765625 168.113281 C 115.296875 168.835938 120.234375 168.835938 120.234375 168.835938 C 120.234375 168.835938 110.597656 163.175781 106.382812 148.359375 C 102.167969 133.664062 110.238281 118.726562 110.238281 118.726562 C 110.238281 118.726562 124.570312 136.074219 145.773438 147.15625 C 166.972656 158.238281 186.96875 157.875 186.96875 157.875 C 186.96875 157.875 184.074219 149.082031 189.136719 136.074219 C 194.195312 123.0625 205.636719 113.667969 223.101562 112.34375 C 240.570312 110.898438 251.773438 124.148438 251.773438 124.148438 C 251.773438 124.148438 257.191406 123.183594 263.335938 120.894531 C 269.476562 118.726562 275.621094 115.835938 275.621094 115.835938 C 275.621094 115.835938 273.453125 122.460938 269.238281 127.640625 C 265.023438 132.820312 260.324219 135.953125 260.324219 135.953125 C 260.324219 135.953125 265.863281 135.589844 271.40625 134.023438 C 276.945312 132.460938 279.957031 130.894531 279.957031 130.894531 C 273.574219 141.492188 262.492188 149.441406 262.492188 149.441406 Z M 262.492188 149.441406 "
fill-opacity="1" fill-rule="nonzero" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

@ -1,13 +1,15 @@
@import 'partials/colors';
@import 'partials/bootstrap-overrides';
@import 'bootstrap/scss/bootstrap';
@import 'bootstrap-icons/font/bootstrap-icons';
@import 'partials/bootstrap-overrides';
@import "@fortawesome/fontawesome-free/scss/fontawesome";
@import "@fortawesome/fontawesome-free/scss/solid";
@import "@fortawesome/fontawesome-free/scss/regular";
@import "@fortawesome/fontawesome-free/scss/brands";
@import "@fortawesome/fontawesome-free/scss/v4-shims";
@import 'partials/layout';
@import 'partials/typography';
@import 'partials/links';
@import 'partials/downloads';
@import 'partials/icons';

@ -1,25 +1,32 @@
@import 'colors';
.accordion-button:not(.collapsed) {
color: shade-color($primary, 50%);
color: $primary-darker;
}
.accordion-body h3 {
color: shade-color($primary, 50%);
color: $primary-darker;
}
h1 {
color: $dark-blue;
}
h2 {
color: $dark-blue;
}
$spacer: 1rem;
$spacers: ();
// stylelint-disable-next-line scss/dollar-variable-default
$spacers: map-merge(
(
0: 0,
1: ($spacer * .25),
2: ($spacer * .5),
3: $spacer,
4: ($spacer * 2),
5: ($spacer * 3),
6: ($spacer * 4),
7: ($spacer * 5),
8: ($spacer * 6),
9: ($spacer * 7),
10: ($spacer * 8),
11: ($spacer * 9),
12: ($spacer * 10),
),
$spacers
);
h3 {
color: $dark-blue;
}
h4 {
color: $dark-blue;
}

@ -3,12 +3,14 @@ $gray-1: #595959;
$gray-2: #CECECE;
$gray-3: #F3F3F3;
$primary: #7f9df6;
$primary-lighter: #b9caff;
$primary: #0B8D9C;
$primary-lighter: lighten($primary, 30%);
$primary-dark: darken($primary, 15%);
$primary-darker: darken($primary, 30%);
$secondary: #ffab2b;
$secondary-lighter: #ffcb7c;
$secondary: #C93148;
$secondary-lighter: darken($secondary, 30%);
$secondary-dark: darken($secondary, 15%);
$secondary-darker: darken($secondary, 30%);
$white: #FFFFFF;

@ -0,0 +1,20 @@
.nav, .nav-item, .dropdown-item {
font-family: 'League Spartan', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
}
.hero-text {
font-family: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 1.2rem;
}
.footer {
font-family: 'League Spartan', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
line-height: 0.2em;
}
body {
font-family: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@ -1,4 +1,8 @@
class ContactsController < ApplicationController
def index
@contact = Contact.new
end
def new
@contact = Contact.new
end

@ -1,8 +1,6 @@
class HomeController < ApplicationController
skip_before_action :verify_authenticity_token
def index
@contact = Contact.new
end
def index; end
def create
puts '***************************** Inside home controller *****************************************'

@ -0,0 +1,11 @@
<%= render partial: "layouts/header", locals: {heading: "Contact Us"} %>
<!-- Contact section-->
<div class="py-5 row bg-gray">
<section class="col-md-4 mx-auto color-dark-blue">
<!-- Message confirmation-->
<%= render partial: 'layouts/message_confirmation' %>
<%= render partial: "contacts/contact_form" %>
</section>
</div>

File diff suppressed because one or more lines are too long

@ -0,0 +1,35 @@
<div class="container text-nowrap">
<footer class="row footer mt-7 row justify-content-between align-items-center">
<div class="col">
<div class="row align-items-center justify-content-center ">
<%= image_tag "logo.svg", size: "150x150", class: "col" %>
<div class="col text-center">
<p class="fw-bold">Education Commonwealth Project</p>
<p>University of Massachusetts Lowell</p>
<p>850 Broadway St</p>
<p>Lowell, MA 01854</p>
</div>
</div>
</div>
<div class="col">
<section class="row">
<article class="col">
<%= link_to contacts_path do %>
<div class="d-flex flex-column align-items-center">
<%= image_tag "mail.svg", size: "100x100" %>
<p class="text-center">Contact Us</p>
</div>
<% end %>
</article>
<article class="col">
<%= link_to "https://twitter.com/EdCommProject", target: :_blank do %>
<div class="d-flex flex-column align-items-center">
<%= image_tag "twitter.svg" , size: "100x100" %>
<p class="text-center">Follow Us</p>
</div>
<% end %>
</article>
</section>
</div>
</footer>
</div>

@ -1,4 +1,4 @@
<header class="bg-dark-blue py-5 relative">
<header class="bg-primary py-5 relative">
<div class="container px-5">
<div class="row gx-5 justify-content-center">
<div class="col-lg-6">
@ -10,10 +10,4 @@
</div>
</div>
</div>
<div class="custom-shape-divider-bottom-triangle">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path d="M598.97 114.72L0 0 0 120 1200 120 1200 0 598.97 114.72z" class="shape-fill"></path>
</svg>
</div>
</header>

@ -1,12 +1,10 @@
<!-- Responsive navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark-blue">
<div class="container px-5">
<a class="navbar-brand" href="/" >
<%= image_tag "logo.svg" , style: "height: 100px;" %>
</a>
<nav class="navbar navbar-expand-lg">
<div class="container">
<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">
<div class="collapse navbar-collapse justify-content-center " id="navbarSupportedContent">
<ul class="nav navbar-nav mb-2 mb-lg-0">
<li class="nav-item"><%= link_to "Home", home_index_path, class: "nav-link " + link_highlight(paths: [home_index_path, root_path]) %></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle <%= link_highlight(paths: [sqm_index_path, qpa_index_path]) %>" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Our Work
@ -27,7 +25,7 @@
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle <%= link_highlight(paths: [ team_index_path]) %>" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<a class="nav-link dropdown-toggle <%= link_highlight(paths: [ team_index_path, construction_index_path]) %>" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
About Us
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">

@ -10,7 +10,9 @@
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
<%= javascript_include_tag "application", "data-turbo-track": "reload", defer: true %>
<%# <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> %>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;1,400&family=League+Spartan:wght@400;700&display=swap" rel="stylesheet">
<%= render partial: 'layouts/google_analytics', locals: { google_analytics_id: @google_analytics_id } %>
</head>
@ -18,22 +20,7 @@
<%= render partial: 'layouts/nav' %>
<%= yield %>
<!-- Footer-->
<footer class=" bg-dark-blue row justify-content-center align-items-center">
<div class="col-12 col-md-3 py-5 ms-5 text-center text-white">
<p class="fw-bold fs-5">University of Massachusetts Lowell</p>
<p>School of Education</p>
<p>Coburn Hall</p>
<p>850 Broadway St, Lowell, MA 01854</p>
</div>
<div class="col-12 col-md-3 py-5 text-center color-gray-2">
<p><span class="color-gray-2 fw-bold"> General Inquiries</span>: julie@edcommonwealth.org</p>
<p><span class="color-gray-2 fw-bold"> School Quality Measures</span>: peter@edcommonwealth.org</p>
<p><span class="color-gray-2 fw-bold"> Quality Performance Assessment</span>: dan@edcommonwealth.org</p>
</div>
<div class="col-12 col-md-3 py-5 me-5"><p class="text-center text-white">Copyright &copy; <span class="fw-bold">ECP 2023</span></p></div>
</footer>
<%= render partial: 'layouts/footer' %>
</body>
</html>

@ -73,4 +73,9 @@ Rails.application.configure do
# Uncomment if you wish to allow Action Cable access from any origin.
# config.action_cable.disable_request_forgery_protection = true
# Add Rack::LiveReload to the bottom of the middleware stack with the default options:
# config.middleware.insert_after ActionDispatch::Static, Rack::LiveReload
config.middleware.insert_before Rack::Runtime, Rack::LiveReload
end

@ -17,7 +17,7 @@ Rails.application.routes.draw do
get 'in_the_news/download_pdf', to: 'in_the_news#download_pdf'
resources :home, only: %i[index create]
resources :contacts, only: %i[new create]
resources :contacts, only: %i[index new create]
root 'home#index'
end

Loading…
Cancel
Save