offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-11-22 17:10:29 +01:00
Code Issues Projects Releases Wiki Activity

simplify backgrounds

Browse Source
This commit is contained in:
Hendrik Niefeld 2020-04-26 20:06:13 +02:00
parent 0b19a193ec
commit 324122aa57
5 changed files with 62 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
homepage/theme/static/css/fix.css
View File

@ -627,12 +627,11 @@ BACKROUND IMAGES
background-size: 640px 480px; background-size: 640px 480px;
transform: rotate(180deg); transform: rotate(180deg);
} }
#bg-yellow-pattern {
background: url(/theme/images/gfx-bg-yellow-pattern.svg) #BBD9D3 14rem -1rem; #bg-pattern {
} background: url(/theme/images/gfx-bg-pattern.svg) 1rem 2rem;
#bg-mint-pattern {
background: url(/theme/images/gfx-bg-mint-pattern.svg) #BBD9D3 1rem 2rem;
} }
#bg-explainer { #bg-explainer {
background: background:
url(/theme/images/gfx-bg-explainer.svg) top center repeat-x, url(/theme/images/gfx-bg-explainer.svg) top center repeat-x,

1
homepage/theme/static/images/gfx-bg-mint-pattern.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 21 KiB

3
homepage/theme/static/images/gfx-bg-pattern.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

1
homepage/theme/static/images/gfx-bg-yellow-pattern.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 46 KiB

12
homepage/theme/templates/index.html
View File

@ -30,7 +30,9 @@
</div> </div>
</div> </div>
<div class="w-100 overflow-hidden" id="bg-mint-pattern"> <div class="w-100 overflow-hidden cclr-bg-mint-mid">
<div id="bg-pattern">
<div class="mw8 flex flex-wrap justify-center center tc"> <div class="mw8 flex flex-wrap justify-center center tc">
<div class="w-100 w-third-l cclr-bg-mint-fade-a"> <div class="w-100 w-third-l cclr-bg-mint-fade-a">
@ -93,6 +95,8 @@
</div> </div>
</div> </div>
</div>
</div> </div>
@ -117,9 +121,9 @@
<div class="mw8 center flex flex-wrap justify-center"> <div class="mw8 center flex flex-wrap justify-center">
<!-- COMPARE A --> <!-- COMPARE A -->
<div class="w-50-l w-100"> <div class="w-50-l w-100 cclr-bg-yellow-mid">
<div id="bg-yellow-pattern"> <div id="">
<div class="w-100 dib"> <div class="w-100 dib">
<div class="wx24 center"> <div class="wx24 center">
@ -171,7 +175,7 @@
<div class="w-100 dn db-l h3 bg-white"> <div class="w-100 dn db-l h3 bg-white">
</div> </div>
<div class="w-100 dib" id="bg-mint-pattern"> <div class="w-100 dib cclr-bg-mint-mid">
<div class="wx24 center"> <div class="wx24 center">
<p class="f25 lh-solid ma0 mt5 mb3"> <p class="f25 lh-solid ma0 mt5 mb3">
Benefits for your users Benefits for your users