allen/hackathon-Seatstock
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

buyadded

Browse Source
This commit is contained in:
Liam Stamper
2023-09-23 14:04:35 -05:00
parent 202b1ed436
commit 00159c210b
7 changed files with 134 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}

102
buy.html Normal file
View File

@ -0,0 +1,102 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SeatStock</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<!-- ******************** HEADER ************ -->
<logo><a href="index.html">SeatStock</a></logo>
<loginButton><a href="signin.html">Sign In</a></loginButton>
<faqButton><a href="FAQ.html">How it Works</a></faqButton>
<!-- *********************** BODY *********** -->
<div class="buy-body">
<div class="buy-game-title">Iowa Vs Western Michigan</div>
<div class="buy-game-info">Sat Sep 30, Time TBD · Kinnick Stadium, Iowa City, Iowa</div><br>
<br>
<img src="stadiumicon.png" class="buy-stadium-icon">
<br><br>
<div class="price-box">
<div class="subtotal">
<div class="subtotal-title">Subtotal</div>
<div class="subtotal-amount">$36.13</div>
</div>
<div class="purchase-price">
<div class="purchase-price-title">Purchase Price</div>
<div class="purchase-price-amount">$32.00</div>
</div>
<div class="transaction-fee">
<div class="transaction-fee-title">Transaction Fee (10%)</div>
<div class="transaction-fee-amount">+$3.20</div>
</div>
<div class="purchase-price">
<div class="purchase-price-title">Processing Fee</div>
<div class="purchase-price-amount">+$0.93</div>
</div>
<br>
</div>
<br><br>
<div class="agree-container">
<label for="myCheckbox" class="checkbox-label">I agree to the </label>
<input type="checkbox" id="myCheckbox" name="myCheckbox">
</div>
</div>
<!-- ******************* FOOTER******************** **** -->
</body>

2
frontend/FAQ.html
View File

@ -18,7 +18,7 @@
<!-- **** HEADER ******************** **** --> <!-- **** HEADER ******************** **** -->
<logo><a href="index.html">SeatStock</a></logo> <logo><a href="index.html">SeatStock</a></logo>
<loginButton><a href="signin.html">Sign In</a></loginButton> <signinButton><a href="signin.html">Sign In</a></signinButton>
<faqButton><a href="FAQ.html">How it Works</a></faqButton> <faqButton><a href="FAQ.html">How it Works</a></faqButton>
<br><br> <br><br>

68
frontend/index.html
View File

@ -37,17 +37,30 @@
<div class="home-info-title2"> <div class="home-info-title2">
<b>Upcoming Games</b> <b>Upcoming Games:</b>
</div> </div>
<div class="home-info-title3">
University of Iowa
</div>
<div class="home-info-title3"> <div class="box">
University of Iowa
</div>
<div class="box">
<img src="iowavmichiganst.png" class="game-window-image"> <img src="iowavmichiganst.png" class="game-window-image">
<div class="game-window-title">Iowa Vs. Michigan St</div><br> <div class="game-window-title">Iowa Vs. Michigan St</div><br>
<a href="buy.html" class="buy-or-bid">Buy $65 or Bid</a> <a href="buy.html" class="buy-or-bid">Buy $55 or Bid</a>
<a href="sell.html?game=iowavmichiganst" class="sell-home">Sell</a> <br><br><br>
<marketData><a href="https://www.example.com">Market Data</a></marketData>
</div>
<div class="box">
<img src="iowavpurdue.png" class="game-window-image">
<div class="game-window-title">Iowa Vs. Purdue</div>
<button class="buy-or-bid">Buy $25<br>or Bid</button>
<a href="sell.html?game=iowavpurdue" class="sell-home">Sell</a> <br> <a href="sell.html?game=iowavpurdue" class="sell-home">Sell</a> <br>
<marketData><a href="https://www.example.com">Market Data</a></marketData> <marketData><a href="https://www.example.com">Market Data</a></marketData>
</div> </div>
@ -63,7 +76,7 @@
<div class="box"> <div class="box">
<img src="iowavrutgers.png" class="game-window-image"> <img src="iowavrutgers.png" class="game-window-image">
<div class="game-window-title">Iowa Vs Rutgers</div> <div class="game-window-title">Iowa Vs Rutgers</div>
<button class="buy-or-bid">Buy $45<br>or Bid</button> <button class="buy-or-bid">Buy $20<br>or Bid</button>
<a href="sell.html?game=iowavrutgers" class="sell-home">Sell</a> <br><br> <a href="sell.html?game=iowavrutgers" class="sell-home">Sell</a> <br><br>
<marketData><a href="https://www.example.com">Market Data</a></marketData> <marketData><a href="https://www.example.com">Market Data</a></marketData>
</div> </div>
@ -107,40 +120,3 @@
</html> </html>
</body>
</html>

2
frontend/signin.html
View File

@ -17,7 +17,7 @@
<!-- *************** HEADER ******************** **** --> <!-- *************** HEADER ******************** **** -->
<logo><a href="index.html">SeatStock</a></logo> <logo><a href="index.html">SeatStock</a></logo>
<loginButton><a href="signin.html">Sign In</a></loginButton> <signinButton><a href="signin.html">Sign In</a></signinButton>
<faqButton><a href="FAQ.html">How it Works</a></faqButton> <faqButton><a href="FAQ.html">How it Works</a></faqButton>

2
frontend/signup.html
View File

@ -17,7 +17,7 @@
<!-- *************** HEADER ******************** **** --> <!-- *************** HEADER ******************** **** -->
<logo><a href="index.html">SeatStock</a></logo> <logo><a href="index.html">SeatStock</a></logo>
<loginButton><a href="signin.html">Sign In</a></loginButton> <signinButton><a href="signin.html">Sign In</a></signinButton>
<faqButton><a href="FAQ.html">How it Works</a></faqButton> <faqButton><a href="FAQ.html">How it Works</a></faqButton>

13
frontend/style.css
View File

@ -123,6 +123,7 @@ border-radius: 20px;
.game-window-title{ .game-window-title{
font-size: 30px; font-size: 30px;
padding:10px; padding:10px;
padding-left: 50px;
} }
.game-window-image{ .game-window-image{
@ -140,6 +141,7 @@ border-radius: 20px;
border:none; border:none;
padding: 20px 20px; padding: 20px 20px;
border-radius: 5px; border-radius: 5px;
margin-left: 35px;
} }
.sell-home{ .sell-home{
margin: 5px; margin: 5px;
@ -267,7 +269,7 @@ display: flex;
flex-direction: column; flex-direction: column;
margin-top:100px; margin-top:100px;
height: 650px; height: 650px;
width: 400px; width: 500px;
padding: 20px; padding: 20px;
border: 2px solid #000; border: 2px solid #000;
border-radius: 10px; border-radius: 10px;
@ -327,6 +329,7 @@ input[type=password]{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.terms-checkbox{ .terms-checkbox{
display:flex; display:flex;
@ -354,15 +357,7 @@ input[type=password]{
border-radius: 20px; border-radius: 20px;
} }
.sign-up-link{
padding-top:15px;
font-size: 20px;
display: flex;
justify-content: center;
color:black;
text-decoration: underline;
}