1.0.14

package.json

@@ -1,6 +1,6 @@
 {
   "name": "troplo-site",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "private": true,
   "scripts": {
     "serve": "NODE_OPTIONS=--openssl-legacy-provider vue-cli-service serve",

src/App.vue

@@ -1,6 +1,10 @@
 <template>
   <v-app>
-    <v-main>
+    <v-main v-if="outages.length">
+      <v-alert class="mb-0 p-0" text color="red" :value="true" tile icon="mdi-alert-circle">
+        You might be currently experiencing problems with:
+        {{outageName}}.
+      </v-alert>
       <Header></Header>
       <router-view />
     </v-main>
@@ -15,13 +19,25 @@ export default {
     Header
   },
   data: () => ({
-    //
+    outages: []
   }),
   watch: {
     $route(to) {
       this.$store.commit("setRoute", to.name)
       document.title = to.name + " - " + this.$store.state.site.name
     }
+  },
+  computed: {
+    outageName() {
+      return this.outages.map((o) => o.attributes.pronounceable_name).join(", ")
+    }
+  },
+  mounted() {
+    fetch("https://troplo-status.flowinity.workers.dev")
+      .then((res) => res.json())
+      .then((data) => {
+        this.outages = data.data.filter((d) => d.attributes.status !== "up")
+      })
   }
 }
 </script>

src/assets/style.css

@@ -19,10 +19,17 @@
     -webkit-text-fill-color: transparent;
 }
 .theme--dark.v-sheet {
+    background-color: #151515 ;
+    border-color: #151515;
+    color: #ffffff;
+}
+
+#header .theme--dark.v-sheet {
     background-color: #151515 !important;
     border-color: #151515 !important;
     color: #ffffff;
 }
+
 .card {
     overflow: hidden;
 }

src/components/FlowinityLogo.vue

@@ -0,0 +1,30 @@
+<template>
+  <svg viewBox="0 0 902 902" xmlns="http://www.w3.org/2000/svg">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M418.455 0.303628C368.601 3.53963 317.099 15.4736 274.671 33.6216C247.274 45.3406 230.542 54.3696 204.955 71.2386C176.877 89.7506 157.205 105.979 130.432 132.715C92.391 170.705 65.015 208.32 43.462 252.215C24.648 290.532 12.494 328.601 5.50901 371.098C0.525014 401.415 -0.0489904 409.979 0.00300957 453.215C0.0460096 488.587 0.307011 495.159 2.26401 510.012C12.064 584.424 36.235 647.831 76.868 705.715C88.227 721.897 108.825 746.978 121.86 760.5V760.5C123.716 762.425 126.973 761.118 126.983 758.444L127.455 635.5L127.933 510.88C127.948 507.16 128.87 503.498 130.62 500.215V500.215C134.346 493.224 140.794 486.918 147.366 483.836C152.023 481.652 154.372 481.215 161.455 481.215C168.538 481.215 170.887 481.652 175.544 483.836C182.369 487.037 188.65 493.382 192.253 500.715V500.715C194.031 504.333 194.959 508.311 194.965 512.342L195.22 665.376L195.464 811.774C195.477 819.73 199.528 827.136 206.22 831.44V831.44C219.113 839.731 233.998 848.715 234.844 848.715C235.18 848.715 235.455 724.137 235.455 571.875C235.455 301.89 235.503 294.849 237.38 287.507C243.152 264.94 260.408 246.135 281.881 239.012C289.036 236.639 291.492 236.334 303.455 236.334C315.418 236.334 317.874 236.639 325.029 239.012C346.502 246.135 363.758 264.94 369.53 287.507C371.409 294.855 371.455 302.194 371.455 595.356V893.375C371.455 894.718 372.392 895.879 373.705 896.164V896.164C376.489 896.767 387.479 898.218 401.955 899.893C414.535 901.348 479.439 901.702 491.685 900.382V900.382C496.084 899.907 499.42 896.197 499.426 891.773L499.685 708.382L499.943 525.666C499.951 520.069 500.875 514.512 502.679 509.215V509.215C506.467 498.094 511.754 489.557 519.98 481.282C527.75 473.464 535.038 468.745 545.213 464.94C553.437 461.865 572.642 460.71 582.746 462.683C605.287 467.084 624.838 484.756 633.131 508.225V508.225C635 513.513 635.963 519.08 635.979 524.689L636.455 689.875L636.913 848.991C636.932 855.678 643.978 860.012 649.955 857.013V857.013C664.911 849.51 682.159 839.593 695.901 830.595V830.595C701.863 826.692 705.455 820.046 705.455 812.92V583.211C705.455 413.319 705.777 340.339 706.546 336.18C708.763 324.185 716.558 313.757 727.23 308.507C733.573 305.387 734.5 305.215 744.939 305.219C755.049 305.222 758.649 305.954 763.5 308.507C774.055 314.061 779.116 322.479 781.905 333.185C783.281 338.467 783.455 362.492 783.455 547.048C783.455 741.465 783.564 754.871 785.131 753.587C786.054 752.833 791.159 746.998 796.477 740.621C856.831 668.25 888.647 594.484 899.156 502.556C901.658 480.679 901.662 423.739 899.164 401.215C893.347 348.771 882.256 306.938 862.869 264.33C824.083 179.088 751.55 100.867 667.955 54.1346C618.093 26.2596 566.07 9.88263 502.955 2.19063C490.626 0.687629 432.526 -0.609372 418.455 0.303628Z"
+      :fill="fill ? fill : $vuetify.theme.dark ? 'white' : 'black'"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    gradient1: {
+      type: String,
+      default: "white"
+    },
+    gradient2: {
+      type: String,
+      default: "white"
+    },
+    fill: {
+      type: String
+    }
+  }
+};
+</script>
+
+<style scoped></style>

