Skip to content

updated header text size on landing, about and team. Replaced about h… #112

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
tildechris merged 6 commits into from
Nov 25, 2020
Merged

updated header text size on landing, about and team. Replaced about h… #112

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
cda7076
updated header text size on landing, about and team. Replaced about h…
Nov 24, 2020
0ca2782
applied changes per Sam's review
Nov 24, 2020
23d43d3
Reduced the about page hero image and mission statement.
Nov 24, 2020
1f0d9e2
Update heights of the about banner
tildechris Nov 25, 2020
25e44fb
Merge from dev
tildechris Nov 25, 2020
8cf3a9e
Address SCSS variables, unused styles & elements
tildechris Nov 25, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file removed static/images/mission.jpg
View file
Open in desktop
Binary file not shown.
Binary file added static/images/red-bubble-map_mission-pg-short.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
56 changes: 27 additions & 29 deletions themes/delphi/assets/css/pages/_about.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,40 +1,28 @@

.about-mission {
padding: 8rem 0;
}

.about-mission-img {
z-index: -1;
}
.about-mission-mission {
color: white;
padding: 1em 0;
display: block;
background: rgba(#FA8C16, 0.2);
text-transform: uppercase;
letter-spacing: 3px;
background-image: url("../images/red-bubble-map_mission-pg-short.jpg");
background-size: auto;
height: 200px;
}

.about-mission-text {
color: white;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
.mission-text {
font-weight: 600;
font-size: 44px;
line-height: 64px;
margin: 0;
font-size: 24px;
line-height: 36px;
}

.about-description {
padding: 24px;
margin-bottom: 3rem;

h3 {
letter-spacing: 3px;
text-transform: uppercase;
@media screen and (max-width: $breakpoint-medium) {
.mission-text {
font-size: 18px;
line-height: 28px;
}
.about-mission {
height: 50px;
}
.about-description {
margin-top: 0px;
}
}

@media (min-width: $breakpoint-medium) {
@media screen and (min-width: $breakpoint-medium) {
.about-description {
background: white;
border: 1px solid #D3D4D8;
Expand All @@ -43,6 +31,16 @@
}
}

.about-description {
padding: 2em;
margin-bottom: 3rem;

h3 {
letter-spacing: 3px;
text-transform: uppercase;
}
}


.about-collaborators {
background: #FAFAFC;
Expand Down
14 changes: 12 additions & 2 deletions themes/delphi/assets/css/pages/_landing.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,12 +74,22 @@ $carousel-height:500px;
h2 {
font-weight: 600;
font-size: 14px;
letter-spacing: 3px;
text-transform: uppercase;
}
p {
font-weight: 600;
font-size: 32px;
font-weight: 500;
font-size: 28px;
line-height: 48px;
color: rgb(35, 39, 53);
}

@media screen and (max-width: $breakpoint-small) {
p {
font-size: 18px;
line-height: 32px;
}
}
a {
color: $global-color;
font-weight: bold;
Expand Down
15 changes: 15 additions & 0 deletions themes/delphi/assets/css/pages/_team.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,21 @@
.team-hero-image {
width: 100%;
}

.team-member > img {
border-radius: 5px;
}

.team-header {
line-height: 64px;
font-size: 40px;
padding-top: .25em;
padding-bottom: 1em;
}

@media screen and (max-width: $breakpoint-small) {
.team-header {
font-size: 18px;
line-height: 24px;
}
}
18 changes: 3 additions & 15 deletions themes/delphi/layouts/_default/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,11 @@
{{ define "main" }}

<div class="about-mission uk-cover-container">
<img class="about-mission-img" src="{{ "images/mission.jpg" | relURL }}" alt="Mission image" uk-cover />
<div class="about-mission-mission">
<div class="uk-container content-grid">
<div class="grid-2-10">
Our Mission
</div>
</div>
</div>
<div class="uk-container content-grid">
<h1 class="grid-2-10 about-mission-text">
{{.Site.Params.mission}}
</h1>
</div>
<div class="about-mission">
</div>

<div class="uk-container content-grid">
<div class="grid-2-10 about-description">
<h2 class="mission-header">Delphi Research Group</h2>
<h4 class="mission-text">{{.Site.Params.mission}}</h4>
{{ .Content }}
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion themes/delphi/layouts/_default/team.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{{ define "main" }}
<div class="uk-container">
<h1>Thank you to our {{ len .Params.team }} members around the world, all the students, faculty, staff, and volunteers who have contributed to the COVIDcast project.</h1>
<h1 class="team-header">Thank you to our {{ len .Params.team }} members around the world, all the students, faculty, staff, and volunteers who have contributed to the COVIDcast project.</h1>

<img src="{{ (.Resources.GetMatch "map-and-pins.png").RelPermalink }}" alt="World map of team members" class="team-hero-image">

Expand Down