mirror of
https://github.com/System-End/Team_Website.git
synced 2026-04-19 19:45:15 +00:00
Merge pull request #15 from EndlessEevee/main
Made mentor, captain and leader columns 2 rows
This commit is contained in:
Unknown
GitHub
commit
23c5539a72
6 changed files with 277 additions and 29 deletions
54
.vscode/launch.json
vendored
54
.vscode/launch.json
vendored
|
|
@ -1,29 +1,29 @@
|
|||
{
|
||||
// Use IntelliSense to learn about possible attributes.
|
||||
// Hover to view descriptions of existing attributes.
|
||||
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
||||
"version": "0.2.0",
|
||||
"configurations": [
|
||||
{
|
||||
"name": "Attach to Chrome",
|
||||
"port": 8080,
|
||||
"request": "attach",
|
||||
"type": "chrome",
|
||||
"webRoot": "${workspaceFolder}"
|
||||
},
|
||||
{
|
||||
"name": "Launch Chrome",
|
||||
"request": "launch",
|
||||
"type": "chrome",
|
||||
"url": "https://localhost:8080",
|
||||
"webRoot": "${workspaceFolder}"
|
||||
},
|
||||
{
|
||||
"type": "chrome",
|
||||
"request": "launch",
|
||||
"name": "Launch Chrome against localhost",
|
||||
"url": "https://localhost:9222",
|
||||
"webRoot": "${workspaceFolder}"
|
||||
}
|
||||
]
|
||||
// Use IntelliSense to learn about possible attributes.
|
||||
// Hover to view descriptions of existing attributes.
|
||||
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
||||
"version": "0.2.0",
|
||||
"configurations": [
|
||||
{
|
||||
"name": "Attach to Chrome",
|
||||
"port": 8080,
|
||||
"request": "attach",
|
||||
"type": "chrome",
|
||||
"webRoot": "${workspaceFolder}"
|
||||
},
|
||||
{
|
||||
"name": "Launch Chrome",
|
||||
"request": "launch",
|
||||
"type": "chrome",
|
||||
"url": "https://localhost:8080",
|
||||
"webRoot": "${workspaceFolder}"
|
||||
},
|
||||
{
|
||||
"type": "chrome",
|
||||
"request": "launch",
|
||||
"name": "Launch Chrome against localhost",
|
||||
"url": "https://localhost:9222",
|
||||
"webRoot": "${workspaceFolder}"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<html>
|
||||
<head>
|
||||
<script src="https://js.stripe.com/v3/"></script>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
|
|
|
|||
32
Pages/navbar.html
Normal file
32
Pages/navbar.html
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<body>
|
||||
<nav class="fill" id="nav-bar">
|
||||
<ul>
|
||||
<img
|
||||
src="/Resources/Black Logo-1.png"
|
||||
id="nav-logo"
|
||||
alt="Team 1165 Logo"
|
||||
/>
|
||||
<li class="nav-button" id="home-dropdown">
|
||||
<a href="/index.html">Home</a>
|
||||
<nav class="dropdown-content" id="home-dropdown-content">
|
||||
<a class="first-dropdown" href="/index.html">Projects</a>
|
||||
<a href="/index.html">Leaders</a>
|
||||
</nav>
|
||||
</li>
|
||||
<li class="nav-button">
|
||||
<a href="/Pages/calendar.html">Calendar</a>
|
||||
</li>
|
||||
<li class="nav-button">
|
||||
<a href="/Pages/sponsors.html">Sponsors</a>
|
||||
</li>
|
||||
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
|
||||
<li class="nav-button" id="donate-dropdown">
|
||||
<a href="/Pages/donate.html">Donate</a>
|
||||
<nav class="dropdown-content" id="donate-dropdown-content">
|
||||
<a class="first-dropdown" href="/index.html">General Donation</a>
|
||||
<a href="/index.html">Tax Credit</a>
|
||||
</nav>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</body>
|
||||
185
Pages/shopconstruction.html
Normal file
185
Pages/shopconstruction.html
Normal file
|
|
@ -0,0 +1,185 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script src="https://js.stripe.com/v3/"></script>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="/Resources/Favicons/favicon.png"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<!--Navigation Bar-->
|
||||
<nav class="fill" id="nav-bar">
|
||||
<ul>
|
||||
<img
|
||||
src="/Resources/Black Logo-1.png"
|
||||
id="nav-logo"
|
||||
alt="Team 1165 Logo"
|
||||
/>
|
||||
<li class="nav-button" id="home-dropdown">
|
||||
<a href="/index.html">Home</a>
|
||||
<nav class="dropdown-content" id="home-dropdown-content">
|
||||
<a class="first-dropdown" href="/index.html">Projects</a>
|
||||
<a href="/index.html">Leaders</a>
|
||||
</nav>
|
||||
</li>
|
||||
<li class="nav-button">
|
||||
<a href="/Pages/calendar.html">Calendar</a>
|
||||
</li>
|
||||
<li class="nav-button">
|
||||
<a href="/Pages/sponsors.html">Sponsors</a>
|
||||
</li>
|
||||
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
|
||||
<li class="nav-button" id="donate-dropdown">
|
||||
<a href="/Pages/Donate.html">Donate</a>
|
||||
<nav class="dropdown-content" id="donate-dropdown-content">
|
||||
<a class="first-dropdown" href="/Pages/Gen Donate.html"
|
||||
>General Donation</a
|
||||
>
|
||||
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
|
||||
</nav>
|
||||
</li>
|
||||
|
||||
<li class="nav-button" id="Accomplishments-dropdown">
|
||||
<a href="/index.html">Accomplishments</a>
|
||||
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
|
||||
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
|
||||
<a href="/Pages/Awards.html">Awards</a>
|
||||
</nav>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Welcome to Our Online Shop</h1>
|
||||
<div class="products">
|
||||
<div class="product">
|
||||
<img src="hoodie.jpg" alt="Hoodie" />
|
||||
<h2>Hoodies - $45</h2>
|
||||
<label for="hoodie-size">Select Size:</label>
|
||||
<select id="hoodie-size">
|
||||
<option value="Xsmall">XSmall</option>
|
||||
<option value="small">Small</option>
|
||||
<option value="medium">Medium</option>
|
||||
<option value="large">Large</option>
|
||||
<option value="Xlarge">XLarge</option>
|
||||
<option value="XXlarge">XXLarge</option>
|
||||
<option value="XXXlarge">XXXLarge</option>
|
||||
</select>
|
||||
<label for="hoodie-quantity">Quantity:</label>
|
||||
<input
|
||||
type="number"
|
||||
id="hoodie-quantity"
|
||||
name="hoodie-quantity"
|
||||
min="0"
|
||||
/>
|
||||
</div>
|
||||
<div class="product">
|
||||
<img src="tshirt.jpg" alt="T-Shirt" />
|
||||
<h2>T-Shirts - $15</h2>
|
||||
<label for="tshirt-size">Select Size:</label>
|
||||
<select id="tshirt-size">
|
||||
<option value="Xsmall">XSmall</option>
|
||||
<option value="small">Small</option>
|
||||
<option value="medium">Medium</option>
|
||||
<option value="large">Large</option>
|
||||
<option value="Xlarge">XLarge</option>
|
||||
<option value="XXlarge">XXLarge</option>
|
||||
<option value="XXXlarge">XXXLarge</option>
|
||||
</select>
|
||||
<label for="tshirt-quantity">Quantity:</label>
|
||||
<input
|
||||
type="number"
|
||||
id="tshirt-quantity"
|
||||
name="tshirt-quantity"
|
||||
min="0"
|
||||
/>
|
||||
</div>
|
||||
<button id="checkout-button">Checkout</button>
|
||||
<div class="order-summary">
|
||||
<h2>Your Order Summary:</h2>
|
||||
<p id="order-summary"></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var stripe = Stripe(
|
||||
"sk_test_51PBMFWCZYaFRUYezJHsiqgp6BHarFfhZjlNkDT8MNnxSOpCe3pDR427dyqYJMmEIF5JRe6aQc16KxHK3euoMZ9de00r03MbmAR"
|
||||
);
|
||||
var checkoutButton = document.getElementById("checkout-button");
|
||||
checkoutButton.addEventListener("click", function () {
|
||||
var hoodieSize = document.getElementById("hoodie-size").value;
|
||||
var hoodieQuantity = parseInt(
|
||||
document.getElementById("hoodie-quantity").value
|
||||
);
|
||||
var tshirtSize = document.getElementById("tshirt-size").value;
|
||||
var tshirtQuantity = parseInt(
|
||||
document.getElementById("tshirt-quantity").value
|
||||
);
|
||||
var totalPrice = hoodieQuantity * 45 + tshirtQuantity * 15;
|
||||
|
||||
// Create a Stripe Checkout session
|
||||
stripe.redirectToCheckout({
|
||||
items: [
|
||||
{
|
||||
sku: "sku_HOODIE",
|
||||
quantity: hoodieQuantity,
|
||||
size: hoodieSize,
|
||||
},
|
||||
{
|
||||
sku: "sku_TSHIRT",
|
||||
quantity: tshirtQuantity,
|
||||
size: tshirtSize,
|
||||
},
|
||||
],
|
||||
successUrl: "https://yourwebsite.com/success",
|
||||
cancelUrl: "https://yourwebsite.com/cancel",
|
||||
clientReferenceId: "unique_id", // optional
|
||||
payment_method_types: ["card"],
|
||||
mode: "payment",
|
||||
lineItems: [
|
||||
{
|
||||
quantity: hoodieQuantity,
|
||||
price: "price_HOODIE",
|
||||
description: "Hoodie - " + hoodieSize,
|
||||
},
|
||||
{
|
||||
quantity: tshirtQuantity,
|
||||
price: "price_TSHIRT",
|
||||
description: "T-Shirt - " + tshirtSize,
|
||||
},
|
||||
],
|
||||
submit_type: "pay",
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- Footer -->
|
||||
<section class="footer">
|
||||
<div class="social-icons">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/Team1165" target="_blank"
|
||||
><img src="/Resources/Facebook.png" alt="Facebook"
|
||||
/></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:team1165@gmail.com" target="_blank"
|
||||
><img src="/Resources/Gmail Logo.png" alt="Gmail"
|
||||
/></a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/teamparadise.1165"
|
||||
target="_blank"
|
||||
><img src="/Resources/Instagram.png" alt="Instagram"
|
||||
/></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
23
Pages/socials.html
Normal file
23
Pages/socials.html
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<body>
|
||||
<section class="footer">
|
||||
<div class="social-icons">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/Team1165" target="_blank"
|
||||
><img src="/Resources/Facebook.png" alt="Facebook"
|
||||
/></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:team1165@gmail.com" target="_blank"
|
||||
><img src="/Resources/Gmail Logo.png" alt="Gmail"
|
||||
/></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/teamparadise.1165" target="_blank"
|
||||
><img src="/Resources/Instagram.png" alt="Instagram"
|
||||
/></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
|
|
@ -57,7 +57,8 @@ body {
|
|||
#nav-bar ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
#nav-bar ul li a {
|
||||
#nav-bar ul li a,
|
||||
#nav-bar ul li span {
|
||||
display: block;
|
||||
padding: 15px;
|
||||
text-decoration: none;
|
||||
|
|
@ -171,6 +172,11 @@ nav.fill ul li a:hover:after {
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
nav.fill ul li[tabindex]:hover .dropdown-content,
|
||||
nav.fill ul li[tabindex]:focus .dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
main {
|
||||
padding-top: 25px;
|
||||
background-color: #f1f1f1;
|
||||
|
|
@ -301,7 +307,7 @@ main {
|
|||
|
||||
#mentors-1 ul,
|
||||
#captains ul {
|
||||
grid-template-columns: repeat(3, 1fr); /* 3 columns */
|
||||
grid-template-columns: repeat(2, 1fr); /* 3 columns */
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
|
@ -505,6 +511,7 @@ h2 {
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* shop css */
|
||||
/* body {
|
||||
font-family: Arial, sans-serif;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue