From 7eecf6d9577eb81498fcf35bdd7ae375b227b69c Mon Sep 17 00:00:00 2001 From: lonkaars Date: Sun, 23 Apr 2023 21:55:22 +0200 Subject: site scaffolding + php tests --- license | 21 +++++++++++++++++++++ public/cart.php | 36 ++++++++++++++++++++++++++++++++++++ public/footer.css | 12 ++++++++++++ public/footer.php | 8 ++++++++ public/global.css | 18 ++++++++++++++++++ public/head.php | 5 +++++ public/home.css | 10 ++++++++++ public/img/cart-outline.svg | 1 + public/img/placeholder.png | Bin 0 -> 231513 bytes public/index.php | 22 ++++++++++++++++++++++ public/mdi.css | 8 ++++++++ public/nav.css | 19 +++++++++++++++++++ public/navbar.php | 11 +++++++++++ public/product.php | 18 ++++++++++++++++++ public/products.css | 20 ++++++++++++++++++++ public/products.php | 37 +++++++++++++++++++++++++++++++++++++ 16 files changed, 246 insertions(+) create mode 100644 license create mode 100644 public/cart.php create mode 100644 public/footer.css create mode 100644 public/footer.php create mode 100644 public/global.css create mode 100644 public/head.php create mode 100644 public/home.css create mode 100644 public/img/cart-outline.svg create mode 100644 public/img/placeholder.png create mode 100644 public/index.php create mode 100644 public/mdi.css create mode 100644 public/nav.css create mode 100644 public/navbar.php create mode 100644 public/product.php create mode 100644 public/products.css create mode 100644 public/products.php diff --git a/license b/license new file mode 100644 index 0000000..a86647f --- /dev/null +++ b/license @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2023 lonkaars + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/public/cart.php b/public/cart.php new file mode 100644 index 0000000..b888cd8 --- /dev/null +++ b/public/cart.php @@ -0,0 +1,36 @@ + + + + + dit is product + + + +
+

dingen in je mand

