Added Profectus branding

README.md

@@ -1,4 +1,4 @@
-# the-modding-tree-x
+# Profectus
 
 ## Project setup
 ```

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "the-modding-tree-x",
+  "name": "profectus",
   "version": "0.1.0",
   "private": true,
   "scripts": {

public/index.html

@@ -11,6 +11,11 @@
 		<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Kalam&display=swap" rel="stylesheet">
 		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
+		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+		<link rel="manifest" href="/site.webmanifest">
+
 		<title><%= htmlWebpackPlugin.options.title %></title>
 
 	</head>

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"Profectus","short_name":"Profectus","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#2E3440","background_color":"#2E3440","display":"standalone"}

src/components/system/Info.vue

@@ -13,8 +13,7 @@
             <div v-if="shown">
                 <div v-if="author">By {{ author }}</div>
                 <div>
-                    Made in TMT-X, by thepaperpilot with inspiration from Acameada, Jacorb, and
+                    Made in Profectus, by thepaperpilot with inspiration from Acameada and Jacorb
-                    Aarex
                 </div>
                 <br />
                 <div class="link" @click="openChangelog">Changelog</div>
@@ -41,12 +40,6 @@
                         The Modding Tree
                     </a>
                 </div>
-                <div>
-                    <a href="https://discord.gg/wwQfgPa" class="info-modal-discord-link">
-                        <span class="material-icons info-modal-discord">discord</span>
-                        Jacorb's Games
-                    </a>
-                </div>
                 <br />
                 <div>Time Played: {{ timePlayed }}</div>
             </div>
@@ -61,6 +54,7 @@ import modInfo from "@/data/modInfo.json";
 import player from "@/game/player";
 import { formatTime } from "@/util/bignum";
 import { computed, ref, toRefs, unref } from "vue";
+import Profectus from "./Profectus.vue";
 
 const { title, logo, author, discordName, discordLink, versionNumber, versionTitle } = modInfo;
 

src/components/system/Nav.vue

@@ -22,9 +22,6 @@
                 <li>
                     <a href="https://discord.gg/F3xveHV" target="_blank">The Modding Tree</a>
                 </li>
-                <li>
-                    <a href="http://discord.gg/wwQfgPa" target="_blank">Jacorb's Games</a>
-                </li>
             </ul>
         </div>
         <div>
@@ -92,9 +89,6 @@
                 <li>
                     <a href="https://discord.gg/F3xveHV" target="_blank">The Modding Tree</a>
                 </li>
-                <li>
-                    <a href="http://discord.gg/wwQfgPa" target="_blank">Jacorb's Games</a>
-                </li>
             </ul>
         </div>
     </div>

src/components/system/Profectus.vue

@@ -0,0 +1,195 @@
+<template>
+    <transition appear>
+        <svg
+            id="eaRe02fYmMp1"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+            viewBox="0 0 228 521"
+            shape-rendering="geometricPrecision"
+            text-rendering="geometricPrecision"
+        >
+            <g id="P">
+                <path
+                    d="m 101,512.877 c -17.547386,-5.3519 -50.794681,-10.26296 -80,0 10.737201,-217.43031 5.7244,-300.999 0,-464.9995 0,0 46.6144,-37.1164 80,-42.00002 33.386,-4.883633 86.025,10.45942 120,50.00002 5,30 -4.353,106.6565 -44,156.0005 -34.149,42.5 -130,38.48 -130,92.999 0,102 54,208 54,208 z"
+                    style="
+                        display: inline;
+                        fill: none;
+                        stroke: rgb(163, 190, 140);
+                        stroke-width: 10;
+                        stroke-linecap: round;
+                        stroke-miterlimit: 16;
+                    "
+                    id="trunk"
+                    class="svg-elem-1"
+                ></path>
+                <path
+                    d="M 221,55.8775 C 209.023,126.453 185.39,166.835 158.997,191.5 93.783098,252.444 11.718998,217.436 46.999998,304.877"
+                    style="
+                        display: inline;
+                        fill: none;
+                        stroke: rgb(163, 190, 140);
+                        stroke-width: 5;
+                        stroke-linecap: round;
+                        stroke-miterlimit: 16;
+                    "
+                    id="vine2"
+                    class="svg-elem-2"
+                ></path>
+                <path
+                    d="m 194.5,188 c -11.225,4.447 -19.066,5.134 -35.503,3.5"
+                    style="
+                        display: inline;
+                        fill: none;
+                        stroke: rgb(163, 190, 140);
+                        stroke-width: 5;
+                        stroke-linecap: round;
+                        stroke-miterlimit: 16;
+                    "
+                    id="short_vine4"
+                    class="svg-elem-3"
+                ></path>
+                <path
+                    d="M 73.499996,246.5 C 111.145,245.626 127.011,238.775 156.5,228"
+                    style="
+                        display: inline;
+                        fill: none;
+                        stroke: rgb(163, 190, 140);
+                        stroke-width: 5;
+                        stroke-linecap: round;
+                        stroke-miterlimit: 16;
+                    "
+                    id="short_vine3"
+                    class="svg-elem-4"
+                ></path>
+                <path
+                    d="M 221,55.8775 C 169.5,17.8262 86.0943,44.9468 47,107 c -4.743,7.528 -7.1041,15.373 -8.326,24 -3.5282,24.91 2.4426,56.34 -12.0011,105.5"
+                    style="
+                        display: inline;
+                        fill: none;
+                        stroke: rgb(163, 190, 140);
+                        stroke-width: 5;
+                        stroke-linecap: round;
+                        stroke-miterlimit: 16;
+                    "
+                    id="vine1"
+                    class="svg-elem-5"
+                ></path>
+                <path
+                    d="M 21,47.8775 38.674,131"
+                    style="
+                        display: inline;
+                        fill: none;
+                        stroke: rgb(163, 190, 140);
+                        stroke-width: 5;
+                        stroke-linecap: round;
+                        stroke-miterlimit: 16;
+                    "
+                    id="short_vine2"
+                    class="svg-elem-6"
+                ></path>
+                <path
+                    d="m 3,326.5 c 13.1783,22.208 16.4863,42.834 21.6997,81"
+                    style="
+                        display: inline;
+                        fill: none;
+                        stroke: rgb(163, 190, 140);
+                        stroke-width: 5;
+                        stroke-linecap: round;
+                        stroke-miterlimit: 16;
+                    "
+                    id="short_vine1"
+                    class="svg-elem-7"
+                ></path>
+            </g>
+        </svg>
+    </transition>
+</template>
+
+<style scoped>
+svg {
+    background: #2e3440;
+}
+
+/***************************************************
+ * Generated by SVG Artista on 1/7/2022, 4:39:47 PM
+ * MIT license (https://opensource.org/licenses/MIT)
+ * W. https://svgartista.net
+ **************************************************/
+
+svg .svg-elem-1 {
+    stroke-dashoffset: 2648.758056640625px;
+    stroke-dasharray: 1324.3790283203125px;
+    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
+}
+
+svg.v-enter-from .svg-elem-1,
+svg.v-leave-to .svg-elem-1 {
+    stroke-dashoffset: 1324.3790283203125px;
+}
+
+svg .svg-elem-2 {
+    stroke-dashoffset: 680.4000854492188px;
+    stroke-dasharray: 340.2000427246094px;
+    transition: stroke-dashoffset 1s ease-out 0.4s;
+}
+
+svg.v-enter-from .svg-elem-2,
+svg.v-leave-to .svg-elem-2 {
+    stroke-dashoffset: 340.2000427246094px;
+}
+
+svg .svg-elem-3 {
+    stroke-dashoffset: 76.21031951904297px;
+    stroke-dasharray: 38.105159759521484px;
+    transition: stroke-dashoffset 1s ease-out 0.8s;
+}
+
+svg.v-enter-from .svg-elem-3,
+svg.v-leave-to .svg-elem-3 {
+    stroke-dashoffset: 38.105159759521484px;
+}
+
+svg .svg-elem-4 {
+    stroke-dashoffset: 175.18072509765625px;
+    stroke-dasharray: 87.59036254882812px;
+    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
+}
+
+svg.v-enter-from .svg-elem-4,
+svg.v-leave-to .svg-elem-4 {
+    stroke-dashoffset: 87.59036254882812px;
+}
+
+svg .svg-elem-5 {
+    stroke-dashoffset: 671.9447021484375px;
+    stroke-dasharray: 335.97235107421875px;
+    transition: stroke-dashoffset 1s ease-out 0.8s;
+}
+
+svg.v-enter-from .svg-elem-5,
+svg.v-leave-to .svg-elem-5 {
+    stroke-dashoffset: 335.97235107421875px;
+}
+
+svg .svg-elem-6 {
+    stroke-dashoffset: 173.96141052246094px;
+    stroke-dasharray: 86.98070526123047px;
+    transition: stroke-dashoffset 1s ease-out 1s;
+}
+
+svg.v-enter-from .svg-elem-6,
+svg.v-leave-to .svg-elem-6 {
+    stroke-dashoffset: 86.98070526123047px;
+}
+
+svg .svg-elem-7 {
+    stroke-dashoffset: 172.99151611328125px;
+    stroke-dasharray: 86.49575805664062px;
+    transition: stroke-dashoffset 1s ease-out 0.85s;
+}
+
+svg.v-enter-from .svg-elem-7,
+svg.v-leave-to .svg-elem-7 {
+    stroke-dashoffset: 86.49575805664062px;
+}
+</style>

src/data/mod.tsx

@@ -1,4 +1,5 @@
 import Modal from "@/components/system/Modal.vue";
+import Profectus from "@/components/system/Profectus.vue";
 import Spacer from "@/components/system/Spacer.vue";
 import { jsx } from "@/features/feature";
 import { createResource, trackBest, trackOOMPS, trackTotal } from "@/features/resource";
@@ -89,6 +90,7 @@ export const main = createLayer(() => {
                     }}
                 />
                 {render(tree)}
+                <Profectus height="200px" style="margin: 10px auto; display: block" />
             </>
         )),
         points,

src/data/modInfo.json

@@ -1,6 +1,6 @@
 {
-	"title": "The Modding Tree X",
+	"title": "Profectus",
-	"id": "tmt-x",
+	"id": "profectus-demo",
 	"author": "thepaperpilot",
 	"discordName": "The Paper Pilot Community",
 	"discordLink": "https://discord.gg/WzejVAx",
@@ -13,7 +13,7 @@
 	"defaultDecimalsShown": 2,
 	"useHeader": true,
 	"banner": null,
-	"logo": null,
+	"logo": "Logo.png",
 	"initialTabs": [ "main", "c" ],
 
 	"maxTickLength": 3600,

src/main.ts

@@ -34,7 +34,7 @@ declare global {
 
 requestAnimationFrame(async () => {
     console.log(
-        "%cMade in TMT-X%c\nLearn more at www.moddingtree.com",
+        "%cMade in Profectus%c\nLearn more at www.moddingtree.com",
         "font-weight: bold; font-size: 24px; color: #A3BE8C; background: #2E3440; padding: 4px 8px; border-radius: 8px;",
         "padding: 4px;"
     );