mirror of
https://github.com/edcommonwealth/ecp.org.git
synced 2026-03-07 13:38:13 -08:00
Allow sections to flow to the edges of the browser on landing page
This commit is contained in:
rebuilt
parent
99f05d8244
commit
8ea14e4584
5 changed files with 69 additions and 57 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 181 KiB After Width: | Height: | Size: 293 KiB |
|
|
@ -12,4 +12,5 @@
|
|||
@import 'partials/links';
|
||||
@import 'partials/downloads';
|
||||
@import 'partials/icons';
|
||||
@import 'partials/images';
|
||||
|
||||
|
|
|
|||
9
app/assets/stylesheets/partials/_images.scss
Normal file
9
app/assets/stylesheets/partials/_images.scss
Normal 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;
|
||||
}
|
||||
|
|
@ -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>
|
||||
</section>
|
||||
|
||||
<section class="row bg-white">
|
||||
<%= image_tag "children.webp", class: "p-0" %>
|
||||
</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>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<section class="children" ></section>
|
||||
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue