showcase/2608_BuB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add mobile tape shadows and center bank heading
showcase/deploy Live at https://showcase.andrefiedler.de/2608_BuB/
Details

Browse Source
This commit is contained in:
André Fiedler
2026-09-07 19:03:47 +02:00
parent 4c71cc873f
commit 5647b4aba7
6 changed files with 43 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/construction-tape.svg
+10 -3
View File
@@ -1,7 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 254"><defs><clipPath id="clip_53">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 270"><defs>
<filter id="tape-shadow" filterUnits="userSpaceOnUse" x="-20" y="-20" width="1240" height="310" color-interpolation-filters="sRGB">
<feDropShadow dx="2.789536" dy="2.789536" stdDeviation="1.9725" flood-color="#000" flood-opacity="0.35" />
</filter>
<clipPath id="clip_53">
<path transform="matrix(1,0,0,-1,0,900)" d="M452.348 900 1200 646.206V671.203L525.985 900Z" />
</clipPath>
</defs><path transform="matrix(1,0,0,-1,0,134.74762)" d="M0 0V-23.7L1200 36.564V60.264Z" fill="#fbbb0c" />
</defs><g filter="url(#tape-shadow)">
<path transform="matrix(1,0,0,-1,0,134.74762)" d="M0 0V-23.7L1200 36.564V60.264Z" fill="#fbbb0c" />
<path transform="matrix(1,0,0,-1,0,134.74799)" d="M0 0V-2.6L23.626-22.513 78.499-19.757 51.961 2.609Z" fill="#0c0c0c" />
<path transform="matrix(1,0,0,-1,105.8332,129.43299)" d="M0 0 26.538-22.367 81.411-19.611 54.872 2.756Z" fill="#0c0c0c" />
<path transform="matrix(1,0,0,-1,214.5783,123.97168)" d="M0 0 26.538-22.367 81.41-19.611 54.872 2.756Z" fill="#0c0c0c" />
@@ -13,6 +18,7 @@
<path transform="matrix(1,0,0,-1,867.0474,91.20422)" d="M0 0 26.538-22.367 81.411-19.611 54.872 2.756Z" fill="#0c0c0c" />
<path transform="matrix(1,0,0,-1,975.7925,85.74292)" d="M0 0 26.538-22.367 81.41-19.611 54.872 2.756Z" fill="#0c0c0c" />
<path transform="matrix(1,0,0,-1,1084.5376,80.28168)" d="M0 0 26.538-22.367 81.41-19.611 54.872 2.756Z" fill="#0c0c0c" />
</g><g filter="url(#tape-shadow)">
<path transform="matrix(1,0,0,-1,452.3481,0)" d="M0 0 747.652-253.794V-228.797L73.637 0Z" fill="#fbbb0c" />
<path transform="matrix(1,0,0,-1,490.7219,0)" d="M0 0 8.561-15.932 60.587-33.593 44.16-3.02 35.263 0Z" fill="#0c0c0c" />
<path transform="matrix(1,0,0,-1,602.3868,50.931276)" d="M0 0 52.026-17.661 35.599 12.912-16.427 30.573Z" fill="#0c0c0c" />
@@ -24,4 +30,5 @@
<g clip-path="url(#clip_53)">
<path transform="matrix(1,0,0,-1,1231.2191,200.76282)" d="M0 0-33.007-17.735 18.529-113.649 51.536-95.913Z" fill="#0c0c0c" />
</g>
</svg>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

assets/styles.css
+6 -2
View File
@@ -310,9 +310,9 @@ address {
body {
isolation: auto;
background-image: url("./construction-tape.svg"), url("./background-mobile.webp");
background-image: url("./construction-tape.svg?v=561024d6e6b4"), url("./background-mobile.webp");
background-position: center top;
background-size: 1200px 254px, cover;
background-size: 1200px 270px, cover;
background-repeat: no-repeat;
}
@@ -428,6 +428,10 @@ address {
padding-block-start: 0;
}
.bank h2 {
text-align: center;
}
.paypal {
justify-self: center;
text-align: center;