gabehf/sqm-dashboards
1
0
Fork 0
mirror of https://github.com/edcommonwealth/sqm-dashboards.git synced 2026-03-08 23:18:18 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Finish styling for homepage

Browse source
This commit is contained in:
Liam Morley 2021-10-25 15:53:44 -04:00
parent f3a86c6145
commit 4278021c2d
2 changed files with 27 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/assets/stylesheets/welcome.scss
View file

@ -25,9 +25,25 @@
font-size: 20px;
}
img.framework-wheel {
width: 442px;
max-width: 100%;
.framework-wheel-container {
@extend .d-flex;
@extend .flex-column;
@extend .align-items-center;
img {
width: 442px;
max-width: 100%;
}
p {
color: $gray-1;
font-size: 12px;
max-width: 410px;
@extend .text-center;
@extend .bg-color-gray-3;
@extend .p-3;
@extend .border-radius-8;
}
}
.welcome-controls {

10
app/views/home/index.html.erb
View file

@ -24,8 +24,14 @@
<div class="bg-color-light-blue pt-12 pb-11">
<div class="container">
<div class="row">
<div class="col-lg-5">
<%= image_tag('framework_wheel.png', alt: 'MCIEA School Quality Framework Wheel', class: 'framework-wheel') %>
<div class="col-lg-5 framework-wheel-container">
<div>
<%= image_tag('framework_wheel.png', alt: 'MCIEA School Quality Framework Wheel') %>
</div>
<p class="mt-5">The School Quality Measures Framework aims to describe the full measure of what makes a good
school. The three outer categories are essential inputs to school quality that influence the center two key
outcomes.</p>
</div>
<div class="col-lg-7">
<h2 class="mb-4">School Quality Measures Framework</h2>