src/views/Contact.vue

@@ -13,7 +13,8 @@
         >
           <v-card class="rounded-xl" elevation="8">
             <br />
-            <v-icon>{{ contact.icon }}</v-icon>
+            <v-icon v-if="contact.icon">{{ contact.icon }}</v-icon>
+            <FlowinityLogo style="width:24px" v-else/>
             <v-card-title class="justify-center">{{
               contact.title
             }}</v-card-title>
@@ -29,11 +30,20 @@
 </template>
 
 <script>
+import FlowinityLogo from "@/components/FlowinityLogo.vue"
+
 export default {
   name: "Contact",
   data() {
     return {
       contacts: [
+        {
+          id: 0,
+          icon: null,
+          title: "Flowinity",
+          displayName: "Troplo",
+          url: "https://flowinity.com/u/Troplo"
+        },
         {
           id: 1,
           icon: "mdi-email",
@@ -89,16 +99,12 @@ export default {
           title: "Gitea",
           displayName: "Troplo",
           url: "https://git.troplo.com/Troplo"
-        },
-        {
-          id: 7,
-          icon: "mdi-gitlab",
-          title: "GitLab",
-          displayName: "Troplo",
-          url: "https://gitlab.com/Troplo"
         }
       ]
     }
+  },
+  components: {
+    FlowinityLogo
   }
 }
 </script>

src/views/Projects.vue

@@ -126,7 +126,7 @@ export default {
         },*/
         {
           id: 2,
-          name: "TroploPrivateUploader (TPU)",
+          name: "Flowinity",
           internalName: "proj01",
           tags: [
             {
@@ -164,16 +164,16 @@ export default {
             }
           ],
           description:
-            "The versatile image hosting service, now for everyone with a unique feature-set.",
+            "The versatile online social and collaborative platform.",
           visible: true,
           links: [
             {
               name: "Website",
-              link: "https://privateuploader.com"
+              link: "https://flowinity.com"
             },
             {
               name: "GitHub",
-              link: "https://github.com/PrivateUploader/PrivateUploader"
+              link: "https://github.com/Flowinity/Flowinity"
             }
           ]
         },
@@ -210,7 +210,7 @@ export default {
             },
           ],
           description:
-              "NOTE: Colubrina is now part of TroploPrivateUploader as TPU Communications.\n\nColubrina - a simple open source chat platform written in Vue, Vuetify, NodeJS, and Socket.io.",
+              "NOTE: Colubrina is now part of Flowinity as Flowinity Communications.\n\nColubrina - a simple open source chat platform written in Vue, Vuetify, NodeJS, and Socket.io.",
           visible: true,
           links: [
             {
@@ -457,7 +457,7 @@ export default {
               "Open source project tracking software written in Vue.js.",
           visible: true,
           links: {}
-        },
+        },/*
         {
           id: 6,
           name: "Flowinity",
@@ -473,7 +473,7 @@ export default {
           description: "A tech blog.",
           visible: true,
           links: {}
-        },
+        },*/
         {
           id: 7,
           name: "Troplo's Website",