Reduce rate limit to 15

manifest-template.yaml

@@ -115,7 +115,7 @@ spec:
       containers:
         - name: badger-ui
           # image: "ghcr.io/wahyd4/badger/ui:{{IMAGE_VERSION}}"
-          image: "ghcr.io/wahyd4/badger/ui:v0.1.152"
+          image: "ghcr.io/wahyd4/badger/ui:v0.1.2"
           securityContext:
             runAsUser: 0
           imagePullPolicy: Always
@@ -170,8 +170,8 @@ metadata:
     kubernetes.io/tls-acme: "true"
     cert-manager.io/cluster-issuer: "letsencrypt-prod"
     nginx.ingress.kubernetes.io/global-rate-limit-window: 1m
-    nginx.ingress.kubernetes.io/global-rate-limit: "20"
-    nginx.ingress.kubernetes.io/limit-rpm: "20"
+    nginx.ingress.kubernetes.io/global-rate-limit: "15"
+    nginx.ingress.kubernetes.io/limit-rpm: "15"
 spec:
   tls:
     - hosts:

www/package-lock.json

@@ -15468,8 +15468,10 @@
       "version": "9.0.0",
       "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-9.0.0.tgz",
       "integrity": "sha512-yltEuuLrfH6M7Pq2gAj5B6Zm7m+gdZoG66wTqG6mIZV/zijq3M2OO2HswtT6oBspPyFhHDcaxWpsBm0fRNDHPg==",
+      "deprecated": "Node Sass is no longer supported. Please use `sass` or `sass-embedded` instead.",
       "dev": true,
       "hasInstallScript": true,
+      "license": "MIT",
       "dependencies": {
         "async-foreach": "^0.1.3",
         "chalk": "^4.1.2",

www/pages/index.vue

@@ -3,8 +3,8 @@
     <b-container fluid="lg">
       <b-row class="row-space">
         <b-col lg="4" offset-lg="4">
-          <div class="intro">
-            <img src="/images/my-badge.png" />
+          <div class="intro text-center">
+            <img src="/images/my-badge.png" class="intro-image" />
           </div>
         </b-col>
       </b-row>
@@ -29,19 +29,19 @@
               variant="light"
               :pressed="isBadgeActive('green')"
               @click="updateBadgeText('green')"
-              ><img :src="myBadge('green')"
+              ><img :src="myBadge('green')" class="badge-image"
             /></b-button>
             <b-button
               variant="light"
               :pressed="isBadgeActive('blue')"
               @click="updateBadgeText('blue')"
-              ><img :src="myBadge('blue')"
+              ><img :src="myBadge('blue')" class="badge-image"
             /></b-button>
             <b-button
               variant="light"
-              :pressed="isBadgeActive('organe')"
+              :pressed="isBadgeActive('orange')"
               @click="updateBadgeText('orange')"
-              ><img :src="myBadge('orange')"
+              ><img :src="myBadge('orange')" class="badge-image"
             /></b-button>
           </b-button-group>
         </b-col>
@@ -86,8 +86,8 @@
         <p></p>
         <p class="lead">
           Badger generates a unique SVG image for your web page, requests gets
-          calcaulted and reflected on the value of the Badge. <br />
-          Think about this is simplifed Google Analytics on a static page
+          calculated and reflected on the value of the Badge. <br />
+          Think about this is simplified Google Analytics on a static page
           without any JS script, isn't this neat?
           <br />
         </p>
@@ -115,7 +115,7 @@
           />
           <h2>No setup no cost</h2>
           <p class="text-left">
-            Just copy the generated unique script to your markdown fiel and wait
+            Just copy the generated unique script to your markdown file and wait
             for the first person to browse your page.
           </p>
         </div>