Update .gitlab-ci.yml

changing name

See merge request ChaotiCryptidz/food!1

.gitlab-ci.yml

@@ -2,7 +2,7 @@ pages:
   stage: deploy
   image: docker.io/library/alpine:edge
   script:
-    - apk add nodejs npm git
+    - apk add nodejs npm python3 git alpine-sdk
     - npm install --save-dev
     - npx webpack
     - mv dist public

package.json

@@ -5,20 +5,21 @@
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^4.0.0",
     "html-webpack-plugin": "^5.5.0",
-    "mini-css-extract-plugin": "^2.6.0",
+    "mini-css-extract-plugin": "^2.6.1",
     "node-sass": "^7.0.1",
-    "sass-loader": "^13.0.0",
-    "ts-loader": "^9.3.0",
-    "typescript": "^4.7.2",
-    "webpack": "^5.73.0",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.9.1",
-    "postcss-loader": "^7.0.0"
+    "postcss-loader": "^7.0.1",
+    "sass-loader": "^13.0.2",
+    "style-loader": "^3.3.1",
+    "ts-loader": "^9.3.1",
+    "typescript": "^4.7.4",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.9.3"
   },
   "dependencies": {
     "@fontsource/comic-neue": "^4.5.8",
     "@fontsource/opendyslexic": "^4.5.4",
-    "bootstrap": "^5.1.3",
-    "preact": "^10.7.3"
+    "bootstrap": "^5.2.0",
+    "preact": "^10.10.0"
   }
 }

src/mainPage.tsx

@@ -56,8 +56,8 @@ export class MainPage extends Component<unknown, { toggles: FoodExcludeTypes }>
 
   render() {
     return <>
-      <h1 class="mt-5">Chaos's Food Likes/Dislikes</h1>
-      <p class="lead">a hopefully helpful guide on what food we like?</p>
+      <h1 class="mt-5">chaos's Food Likes/Dislikes</h1>
+      <p class="lead">a hopefully helpful guide on what food i like?</p>
 
       <br />
 
@@ -122,7 +122,7 @@ export class MainPage extends Component<unknown, { toggles: FoodExcludeTypes }>
 
       <br />
 
-      <FoodItemsContainer title="Breakfast" extra="don't often have breakfast, but this is what we would have">
+      <FoodItemsContainer title="Breakfast" extra="don't often have breakfast, but this is what i would have">
         <FoodItem title="Marmite Toast" />
         <FoodItem title="Bagels" />
         <AdvancedFoodItem title="Jam Toast" extra={"light thin layer of jam, not chunky jam; jams like cloudberry, strawberry, raspberry, orange"} />
@@ -200,7 +200,7 @@ export class MainPage extends Component<unknown, { toggles: FoodExcludeTypes }>
       <br />
 
       <FoodItemsContainer title="Sensory Bads (Do Not Like)">
-        <AdvancedFoodItem title="Anything Bitter" extra="We are very sensitive to bitter things; way more than most ppl we know; even toast can sometimes be too bitter;" />
+        <AdvancedFoodItem title="Anything Bitter" extra="We are very sensitive to bitter things; way more than most ppl i know; even toast can sometimes be too bitter;" />
         <AdvancedFoodItem title="Lettuce" extra="Horrible crunch; only sometimes like the flat leafy kind but only nibbling on the lighter green parts" />
         <AdvancedFoodItem title="Spinach Stalks" extra={"Is fine if flattened & Stalks are removed; Is also fine pureed as can't texture then"} />
         <AdvancedFoodItem title="Onion" extra={"Too Crunchy; somewhat ok if cooked to remove all texture, fine as a powder or puree but not too sharp tasting"} />

src/theme.scss

@@ -12,8 +12,11 @@ $font-sans-serif: $fonts-comic-sans-neue;
 // Configuration
 @import "../node_modules/bootstrap/scss/functions";
 @import "../node_modules/bootstrap/scss/variables";
+@import "../node_modules/bootstrap/scss/maps";
 @import "../node_modules/bootstrap/scss/mixins";
 @import "../node_modules/bootstrap/scss/utilities";
+@import "../node_modules/bootstrap/scss/helpers";
+@import "../node_modules/bootstrap/scss/utilities/api";
 
 // Layout & components
 @import "../node_modules/bootstrap/scss/root";

webpack-dev.config.js

@@ -23,11 +23,11 @@ module.exports = {
     devtool: "eval-source-map",
     plugins: [
         new HtmlWebpackPlugin({
-            title: "Chaos's Food Likes/Dislikes",
+            title: "chaos's Food Likes/Dislikes",
             aseUrl: './',
             meta: {
-                'og:title': { property: 'og:title', content: "Chaos's Food Likes/Dislikes" },
-                'og:description': { property: 'og:description', content: "A list for all the foods we like, dislike and find ourselves unable to eat due to sensory difficulties." },
+                'og:title': { property: 'og:title', content: "chaos's Food Likes/Dislikes" },
+                'og:description': { property: 'og:description', content: "A list for all the foods I like, dislike and find myself unable to eat due to sensory difficulties." },
             },
         })
     ],

webpack.config.js

@@ -22,11 +22,11 @@ module.exports = {
   },
   plugins: [
     new HtmlWebpackPlugin({
-      title: "Chaos's Food Likes/Dislikes",
+      title: "chaos's Food Likes/Dislikes",
       aseUrl: './',
       meta: {
-        'og:title': { property: 'og:title', content: "Chaos's Food Likes/Dislikes" },
-        'og:description': { property: 'og:description', content: "A list for all the foods we like, dislike and find ourselves unable to eat due to sensory difficulties." },
+        'og:title': { property: 'og:title', content: "chaos's Food Likes/Dislikes" },
+        'og:description': { property: 'og:description', content: "A list for all the foods I like, dislike and find myself unable to eat due to sensory difficulties." },
       },
     }),
     new MiniCssExtractPlugin(),