Skip to content

Commit

Permalink
add instructions for changing homepage image...
Browse files Browse the repository at this point in the history
and play with repo name
  • Loading branch information
pglevy committed Jun 26, 2021
1 parent 267fc0b commit 69c28ef
Show file tree
Hide file tree
Showing 3 changed files with 12 additions and 4 deletions.
12 changes: 10 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Screener Prototyping Template
# USWDS Screener Prototyping Tool

At [Bixal](https://www.bixal.com/), we believe fast cycles of prototyping and testing accelerate learning, reduce risk, and improve outcomes. We started a dedicated internal team to explore new processes and tools for using web-based prototyping to help our delivery teams lower the barriers to making ideas more tangible more quickly. With our focus on speed, tangibility, reusability, and openness, we demonstrate what's possible with rapid prototyping, lean research, content libraries, and design frameworks.

Expand Down Expand Up @@ -50,7 +50,7 @@ It takes a few seconds to go live. After that you can see any changes you make t
### Configuring settings

You'll want to change the following settings in the config file ([_config.yml](/blob/main/_config.yml)):
You'll want to change the following settings in the config file ([_config.yml](_config.yml)):

- Title: The title of the site that shows up in the browser tab and on the homepage.
- Description: The description that shows up on the homepage and also the meta description for search engine optimization.
Expand Down Expand Up @@ -81,6 +81,14 @@ See the GitHub Guide, [Mastering Markdown](https://guides.github.com/features/ma
1. Upload a markdown file (.md) or create one in the browser.
1. If you create one, name the file similar to the existing ones for that content type, and make it's in the same place by setting file path.

### Changing the homepage image

1. Upload the new image to `assets/img`.
1. Open `_config.yml`.
1. Update the `homepage-image` setting to "../img" and the new file name.

> *Tip*: If the image you want to use is already hosted somewhere else, you can enter the full URL for this setting.
## Team

This project was built by the Rapid Response Team at Bixal: [Philip Levy](https://github.com/pglevy), [Brianna Naolu](https://github.com/bnaolu), and [Kayla Chumley](https://github.com/kbchumley), with a special guest appearance by [Emilia Nardi](https://github.com/orgs/Bixal/people/e-nardi) for subject matter expertise and UX support.
Expand Down
2 changes: 1 addition & 1 deletion _config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -27,4 +27,4 @@ collections:
sass:
sass_dir: _sass

hero-image: "../img/national-cancer-institute-L8tWZT4CcVQ-unsplash.jpg"
homepage-image: "../img/national-cancer-institute-L8tWZT4CcVQ-unsplash.jpg"
2 changes: 1 addition & 1 deletion assets/css/banner.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
---

.complaint-screener-hero {
background-image: url({{ site.hero-image }});
background-image: url({{ site.homepage-image }});
background-position: center;
background-size: cover;
background-blend-mode: overlay;
Expand Down

0 comments on commit 69c28ef

Please sign in to comment.