diff --git a/php/connection.php b/php/connection.php
new file mode 100644
index 0000000..fecf32d
--- /dev/null
+++ b/php/connection.php
@@ -0,0 +1,52 @@
+connect_error) {
+ die("Connection failed: " . $conn->connect_error);
+ }
+ return $conn;
+
+}
+
+
+function getAllProducts($conn){
+ $query = "select * from products ORDER BY Product_ID";
+ $result = $conn->query($query);
+
+ $allProducts=[];
+ if ($result->num_rows > 0) {
+ while ($row = $result->fetch_assoc()){
+ $allProducts[]=$row;
+ }
+ } else {
+ return null;
+ }
+ return $allProducts;
+}
+
+function getProducts($P_ID,$conn){
+ $query = "select * from products where Product_ID='$P_ID'";
+ $result = $conn->query($query);
+
+ $products=[];
+ if ($result->num_rows > 0) {
+ while ($row = $result->fetch_assoc()){
+ $products[]=$row;
+ }
+ } else {
+ return null;
+ }
+ return $products;
+}
+
+
+
+
+
+?>
\ No newline at end of file
diff --git a/php/password.php b/php/password.php
new file mode 100644
index 0000000..e69de29
diff --git a/shopping/shopping.html b/shopping/shopping.html
deleted file mode 100644
index 88d5546..0000000
--- a/shopping/shopping.html
+++ /dev/null
@@ -1,58 +0,0 @@
-
-
-
-
-
-
-
-
-
-
New Moon Dessert Bar
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/shopping/shopping.php b/shopping/shopping.php
new file mode 100644
index 0000000..e95637b
--- /dev/null
+++ b/shopping/shopping.php
@@ -0,0 +1,110 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
New Moon Dessert Bar
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style/base/_base.sass b/style/base/_base.sass
index f3a76d6..b1c2f77 100644
--- a/style/base/_base.sass
+++ b/style/base/_base.sass
@@ -20,3 +20,4 @@ video
height: 100%
z-index: -100
object-fit: cover
+
diff --git a/style/base/_index.sass b/style/base/_index.sass
index 04e4d76..5e62c45 100644
--- a/style/base/_index.sass
+++ b/style/base/_index.sass
@@ -4,3 +4,35 @@
.container-fluid
height: 100%
padding: 0
+
+
+#zoomIn
+ display: none
+ z-index: 100
+
+.zoomIn
+ margin: 0
+ position: absolute
+ top: 35%
+ left: 50%
+ -ms-transform: translateY(-50%)
+ -ms-transform: translateX(-50%)
+ transform: translateY(-50%)
+ transform: translateX(-50%)
+ z-index: 1
+ img
+ animation-name: zoom_in
+ animation-duration: 0.5s
+ display: block
+ padding: 10px
+ margin: auto
+ max-width: 100%
+ max-height: 100%
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.2)
+ z-index: 999
+
+
+
+@keyframes zoom_in
+ from {transform: scale(0.1)}
+ to {transform: scale(1)}
\ No newline at end of file
diff --git a/style/modules/_sectionDocumentation.sass b/style/modules/_sectionDocumentation.sass
index 2f25c18..427fbb1 100644
--- a/style/modules/_sectionDocumentation.sass
+++ b/style/modules/_sectionDocumentation.sass
@@ -1,8 +1,9 @@
.sectionDocumentation
- margin-top: 10%
+ margin-top: 3%
text-align: center
h2
margin-top: 5%
+ color: OliveDrab
img
margin: auto
padding: 10px
\ No newline at end of file
diff --git a/style/modules/_sectionMenu.sass b/style/modules/_sectionMenu.sass
index 0119991..d86d92c 100644
--- a/style/modules/_sectionMenu.sass
+++ b/style/modules/_sectionMenu.sass
@@ -1,5 +1,4 @@
.sectionMenu
- margin-top: 12%
.row
padding-left: 20%
padding-right: 20%
@@ -15,4 +14,6 @@
color: OliveDrab
h3
text-align: center
- color: OliveDrab
\ No newline at end of file
+ color: OliveDrab
+
+
\ No newline at end of file
diff --git a/style/modules/_sectionSource.sass b/style/modules/_sectionSource.sass
index 91768f8..dc3dce9 100644
--- a/style/modules/_sectionSource.sass
+++ b/style/modules/_sectionSource.sass
@@ -1,4 +1,5 @@
.sectionSource
text-align: center
h2
- margin-top: 10%
+ margin-top: 3%
+ color: OliveDrab
diff --git a/style/style.css b/style/style.css
index 6e5d6bf..ddb2392 100644
--- a/style/style.css
+++ b/style/style.css
@@ -36,6 +36,60 @@ video {
padding: 0;
}
+#zoomIn {
+ display: none;
+ z-index: 100;
+}
+
+.zoomIn {
+ margin: 0;
+ position: absolute;
+ top: 35%;
+ left: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ z-index: 1;
+}
+
+.zoomIn img {
+ -webkit-animation-name: zoom_in;
+ animation-name: zoom_in;
+ -webkit-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+ display: block;
+ padding: 10px;
+ margin: auto;
+ max-width: 100%;
+ max-height: 100%;
+ -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.2);
+ z-index: 999;
+}
+
+@-webkit-keyframes zoom_in {
+ from {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ }
+ to {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+@keyframes zoom_in {
+ from {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ }
+ to {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
.my-btn {
background-color: rgba(255, 255, 255, 0.3);
color: black;
@@ -153,10 +207,6 @@ video {
content: '\f2be';
}
-.sectionMenu {
- margin-top: 12%;
-}
-
.sectionMenu .row {
padding-left: 20%;
padding-right: 20%;
@@ -188,16 +238,18 @@ video {
}
.sectionSource h2 {
- margin-top: 10%;
+ margin-top: 3%;
+ color: OliveDrab;
}
.sectionDocumentation {
- margin-top: 10%;
+ margin-top: 3%;
text-align: center;
}
.sectionDocumentation h2 {
margin-top: 5%;
+ color: OliveDrab;
}
.sectionDocumentation img {
diff --git a/style/style.css.map b/style/style.css.map
index 5985a47..9ddb55e 100644
--- a/style/style.css.map
+++ b/style/style.css.map
@@ -1,6 +1,6 @@
{
"version": 3,
- "mappings": "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",
+ "mappings": "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",
"sources": [
"style.sass",
"_variables.sass",
diff --git a/style/style.js b/style/style.js
index e627a12..eefc487 100644
--- a/style/style.js
+++ b/style/style.js
@@ -8,4 +8,16 @@ window.onscroll = function()
{
floatingButton.className ="my-floating-btn active";
}
-};
\ No newline at end of file
+};
+
+var zoomIn = document.getElementById('zoomIn');
+var imgItem = document.getElementById('imgItem');
+
+function showBgImg(e) {
+ zoomIn.style.display = 'block';
+ imgItem.src = e.src;
+}
+
+imgItem.onclick = function() {
+ zoomIn.style.display = 'none';
+}
\ No newline at end of file