DavidJentes
/
websitedesign2023
mirror of https://github.com/DavidJentes/websitedesign2023
1
0
Fork 0
Code

Make shop page look better

main
dugo3number2 2023-04-24 08:46:47 -05:00
parent c6f5cd28fa
commit 6b42ea5b88
3 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
docs/assets/css/main.css
View File

@ -184,7 +184,7 @@ section a:hover, section a:focus {
} }
.shopimage { .shopimage {
width: 10%; width: 25%;
height: auto; height: auto;
} }
@ -245,6 +245,10 @@ section a:hover, section a:focus {
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.shopimage {
width: 50%;
}
.largercolumn { .largercolumn {
flex-direction: column; flex-direction: column;
} }
@ -285,16 +289,16 @@ section a:hover, section a:focus {
font-size: 16px; font-size: 16px;
} }
.shopimage {
width: 25%;
}
.iblock { .iblock {
width: 60%; width: 60%;
} }
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.shopimage {
width: 75%;
}
.smallcolumn { .smallcolumn {
flex-direction: column; flex-direction: column;
} }

BIN
docs/assets/img/tshirt.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 210 KiB

18
docs/shop/index.html
View File

@ -28,22 +28,22 @@
<main data-m="drop" data-m-duration="0.5"> <main data-m="drop" data-m-duration="0.5">
<h1>Shop</h1> <h1>Shop</h1>
<span>Please read test mode details at the bottom</span> <span>Please read test mode details at the bottom</span>
<section class="flex col extrapadding"> <section class="extrapadding">
<img src="../assets/img/donation.png" class="shopimage extramargin" /> <img src="../assets/img/donation.png" class="shopimage" />
<div class="iblock"> <div>
<h2>Donate</h2> <h2>Donate</h2>
<h3>Choose your amount</h3> <h3>Choose your amount</h3>
<span class="fill">This donation goes to the ministry of your choice. Choose your ministry and donation amount at checkout. Read more about our ministries on the <a href="../projects">Projects</a> page.</span><br /> <span>This donation goes to the ministry of your choice. Choose your ministry and donation amount at checkout. Read more about our ministries on the <a href="../projects">Projects</a> page.</span><br />
<a href="https://donate.stripe.com/test_bIY14JaOS63hgPm3cf" class="button">Donate</a> <a href="https://donate.stripe.com/test_bIY14JaOS63hgPm3cf" class="button">Donate</a>
</div> </div>
</section> </section>
<section class="flex col extrapadding"> <section class="extrapadding">
<img src="../assets/img/tshirt.png" class="shopimage extramargin" /> <img src="../assets/img/tshirt.png" class="shopimage" /><br />
<div class="iblock"> <div>
<h2>"Change the world" T-shirt</h2> <h2>"Change the world" T-shirt</h2>
<h3>$14.99</h3> <h3>$14.99</h3>
<span class="fill">Inspire yourself and others to change the world by wearing this t-shirt! All profits from the t-shirt go to the ministry of your choice.</span><br /> <span>Inspire yourself and others to change the world by wearing this t-shirt! All profits from the t-shirt go to the ministry of your choice.</span><br />
<a href="https://buy.stripe.com/test_14k4gV0ae9ft1Us5ko" class="button">Purchase</a> <a href="https://buy.stripe.com/test_14k4gV0ae9ft1Us5ko" class="button">Purchase</a><br />
</div> </div>
</section> </section>
<span>The item purchase buttons are in test mode, which means that they do not actually transfer funds or ship a t-shirt. For a test run, use card number 4242 4242 4242 4242, any future date, and any CVC for a card or Klarna. For Cash App, use the app on your phone logged into any account. It will not transfer real money. For US bank account, use Test Institution and the Success account. It also supports Google and Apple Pay using a normal card. Again, it won't transfer real money. You can remove the card afterwards if you wish. You can use any phone number and address, however, David Jentes may have access. He will not use this information in any way, and will delete it immediately following ISC.</span> <span>The item purchase buttons are in test mode, which means that they do not actually transfer funds or ship a t-shirt. For a test run, use card number 4242 4242 4242 4242, any future date, and any CVC for a card or Klarna. For Cash App, use the app on your phone logged into any account. It will not transfer real money. For US bank account, use Test Institution and the Success account. It also supports Google and Apple Pay using a normal card. Again, it won't transfer real money. You can remove the card afterwards if you wish. You can use any phone number and address, however, David Jentes may have access. He will not use this information in any way, and will delete it immediately following ISC.</span>