catalog, games (fixed) yet to make it functional... dw ill do it its so easy.
This commit is contained in:
ui0ppk
parent
47467d3a18
commit
e99a41db81
|
|
@ -0,0 +1,92 @@
|
|||
<?php
|
||||
session_start();
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" data-bs-theme="dark">
|
||||
<head>
|
||||
<?php
|
||||
|
||||
require_once 'core/classes.php';
|
||||
require_once 'core/classes/user.php';
|
||||
$user = new User($con, $_SESSION['user']);
|
||||
$getitstarted = new PartyStarter;
|
||||
$getitstarted->header();
|
||||
?> </head>
|
||||
<title> <?php echo $sitename; ?> </title>
|
||||
<body>
|
||||
<main class="container" style="width: 100%;">
|
||||
<br>
|
||||
<br>
|
||||
<form role="search" class="float-end" style="width: 45%;">
|
||||
<div class="input-group mb-3">
|
||||
<input class="form-control rounded-end-0" type="search" placeholder="Search an item..." name="search" aria-label="Search">
|
||||
<button id="search" type="submit" class="btn btn-primary rounded-start-0">Search</button>
|
||||
</div>
|
||||
</form>
|
||||
<h2>Catalog</h2>
|
||||
<hr>
|
||||
<ul class="list-group float-start" style="width: 12rem;">
|
||||
<li class="list-group-item text-bg-secondary" aria-current="true">
|
||||
<small>Browse by</small>
|
||||
<br>
|
||||
<h4>Category</h4>
|
||||
</li>
|
||||
<a href="/catalog" class="list-group-item active" aria-current="true">All categories</a>
|
||||
<a href="?p=1" class="list-group-item">Hats</a>
|
||||
<a href="?p=2" class="list-group-item">Shirts</a>
|
||||
<a href="?p=3" class="list-group-item">Pants</a>
|
||||
<a href="?p=4" class="list-group-item">Gears</a>
|
||||
<a href="?p=5" class="list-group-item">Packages</a>
|
||||
<button class="list-group-item text-start" type="button" data-bs-toggle="dropdown" aria-expanded="false">Body parts</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a class="dropdown-item" href="?bp=1">Heads</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item" href="?bp=2">Torso</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item" href="?bp=3">Left arm</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item" href="?bp=4">Right arm</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item" href="?bp=5">Left leg</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item" href="?bp=6">Right leg</a>
|
||||
</li>
|
||||
</ul>
|
||||
<li class="list-group-item">
|
||||
<h5>Legend</h5>
|
||||
<span class="badge bg-success" style="width: 3.5rem;">Limited</span>
|
||||
<br>
|
||||
<p class="text-white">Limited Items </p>
|
||||
<p>Owners of these discontinued items can re-sell them to other users at any price.</p>
|
||||
<div class="pt-2"></div>
|
||||
<span class="badge bg-success" style="width: 4.5rem;">Limited <span class="badge bg-danger" style="width: 1.1rem;">U</span>
|
||||
</span>
|
||||
<br>
|
||||
<p class="text-white">Limited Unique Items</p>
|
||||
<p>A limited supply originally sold by <?php echo $sitename; ?>. Each unit is labeled with a serial number. Once sold out, owners can re-sell them to other users. </p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="row row-cols-xl-6 row-cols-lg-4 row-cols-md-3 row-cols-sm-2 g-4" style="margin-left: 200px; margin-top: 1px;">
|
||||
<?php $x = 40; for ($i = 1; $i <= $x; $i++) { ?>
|
||||
<div class="position-relative col">
|
||||
<div class="card" style="">
|
||||
<img src="https://tr.rbxcdn.com/7ea42f95bb986a33dbd2dc391a3ee744/420/420/Gear/Png" class="card-img-top" alt="...">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Minion</h5>
|
||||
<p class="card-text">By <a class="btn-link">someone</a>
|
||||
<br>Price: <span style="color: green">$1</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> <?php if ($i == $x) { break; } }?> </div>
|
||||
<br>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
60
games.php
60
games.php
|
|
@ -65,11 +65,63 @@ $getitstarted->header();
|
|||
</div></div>
|
||||
<div class="carousel-item"></div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#games-popular" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true" data-bs-theme="dark"></span>
|
||||
<button class="carousel-control-prev my-auto" type="button" data-bs-target="#games-popular" data-bs-slide="prev" style="width: 35px; height: 10%;">
|
||||
<span class="bi bi-caret-left-fill" aria-hidden="true" data-bs-theme="dark" style="margin-left: 10px; font-size: 2.5rem"></span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#games-popular" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true" data-bs-theme="dark"></span>
|
||||
<button class="carousel-control-next my-auto" type="button" data-bs-target="#games-popular" data-bs-slide="next" style="width: 35px; height: 10%;">
|
||||
<span class="bi bi-caret-right-fill" aria-hidden="true" data-bs-theme="dark" style="margin-right: 30px; font-size: 2.5rem"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<h4 class="text-white card-title">Most played</h4>
|
||||
<div id="games-most-played" class="carousel carousel-dark slide">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="card-group" style=" margin-top: 15px; width: 100%;">
|
||||
<?php $x = 8; for ($i = 1; $i <= $x; $i++) { ?>
|
||||
<div class="card bg-dark border-start rounded shadow-sm-lg" style="max-width: 170px; margin-right: 9px;">
|
||||
<a href="game?id=1" style="text-decoration: none; text-align: left; margin-bottom: 9px;">
|
||||
<img src="https://tr.rbxcdn.com/4e0bd5c77756dce55561929587ff8772/150/150/Image/Png" class="card-img-top rounded-top" alt="...">
|
||||
<div class="card-body">
|
||||
<small class="card-title text-white" style="font-size: 1rem;">Build to survive ur mom</small>
|
||||
<br>
|
||||
<small class="card-text text-muted">69 playing</small>
|
||||
<div class="progress rounded-4 border border-secondary" style="margin-left: 20px; margin-top: 10px; margin-bottom: -10px; height: 8px; background: none;">
|
||||
<div class="progress-bar bg-secondary" role="progressbar" aria-label="Segment one" style="width: 21.5%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<i class="bi bi-hand-thumbs-up-fill text-secondary" style="font-size: 1rem; float: left; margin-top: -8px;"></i>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<?php if ($i == $x) { break; } }?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item"><div class="card-group" style=" margin-top: 15px; width: 100%;">
|
||||
<?php $x = 8; for ($i = 1; $i <= $x; $i++) { ?>
|
||||
<div class="card bg-dark border-start rounded shadow-sm-lg" style="max-width: 170px; margin-right: 9px;">
|
||||
<a href="game?id=1" style="text-decoration: none; text-align: left; margin-bottom: 9px;">
|
||||
<img src="https://tr.rbxcdn.com/4e0bd5c77756dce55561929587ff8772/150/150/Image/Png" class="card-img-top rounded-top" alt="...">
|
||||
<div class="card-body">
|
||||
<small class="card-title text-white" style="font-size: 1rem;">Build to survive ur mom</small>
|
||||
<br>
|
||||
<small class="card-text text-muted">69 playing</small>
|
||||
<div class="progress rounded-4 border border-secondary" style="margin-left: 20px; margin-top: 10px; margin-bottom: -10px; height: 8px; background: none;">
|
||||
<div class="progress-bar bg-secondary" role="progressbar" aria-label="Segment one" style="width: 21.5%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<i class="bi bi-hand-thumbs-up-fill text-secondary" style="font-size: 1rem; float: left; margin-top: -8px;"></i>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<?php if ($i == $x) { break; } }?>
|
||||
</div></div>
|
||||
<div class="carousel-item"></div>
|
||||
</div>
|
||||
<button class="carousel-control-prev my-auto" type="button" data-bs-target="#games-most-played" data-bs-slide="prev" style="width: 35px; height: 10%;">
|
||||
<span class="bi bi-caret-left-fill" aria-hidden="true" data-bs-theme="dark" style="margin-left: 10px; font-size: 2.5rem"></span>
|
||||
</button>
|
||||
<button class="carousel-control-next my-auto" type="button" data-bs-target="#games-most-played" data-bs-slide="next" style="width: 35px; height: 10%;">
|
||||
<span class="bi bi-caret-right-fill" aria-hidden="true" data-bs-theme="dark" style="margin-right: 30px; font-size: 2.5rem"></span>
|
||||
</button>
|
||||
</div>
|
||||
</main>
|
||||
|
|
|
|||
4
home.php
4
home.php
|
|
@ -15,8 +15,7 @@ $getitstarted->header();
|
|||
</head>
|
||||
<title><?php echo $sitename; ?></title>
|
||||
<body>
|
||||
<div class="jumbotron jumbotron-fluid text-white">
|
||||
<main class="container" style="width: 100%;">
|
||||
<main class="container text-white" style="width: 100%;">
|
||||
<br><br>
|
||||
<img src="https://tr.rbxcdn.com/4039b106ee8e92c8c73595ffaa35108d/150/150/AvatarHeadshot/Png" class="rounded-circle" width=190 height=190></img>
|
||||
<span class=" text-center" style="font-size: 2rem; margin-left: 6px;">Welcome back, <?php echo $user->getUsername(); ?></span>
|
||||
|
|
@ -84,6 +83,5 @@ $getitstarted->header();
|
|||
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue