This repository has been archived by the owner on Sep 2, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Celia Collins
authored
Mar 28, 2019
1 parent
f98f20e
commit 56030a3
Showing
488 changed files
with
1,588 additions
and
1,509 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -46,13 +46,13 @@ Active reloading is configured, so the server will listen for changes and refres | |
|
||
Using [BrowserStack](https://www.browserstack.com) for compatibility testing | ||
|
||
## Adding to the 'team' page | ||
## Adding to the 'people' page | ||
|
||
Upload caricatures at a size at or near to (212px * 425px), with a transparent background. This can be done with e.g. the Mac Preview app. | ||
|
||
## Removing an employee from the site | ||
|
||
Use `ruby 'lib/remove_person.rb'` to start a script to remove an employee from the team page and their links across the site. | ||
Use `ruby 'lib/remove_person.rb'` to start a script to remove an employee from the people page and their links across the site. | ||
|
||
## Blog CSS Features | ||
|
||
|
@@ -71,7 +71,7 @@ appended onto the filename (E.g macbook.jpg and [email protected]). The | |
retina version should be twice the size of the non-retina version. See | ||
[style guide](https://unboxed.co/style-guide) for image resolutions. | ||
|
||
Whenever possible, you should use Photoshop or GIMP to resize images. | ||
Whenever possible, you should use Photoshop or GIMP to resize images. | ||
Alternatively, Apple Preview can be used with decent results | ||
(go to `Tools > Adjust size` and select desired size in pixels). | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Diff not rendered.
Diff not rendered.
Diff not rendered.
Oops, something went wrong.
Oops, something went wrong.
22 changes: 0 additions & 22 deletions
22
source/assets/stylesheets/styles/_call_to_action_section.scss
This file was deleted.
Oops, something went wrong.
155 changes: 155 additions & 0 deletions
155
source/assets/stylesheets/styles/_homepage_contact_form.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,155 @@ | ||
.homepage-contact-form { | ||
margin-top: 16px; | ||
|
||
@include breakpoint($tablet-breakpoint) { | ||
@include flexbox; | ||
@include flex-direction(column); | ||
@include flex-grow(1); | ||
position: relative; | ||
margin-top: 2vw; | ||
} | ||
|
||
@include breakpoint($desktop-breakpoint) { | ||
margin-top: 20px; | ||
} | ||
} | ||
|
||
.homepage-contact-form__to-disabled-input { | ||
@include responsive-text; | ||
border-bottom: 1px solid darken($light-gray, 10%); | ||
border-top: 1px solid darken($light-gray, 10%); | ||
display: block; | ||
font-weight: 300; | ||
line-height: 1.3; | ||
padding: 10px 0; | ||
|
||
&:before { | ||
color: darken($light-gray, 10%); | ||
content: "To: "; | ||
} | ||
|
||
&:after { | ||
color: #C0C0C0; | ||
content: attr(data-to); | ||
} | ||
} | ||
|
||
.homepage-contact-form__send-button { | ||
@include responsive-text; | ||
@extend .button; | ||
background-color: $white; | ||
background: none; | ||
border: 1px solid $purple; | ||
color: $purple; | ||
width: 100%; | ||
padding: 10px 20px; | ||
margin-top: 10px; | ||
display: block; | ||
|
||
&:focus, | ||
&:hover { | ||
background-color: $purple; | ||
color: $white; | ||
outline: 0; | ||
} | ||
|
||
&::-moz-focus-inner { | ||
padding: 0; | ||
border: 0; | ||
} | ||
|
||
@include breakpoint($tablet-breakpoint) { | ||
position: absolute; | ||
right: 0; | ||
top: 0; | ||
width: auto; | ||
margin: 0; | ||
} | ||
} | ||
|
||
.homepage-contact-form__email-input { | ||
@include responsive-text; | ||
-webkit-appearance: none; | ||
appearance: none; | ||
border-bottom: 1px solid darken($light-gray, 10%); | ||
border-left: 0; | ||
border-radius: 0; | ||
border-right: 0; | ||
border-top: 0; | ||
color: $black; | ||
display: block; | ||
font-family: inherit; | ||
font-weight: 300; | ||
line-height: 1.3; | ||
padding: 10px 0; | ||
width: 100%; | ||
|
||
&:focus { | ||
background-color: mix($white, $light-gray); | ||
outline: 0; | ||
} | ||
|
||
&.placeholder { | ||
color: #C0C0C0; | ||
} | ||
|
||
&.error { | ||
background-color: mix($white, $purple, 90%); | ||
} | ||
} | ||
|
||
.homepage-contact-form__body { | ||
text-align: right; | ||
} | ||
|
||
.homepage-contact-form__message-input { | ||
@include responsive-text; | ||
border-radius: 0; | ||
border: 0; | ||
color: $black; | ||
display: block; | ||
font-family: inherit; | ||
font-weight: 300; | ||
height: 5em; | ||
line-height: 1.3; | ||
min-height: 48px; | ||
padding: 10px 0 0; | ||
resize: none; | ||
vertical-align: top; | ||
width: 100%; | ||
|
||
&:focus { | ||
background-color: mix($white, $light-gray); | ||
outline: 0; | ||
} | ||
|
||
&.placeholder { | ||
color: #C0C0C0; | ||
} | ||
|
||
&.error { | ||
background-color: mix($white, $purple, 90%); | ||
} | ||
|
||
@include breakpoint($tablet-breakpoint) { | ||
@include flex-grow(1); | ||
height: auto; | ||
} | ||
} | ||
|
||
.homepage-contact-form__acknowledgement { | ||
color: $purple; | ||
display: none; | ||
font-size: 1em; | ||
font-weight: 300; | ||
padding-top: 16px; | ||
|
||
@include breakpoint($tablet-breakpoint) { | ||
font-size: 0.9em; | ||
padding-top: 6px; | ||
} | ||
} | ||
|
||
#contact-form:target ~ .homepage-contact-form__acknowledgement { | ||
display: block; | ||
} |
99 changes: 99 additions & 0 deletions
99
source/assets/stylesheets/styles/_homepage_newsletter.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,99 @@ | ||
.homepage-newsletter { | ||
background-color: $dark-gray; | ||
padding: 30px 20px; | ||
|
||
@include breakpoint($tablet-breakpoint) { | ||
padding: 60px 20px; | ||
} | ||
} | ||
|
||
.homepage-newsletter__title { | ||
@include responsive-title; | ||
font-weight: 300; | ||
margin-bottom: 30px; | ||
color: $white; | ||
|
||
@include breakpoint($tablet-breakpoint) { | ||
margin-bottom: 50px; | ||
} | ||
} | ||
|
||
.homepage-newsletter__paragraph { | ||
@include responsive-text; | ||
color: $white; | ||
font-weight: 300; | ||
line-height: 1.3em; | ||
} | ||
|
||
.homepage-newsletter__form { | ||
margin-top: 20px; | ||
|
||
@include breakpoint($tablet-breakpoint) { | ||
margin-top: 30px; | ||
} | ||
} | ||
|
||
.homepage-newsletter__email { | ||
@include responsive-text; | ||
-webkit-appearance: none; | ||
-webkit-box-sizing: border-box; | ||
appearance: none; | ||
border-radius: 0; | ||
border: none; | ||
box-sizing: border-box; | ||
display: block; | ||
font-family: inherit; | ||
font-weight: 300; | ||
height: 49px; | ||
line-height: 1.3; | ||
margin-bottom: 8px; | ||
padding: 10px; | ||
width: 100%; | ||
|
||
&:focus { | ||
background-color: darken($white, 5%); | ||
outline: 0; | ||
} | ||
|
||
&.placeholder { | ||
color: #C0C0C0; | ||
} | ||
|
||
@include breakpoint($tablet-breakpoint) { | ||
display: inline-block; | ||
margin-bottom: 0; | ||
width: 74%; | ||
} | ||
} | ||
|
||
.homepage-newsletter__button { | ||
@extend .button; | ||
@include responsive-text; | ||
-webkit-box-sizing: border-box; | ||
background-color: $dark-gray; | ||
border: 1px solid darken($white, 5%); | ||
box-sizing: border-box; | ||
color: darken($white, 5%); | ||
height: 49px; | ||
padding: 10px 20px; | ||
vertical-align: top; | ||
width: 100%; | ||
|
||
&:focus, | ||
&:hover { | ||
background-color: darken($white, 5%); | ||
color: $dark-gray; | ||
outline: 0; | ||
} | ||
|
||
&::-moz-focus-inner { | ||
padding: 0; | ||
border: 0; | ||
} | ||
|
||
@include breakpoint($tablet-breakpoint) { | ||
display: inline-block; | ||
width: 20%; | ||
margin-left: 20px; | ||
} | ||
} |
Oops, something went wrong.