+
+ + + 3,45 + courgette + + + + 3,45 + courgette + + + + 3,45 + courgette + + + + 3,45 + courgette + +
+
+ + + diff --git a/public/footer.css b/public/footer.css new file mode 100644 index 0000000..0483da2 --- /dev/null +++ b/public/footer.css @@ -0,0 +1,12 @@ +footer { + margin-top: 48px; +} + +footer .flex { + display: flex; + justify-content: space-between; +} + +footer .flex * { + margin: 20px 0; +} diff --git a/public/footer.php b/public/footer.php new file mode 100644 index 0000000..57831be --- /dev/null +++ b/public/footer.php @@ -0,0 +1,8 @@ + diff --git a/public/global.css b/public/global.css new file mode 100644 index 0000000..9120a5f --- /dev/null +++ b/public/global.css @@ -0,0 +1,18 @@ +@import url("nav.css"); +@import url("footer.css"); + +:root { + --width: 750px; +} + +body, html { + margin: 0; + font-family: "Inter", "Neue Haas Grotesk", "Helvetica", "Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif; +} + +.limwidth { + margin: 0 auto; + max-width: var(--width); + padding: 0 12px; +} + diff --git a/public/head.php b/public/head.php new file mode 100644 index 0000000..eddf94b --- /dev/null +++ b/public/head.php @@ -0,0 +1,5 @@ + + + + + diff --git a/public/home.css b/public/home.css new file mode 100644 index 0000000..1c7c67e --- /dev/null +++ b/public/home.css @@ -0,0 +1,10 @@ +.s1 h1 { + text-align: center; + font-size: 3rem; + line-height: 1.5ex; + font-weight: 800; +} + +.s1 { + margin-top: 8rem; +} diff --git a/public/img/cart-outline.svg b/public/img/cart-outline.svg new file mode 100644 index 0000000..b94d36a --- /dev/null +++ b/public/img/cart-outline.svg @@ -0,0 +1 @@ +cart-outline diff --git a/public/img/placeholder.png b/public/img/placeholder.png new file mode 100644 index 0000000..3db3f5a Binary files /dev/null and b/public/img/placeholder.png differ diff --git a/public/index.php b/public/index.php new file mode 100644 index 0000000..0f268cb --- /dev/null +++ b/public/index.php @@ -0,0 +1,22 @@ + + + + + webshop + + + + +
+
+

hier zijn de aanbiedingen

+
    +
  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga iure id repudiandae sapiente voluptatibus soluta ducimus? Molestiae pariatur optio saepe nihil fugit, commodi atque! Consequatur at omnis recusandae nostrum tenetur!
    • +
  • Ut, repudiandae? Iusto pariatur cupiditate, ipsam magni accusamus asperiores possimus nulla, magnam quas consectetur fugit vero quibusdam officiis quod, vitae soluta nostrum placeat itaque sit beatae quos laudantium? Temporibus, magni.
    • +
  • Ipsum fugiat corporis impedit iusto possimus neque alias at sunt commodi deserunt! Numquam perferendis rem ea provident velit dicta quae. Eveniet officia iure porro aliquid minus alias at commodi nam?
    • +
+
+
+ + + diff --git a/public/mdi.css b/public/mdi.css new file mode 100644 index 0000000..04060b7 --- /dev/null +++ b/public/mdi.css @@ -0,0 +1,8 @@ +.mdi { + display: inline-block; + width: 24px; + height: 24px; +} + +.mdi.cart-outline { background-image: url("img/cart-outline.svg"); } + diff --git a/public/nav.css b/public/nav.css new file mode 100644 index 0000000..f5f540c --- /dev/null +++ b/public/nav.css @@ -0,0 +1,19 @@ +nav { + position: static; + border-bottom: 2px dashed currentColor; +} + +nav span { vertical-align: middle; } +nav a { + text-decoration: none; + color: currentColor; + margin-right: 16px; +} + +nav .site-icon { + height: 48px; + display: inline-block; +} + +nav .site-icon .icon { margin: 12px 2px; } +nav .site-icon .label { font-weight: 500; } diff --git a/public/navbar.php b/public/navbar.php new file mode 100644 index 0000000..34d88bb --- /dev/null +++ b/public/navbar.php @@ -0,0 +1,11 @@ + diff --git a/public/product.php b/public/product.php new file mode 100644 index 0000000..8733562 --- /dev/null +++ b/public/product.php @@ -0,0 +1,18 @@ + + + + + dit is product + + + +
+

yeah product

+ + 3,45 + courgette + Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla dignissimos laboriosam voluptatem facilis tempore quos, asperiores eos molestiae voluptates commodi animi enim quae deleniti? Ratione optio eligendi rem eveniet reiciendis. +
+ + + diff --git a/public/products.css b/public/products.css new file mode 100644 index 0000000..a698a15 --- /dev/null +++ b/public/products.css @@ -0,0 +1,20 @@ +.products { + --grid-columns: 3; + display: grid; + grid-template-columns: repeat(var(--grid-columns), 1fr); + gap: 8px; +} +@media (max-width: 600px) { .products { --grid-columns: 2; } } +@media (max-width: 400px) { .products { --grid-columns: 1; } } + +.products .product { + background-color: #0001; + padding: 8px; + border-radius: 8px; +} + +.product img { + width: 100%; + height: 100%; + object-fit: cover; +} diff --git a/public/products.php b/public/products.php new file mode 100644 index 0000000..b42e4db --- /dev/null +++ b/public/products.php @@ -0,0 +1,37 @@ + + + + + producten + + + + +
+

lijst met producten:

+
+ + + 3,45 + courgette + + + + 3,45 + courgette + + + + 3,45 + courgette + + + + 3,45 + courgette + +
+
+ + + -- cgit v1.2.3