edcommonwealth
/
ecp.org
mirror of https://github.com/edcommonwealth/ecp.org.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Allow sections to flow to the edges of the browser on landing page

Browse Source
main
rebuilt 3 years ago
parent 99f05d8244
commit 8ea14e4584
5 changed files with 67 additions and 55 deletions
Show Stats Download Patch File Download Diff File

BIN
app/assets/images/children.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 181 KiB

After

Width:  |  Height:  |  Size: 293 KiB

1
app/assets/stylesheets/application.bootstrap.scss
Unescape View File

@ -12,4 +12,5 @@
@import 'partials/links'; @import 'partials/links';
@import 'partials/downloads'; @import 'partials/downloads';
@import 'partials/icons'; @import 'partials/icons';
@import 'partials/images';

9
app/assets/stylesheets/partials/_images.scss
Unescape View File

@ -0,0 +1,9 @@
.children {
background-image: url(children.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 50px;
padding-bottom: 50px;
height: 440px;
}

44
app/views/home/index.html.erb
Unescape View File

@ -8,29 +8,33 @@
</div> </div>
</header> </header>
<div class="container content-narrow"> <div>
<section class="row bg-secondary text-white p-7"> <section class="row bg-secondary text-white p-7 justify-content-center">
<p class="m-0">The Education Commonwealth Project works to challenge and expand the way student learning and school quality are assessed, advancing an approach to measurement and accountability that is valid, democratic, and equitable. ECP supports schools and communities with free and open-source tools, and broadly seeks to foster state- and national-level change.</p> <div class="col col-md-6 ">
<p class="m-0">The Education Commonwealth Project works to challenge and expand the way student learning and school quality are assessed, advancing an approach to measurement and accountability that is valid, democratic, and equitable. ECP supports schools and communities with free and open-source tools, and broadly seeks to foster state- and national-level change.</p>
</div>
</section> </section>
<section class="row bg-white"> <section class="children" ></section>
<%= image_tag "children.webp", class: "p-0" %>
</section>
<section class="row bg-primary text-white p-6 "> <section class="row bg-primary text-white p-7 justify-content-center ">
<div class="col p-5 "> <div class="col col-md-6">
<%= link_to sqm_index_path, class: "row justify-content-center text-white text-decoration-none" do %> <div class="row">
<%= image_tag "guage.svg", size: "100x100" %> <div class="col p-5 ">
<h2 class="fs-5 mt-4 mb-3 text-decoration-underline">School Quality Measures</h2> <%= link_to sqm_index_path, class: "row text-white text-decoration-none" do %>
<p>School quality Measures (SQM) framework aims to describe the full measure of what makes a good school, using five major categories</p> <%= image_tag "guage.svg", size: "100x100" %>
<% end %> <h2 class="fs-6 mt-4 mb-3 text-decoration-underline">School Quality Measures</h2>
</div> <p>Stakeholders identify what is most important to know about school quality. Multiple measures provide a robust picture of school strengths and areas for improvement.</p>
<div class="col p-5 "> <% end %>
<%= link_to sqm_index_path, class: "row justify-content-center text-white text-decoration-none" do %> </div>
<%= image_tag "portfolio.svg", size: "100x100" %> <div class="col p-5 ">
<h2 class="fs-5 mt-4 mb-3 text-decoration-underline">Portfolios of Performance</h2> <%= link_to sqm_index_path, class: "row justify-content-center text-white text-decoration-none" do %>
<p>Portfolios of Performance (POPs) are standards-aligned, curriculum-embedded tasks that measure students’ deeper learning of content and skills</p> <%= image_tag "portfolio.svg", size: "100x100" %>
<% end %> <h2 class="fs-6 mt-4 mb-3 text-decoration-underline">Performance Assessments</h2>
<p>Teachers lead the design of curriculum-embedded performance assessments and the scoring of student work. Students demonstrate what they know and can do through real-world application.</p>
<% end %>
</div>
</div>
</div> </div>
</section> </section>
</div> </div>

68
app/views/layouts/_nav.html.erb
Unescape View File

@ -1,38 +1,36 @@
<!-- Responsive navbar--> <!-- Responsive navbar-->
<nav class="navbar navbar-expand-lg"> <nav class="navbar navbar-expand-sm">
<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>
<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 justify-content-center" id="navbarSupportedContent">
<div class="collapse navbar-collapse justify-content-center " id="navbarSupportedContent"> <ul class="nav navbar-nav mb-2 mb-lg-0">
<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"><%= link_to "Home", home_index_path, class: "nav-link " + link_highlight(paths: [home_index_path, root_path]) %></li> <li class="nav-item dropdown">
<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">
<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
Our Work </a>
</a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li ><%= link_to "School Quality Measures", sqm_index_path, class: "dropdown-item" %></li>
<li ><%= link_to "School Quality Measures", sqm_index_path, class: "dropdown-item" %></li> <li class="nav-item"><%= link_to "Quality Performance Assessment", qpa_index_path, class: "dropdown-item"%></li>
<li class="nav-item"><%= link_to "Quality Performance Assessment", qpa_index_path, class: "dropdown-item"%></li> </ul>
</ul> </li>
</li> <li class="nav-item dropdown">
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle <%= link_highlight(paths: [ in_the_news_index_path, sqm_resources_path, qpa_resources_path]) %> " href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<a class="nav-link dropdown-toggle <%= link_highlight(paths: [ in_the_news_index_path, sqm_resources_path, qpa_resources_path]) %> " href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> News and Resources
News and Resources </a>
</a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li class="nav-item"><%= link_to "ECP in the News", in_the_news_index_path, class: "dropdown-item" %></li>
<li class="nav-item"><%= link_to "ECP in the News", in_the_news_index_path, class: "dropdown-item" %></li> <li class="nav-item"><%= link_to "SQM resources", sqm_resources_path, class: "dropdown-item" %></li>
<li class="nav-item"><%= link_to "SQM resources", sqm_resources_path, class: "dropdown-item" %></li> <li class="nav-item"><%= link_to "QPA resources", qpa_resources_path, class: "dropdown-item" %></li>
<li class="nav-item"><%= link_to "QPA resources", qpa_resources_path, class: "dropdown-item" %></li> </ul>
</ul> </li>
</li> <li class="nav-item dropdown">
<li class="nav-item dropdown"> <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">
<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
About Us </a>
</a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li class="nav-item"><%= link_to "Team", team_index_path, class: "dropdown-item"%></li>
<li class="nav-item"><%= link_to "Team", team_index_path, class: "dropdown-item"%></li> </ul>
</ul> </li>
</li> </ul>
</ul>
</div>
</div> </div>
</nav> </nav>

Write Preview
Loading…
Cancel
Save