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/downloads';
@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>
</header>
<div class="container content-narrow">
<section class="row bg-secondary text-white p-7">
<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 class="row bg-secondary text-white p-7 justify-content-center">
<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 class="row bg-white">
<%= image_tag "children.webp", class: "p-0" %>
</section>
<section class="children" ></section>
<section class="row bg-primary text-white p-6 ">
<div class="col p-5 ">
<%= link_to sqm_index_path, class: "row justify-content-center text-white text-decoration-none" do %>
<%= image_tag "guage.svg", size: "100x100" %>
<h2 class="fs-5 mt-4 mb-3 text-decoration-underline">School Quality Measures</h2>
<p>School quality Measures (SQM) framework aims to describe the full measure of what makes a good school, using five major categories</p>
<% end %>
</div>
<div class="col p-5 ">
<%= link_to sqm_index_path, class: "row justify-content-center text-white text-decoration-none" do %>
<%= image_tag "portfolio.svg", size: "100x100" %>
<h2 class="fs-5 mt-4 mb-3 text-decoration-underline">Portfolios of Performance</h2>
<p>Portfolios of Performance (POPs) are standards-aligned, curriculum-embedded tasks that measure students’ deeper learning of content and skills</p>
<% end %>
<section class="row bg-primary text-white p-7 justify-content-center ">
<div class="col col-md-6">
<div class="row">
<div class="col p-5 ">
<%= link_to sqm_index_path, class: "row text-white text-decoration-none" do %>
<%= image_tag "guage.svg", size: "100x100" %>
<h2 class="fs-6 mt-4 mb-3 text-decoration-underline">School Quality Measures</h2>
<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>
<% end %>
</div>
<div class="col p-5 ">
<%= link_to sqm_index_path, class: "row justify-content-center text-white text-decoration-none" do %>
<%= image_tag "portfolio.svg", size: "100x100" %>
<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>
</section>
</div>

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

@ -1,38 +1,36 @@
<!-- Responsive navbar-->
<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 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
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<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>
</ul>
</li>
<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">
News and Resources
</a>
<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 "SQM resources", sqm_resources_path, class: "dropdown-item" %></li>
<li class="nav-item"><%= link_to "QPA resources", qpa_resources_path, class: "dropdown-item" %></li>
</ul>
</li>
<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">
About Us
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li class="nav-item"><%= link_to "Team", team_index_path, class: "dropdown-item"%></li>
</ul>
</li>
</ul>
</div>
<nav class="navbar navbar-expand-sm">
<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">
<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
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<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>
</ul>
</li>
<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">
News and Resources
</a>
<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 "SQM resources", sqm_resources_path, class: "dropdown-item" %></li>
<li class="nav-item"><%= link_to "QPA resources", qpa_resources_path, class: "dropdown-item" %></li>
</ul>
</li>
<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">
About Us
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li class="nav-item"><%= link_to "Team", team_index_path, class: "dropdown-item"%></li>
</ul>
</li>
</ul>
</div>
</nav>

Write Preview
Loading…
Cancel
Save