backup everything to local gitea

README.md

@@ -0,0 +1,8 @@
+A site for restaurant. Build in JS and bootstrap. 
+Build in the course https://www.coursera.org/learn/bootstrap-4
+The course used an older version of node, so after update to v22.9.0 there are
+some bugs present. Also the sass processor package has been deprecated.
+To run it use the command:
+```bash
+npm start
+```

css/styles.css

@@ -1,67 +1,54 @@
 .row-header {
   margin: 0px auto;
-  padding: 0px 0px;
+  padding: 0px 0px; }
-}
+
 .row-content {
   margin: 0px auto;
   padding: 50px 0px;
   border-bottom: 1px ridge;
-  min-height: 400px;
+  min-height: 400px; }
-}
+
 .footer {
-  background-color: #d1c4e9;
+  background-color: #D1C4E9;
   margin: 0px auto;
-  padding: 20px 0px;
+  padding: 20px 0px; }
-}
+
 .jumbotron {
   margin: 0px auto;
   padding: 70px 30px;
-  background: #9575cd;
+  background: #9575CD;
-  color: floralwhite;
+  color: floralwhite; }
-}
+
 address {
   font-size: 80%;
   margin: 0px;
-  color: #0f0f0f;
+  color: #0f0f0f; }
-}
+
 body {
   padding: 50px 0px 0px 0px;
-  z-index: 0;
+  z-index: 0; }
-}
+
 .navbar-dark {
-  background-color: #512da8;
+  background-color: #512DA8; }
-}
+
 .tab-content {
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
-  padding: 10px;
+  padding: 10px; }
-}
+
 .carousel {
-  background: #512da8;
+  background: #512DA8; }
-}
+  .carousel .carousel-item {
-.carousel .carousel-item {
+    height: 300px; }
-  height: 300px;
+    .carousel .carousel-item img {
-}
+      position: absolute;
-.carousel .carousel-item img {
+      top: 0;
-  position: absolute;
+      left: 0;
-  top: 0;
+      min-height: 300px; }
-  left: 0;
+
-  min-height: 300px;
-}
 #carouselButton {
   right: 0px;
   position: absolute;
   bottom: 0px;
-  z-index: 1;
+  z-index: 1; }
-}
-.modal .modal-header {
-  background: #512da8;
-  color: floralwhite;
-}
-.modal .modal-body {
-  background: #d1c4e9;
-}
-.modal .close {
-  color: #d1c4e9;
-}

index.html

@@ -480,8 +480,8 @@
     <script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
     <script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
-    <script>
+  <script>
-      $("#carouselButton").click(function () {
+        $("#carouselButton").click(function () {
         if ($("#carouselButton").children("span").hasClass("fa-pause")) {
           $("#mycarousel").carousel("pause");
           $("#carouselButton").children("span").removeClass("fa-pause");
@@ -498,6 +498,9 @@
       $("#loginButton").click(function () {
         $("#loginModal").modal("show");
       });
-    </script>
+ </script>
-  </body>
+
+ </body>
+
+
 </html>

js/script.js

@@ -0,0 +1,18 @@
+      $("#carouselButton").click(function () {
+        if ($("#carouselButton").children("span").hasClass("fa-pause")) {
+          $("#mycarousel").carousel("pause");
+          $("#carouselButton").children("span").removeClass("fa-pause");
+          $("#carouselButton").children("span").addClass("fa-play");
+        } else if ($("#carouselButton").children("span").hasClass("fa-play")) {
+          $("#mycarousel").carousel("cycle");
+          $("#carouselButton").children("span").removeClass("fa-play");
+          $("#carouselButton").children("span").addClass("fa-pause");
+        }
+      });
+      $("#reserveButton").click(function () {
+        $("#reservationModal").modal("show");
+      });
+      $("#loginButton").click(function () {
+        $("#loginModal").modal("show");
+      });
+ 

package.json

@@ -11,15 +11,15 @@
   },
   "author": "",
   "license": "ISC",
-  "devDependencies": {
-    "lite-server": "^2.3.0",
-    "node-sass": "^7.0.3"
-  },
   "dependencies": {
-    "bootstrap": "^4.0.0",
+    "bootstrap": "^5.3.3",
     "bootstrap-social": "^5.1.1",
     "font-awesome": "^4.7.0",
-    "jquery": "^3.3.1",
+    "jquery": "^3.7.1",
-    "popper.js": "^1.12.9"
+    "popper.js": "^1.16.1"
+  },
+  "devDependencies": {
+    "lite-server": "^2.6.1",
+    "node-sass": "^9.0.0"
   }
 }