jepler/circuitpython-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #990 from jwcooper/header-image

Browse source 
New CircuitPython Day banner image
This commit is contained in:
Jeff Epler 2022-07-14 19:43:32 -05:00 committed by GitHub
commit 772572e91b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/images/heroes/circuitpython_day_header.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 178 KiB

7
assets/sass/pages/_home.scss
View file

@ -3,6 +3,13 @@
grid-row-grap: 1em; grid-row-grap: 1em;
background-color: #fff; background-color: #fff;
.promotion-banner {
display: flex;
grid-column: full;
justify-content: center;
background-color: #000;
}
.headline-banner { .headline-banner {
grid-column: full; grid-column: full;

6
index.html
View file

@ -3,6 +3,12 @@ layout: home
--- ---
<div id="home-page"> <div id="home-page">
<div class="promotion-banner">
<img class="image-promotion" alt="CircuitPython Day August 19, 2022"
src="{{ "assets/images/heroes/circuitpython_day_header.jpg" |
relative_url }}"
/>
</div>
<div class="headline-banner"> <div class="headline-banner">
<div class="img-overlay"></div> <div class="img-overlay"></div>
<img class="image-headline" alt="hero image" <img class="image-headline" alt="hero image"