commit 4b470368a8f6340c245c1b96e711574af598209f Author: Joshua Perry <45966243+jpez-development@users.noreply.github.com> Date: Sat Oct 22 16:03:47 2022 +0100 first commit diff --git a/layout.php b/layout.php new file mode 100644 index 0000000..7917cb1 --- /dev/null +++ b/layout.php @@ -0,0 +1,45 @@ + + + + + <?php + echo $pageTitle + ?> + + + + + +
+

ibuy

+ +
+ + +
+
+ + + Banner + +
+ + +
+ + \ No newline at end of file diff --git a/public/account/addAuction.php b/public/account/addAuction.php new file mode 100644 index 0000000..e69de29 diff --git a/public/account/editAuction.php b/public/account/editAuction.php new file mode 100644 index 0000000..e69de29 diff --git a/public/account/login.php b/public/account/login.php new file mode 100644 index 0000000..e69de29 diff --git a/public/account/logout.php b/public/account/logout.php new file mode 100644 index 0000000..e69de29 diff --git a/public/account/register.php b/public/account/register.php new file mode 100644 index 0000000..e69de29 diff --git a/public/admin/addCategory.php b/public/admin/addCategory.php new file mode 100644 index 0000000..e69de29 diff --git a/public/admin/adminCategories.php b/public/admin/adminCategories.php new file mode 100644 index 0000000..e69de29 diff --git a/public/admin/deleteCategory.php b/public/admin/deleteCategory.php new file mode 100644 index 0000000..e69de29 diff --git a/public/admin/editCategory.php b/public/admin/editCategory.php new file mode 100644 index 0000000..e69de29 diff --git a/public/assets/banners/1.jpg b/public/assets/banners/1.jpg new file mode 100644 index 0000000..749d99b Binary files /dev/null and b/public/assets/banners/1.jpg differ diff --git a/public/assets/banners/2.jpg b/public/assets/banners/2.jpg new file mode 100644 index 0000000..7bfad0e Binary files /dev/null and b/public/assets/banners/2.jpg differ diff --git a/public/assets/banners/3.jpg b/public/assets/banners/3.jpg new file mode 100644 index 0000000..a767e2e Binary files /dev/null and b/public/assets/banners/3.jpg differ diff --git a/public/assets/ibuy.css b/public/assets/ibuy.css new file mode 100644 index 0000000..c35b7be --- /dev/null +++ b/public/assets/ibuy.css @@ -0,0 +1,196 @@ +/* Import website font */ +@import url('https://stockfont.org/?3e1218d9a01517d5734a1be9e67be4af797abff1230ab272235ec8ed759251d6'); + + +* { + margin: 0; + + padding: 0; +} + +body { font-family: 'Oxygen-Regular', sans-serif; background-color: #f6f5f4; max-width: 100vw; overflow-x: hidden;} +h1, h2, h3, h4 { font-weight: normal; } + +a, a:visited {color: #444;} +a:hover {text-decoration: underline; color: #222;} +header { + margin-top: 1vw; + font-family: 'Univers-Light-Normal'; + display: grid; + grid-template-columns: 15% 85%; + align-items: center; + padding-top: 1vw; + padding-bottom: 1vw; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; +} + +header h1 { + text-align: center; + font-size: 5em; +} +form { + display: block; +} + + +header form input[type=text] { + border: 3px solid black; + font-size: 2em; + padding: 0.5em; + + width: 70%; +} + +body > img { width: 100vw; } + +header form input[type=submit] { + background-color: #3665f3; + color: white; + width: 20%; + font-size: 2em; + padding: 0.5em; + cursor: pointer; + border: 0; +} + +header .i { + color: #e43137; +} +header .b { + color: #0063d1; +} +header .u { + color: #f4ae01; +} +header .y { + color: #85b716; +} + +body > nav { + border-bottom: 1px solid #ddd; +} +body > nav ul li:last-child a:after {content: 'ˬ'; position: absolute;} + +body > nav ul { + display: flex; + width: 100vw; + list-style-type: none; +} + +body > nav ul li { + flex: 1; +} + +body > nav ul li a { + display: block; text-align: center; + padding-top: 0.5vw; + padding-bottom: 0.5vw; + font-size: 1.5em; +} + +.productList { + list-style-type: none; +} + +.productList li { + padding: 2vw; + border-bottom: 1px solid #ddd; + display: grid; + grid-template-columns: 18% 80%; +} + +.productList img {width: auto; display: block; max-width: 10vw;} + +p.price {display: block; text-align: right; font-weight: bold; font-size: 2em;} +a.more {display: block; text-align: right; font-weight: bold; float: right; background-color: #3665f3; + color: white; + + font-size: 2em; + padding: 0.5em; + cursor: pointer; } + +main {padding: 3vw; display: block; overflow: hidden; width: 80vw; margin: auto; border-left: 2px solid #ddd; border-right: 2px solid #ddd;} + +article.product { + display: grid; + griid-template-columns: 60% 40%; + grid-template-areas: "img details" + "description description" + "reviews reviews" +} + +article.product img { + grid-area: img; +} + +main h1 {margin-top: 5vw; margin-bottom: 5vw;} +article .details { + grid-area: details; +} + +article .reviews { + grid-area: reviews; + +} + +textarea {width: 100%; height: 20em;} +.reviews form {margin-top: 5em;} +.reviews ul { + list-style-type: none; +} +.reviews li{ + padding-top: 1em; + padding-bottom: 1em; + border-bottom: 1px solid #ddd; +} + +article .description { + grid-area: description; + padding-top: 3em; + padding-bottom: 3em; +} + +.price {color: red;} +article.product .price {text-align: left;} + +footer {margin-top: 5vw; border-top: 1px solid #ddd;} + +time {display: block; margin: 1em 0;} +main form { + display: flex; + flex-wrap: wrap; + width: 50vw; +} + +.details p { + margin-top: 0.5em; +} +main form label, main form input { + flex-grow: 1; + width: 20vw; + margin-bottom: 1em; + margin-right: 2vw; + margin-left: 2vw; +} + +.bid { + margin-top: 2em; + padding: 0; +} + +.bid input { + margin-left: 0; +} + +main form input[type=submit] { + background-color: #3665f3; + color: white; + flex-grow: 0; + margin-left: auto; + font-size: 1.2em; + padding: 0.2em; + cursor: pointer; + border: 0; + +} diff --git a/public/assets/index.html b/public/assets/index.html new file mode 100644 index 0000000..847547b --- /dev/null +++ b/public/assets/index.html @@ -0,0 +1,98 @@ + + +

Latest Listings / Search Results / Category listing

+ + + +
+ +

Product Page

+
+ + product name +
+

Product name

+

Product category

+

Auction created by User.Name

+

Current bid: £123.45

+ +
+ + +
+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales ornare purus, non laoreet dolor sagittis id. Vestibulum lobortis laoreet nibh, eu luctus purus volutpat sit amet. Proin nec iaculis nulla. Vivamus nec tempus quam, sed dapibus massa. Etiam metus nunc, cursus vitae ex nec, scelerisque dapibus eros. Donec ac diam a ipsum accumsan aliquet non quis orci. Etiam in sapien non erat dapibus rhoncus porta at lorem. Suspendisse est urna, egestas ut purus quis, facilisis porta tellus. Pellentesque luctus dolor ut quam luctus, nec porttitor risus dictum. Aliquam sed arcu vehicula, tempor velit consectetur, feugiat mauris. Sed non pellentesque quam. Integer in tempus enim.

+ + +
+ +
+

Reviews of User.Name

+ + +
+ + + +
+
+
+ +
+

Sample Form

+ +
+ + + + + + +
+ + + + \ No newline at end of file diff --git a/public/assets/product.png b/public/assets/product.png new file mode 100644 index 0000000..1744c4b Binary files /dev/null and b/public/assets/product.png differ diff --git a/public/forms/bid.php b/public/forms/bid.php new file mode 100644 index 0000000..e69de29 diff --git a/public/forms/review.php b/public/forms/review.php new file mode 100644 index 0000000..e69de29 diff --git a/public/index.php b/public/index.php new file mode 100644 index 0000000..aed9c78 --- /dev/null +++ b/public/index.php @@ -0,0 +1,34 @@ +'.$pageHeading.' +'; +require '../layout.php'; + +function populateList() { //TODO: This will need to be updated to populate from the database + $output = ''; + for ($i = 0; $i <= 10; $i++) { + $output .= '
  • + product name +
    +

    Product name

    +

    Product category

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales ornare purus, non laoreet dolor sagittis id. Vestibulum lobortis laoreet nibh, eu luctus purus volutpat sit amet. Proin nec iaculis nulla. Vivamus nec tempus quam, sed dapibus massa. Etiam metus nunc, cursus vitae ex nec, scelerisque dapibus eros. Donec ac diam a ipsum accumsan aliquet non quis orci. Etiam in sapien non erat dapibus rhoncus porta at lorem. Suspendisse est urna, egestas ut purus quis, facilisis porta tellus. Pellentesque luctus dolor ut quam luctus, nec porttitor risus dictum. Aliquam sed arcu vehicula, tempor velit consectetur, feugiat mauris. Sed non pellentesque quam. Integer in tempus enim.

    +

    Current bid: £123.45

    + More >> +
    +
    • '; + } + return $output; +} +?> \ No newline at end of file diff --git a/public/listing.php b/public/listing.php new file mode 100644 index 0000000..3d1c473 --- /dev/null +++ b/public/listing.php @@ -0,0 +1,43 @@ +Product Page +
    + + product name +
    +

    Product name

    +

    Product category

    +

    Auction created by User.Name

    +

    Current bid: £123.45

    + +
    + + +
    +
    +
    +

    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales ornare purus, non laoreet dolor sagittis id. Vestibulum lobortis laoreet nibh, eu luctus purus volutpat sit amet. Proin nec iaculis nulla. Vivamus nec tempus quam, sed dapibus massa. Etiam metus nunc, cursus vitae ex nec, scelerisque dapibus eros. Donec ac diam a ipsum accumsan aliquet non quis orci. Etiam in sapien non erat dapibus rhoncus porta at lorem. Suspendisse est urna, egestas ut purus quis, facilisis porta tellus. Pellentesque luctus dolor ut quam luctus, nec porttitor risus dictum. Aliquam sed arcu vehicula, tempor velit consectetur, feugiat mauris. Sed non pellentesque quam. Integer in tempus enim.

    + + +
    + +
    +

    Reviews of User.Name

    + + +
    + + + +
    +
    +
    '; +require '../layout.php' +?> \ No newline at end of file