Initial commit

2026-06-06 03:32:06 +00:00 · 2026-02-07 14:43:43 +01:00
commit 6955d2588f
37 changed files with 12950 additions and 0 deletions
@@ -0,0 +1,14 @@
+import '@quasar/extras/material-icons/material-icons.css';
+import '@quasar/extras/roboto-font/roboto-font.css';
+import { createHead } from '@unhead/vue/client';
+import { Dark, Quasar } from 'quasar';
+import 'quasar/src/css/index.sass';
+import { createApp } from 'vue';
+import App from './main.vue';
+
+const app = createApp(App);
+const head = createHead();
+app.use(Quasar);
+app.use(head);
+app.mount('#app');
+Dark.set(true);
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { useHead } from '@unhead/vue';
+import { ref } from 'vue';
+import { exampleReplicant } from '../../browser_shared/replicants';
+import type { ExampleType } from '../../types';
+
+useHead({ title: 'example' }); // set the title of this page
+const text = ref('Example');
+
+// Example code: accessing normal types.
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const exampleType: ExampleType = { exampleProperty: 'exampleString' };
+</script>
+
+<template>
+  <div>
+    {{ text }}
+    <br><br>
+    <img
+      src="./image.png"
+      :style="{ width: '100%' }"
+    >
+    <br><br>
+    <QBtn
+      color="primary"
+      label="Example"
+    />
+    <br><br>
+    <!-- Example code: accessing a replicant. -->
+    {{ exampleReplicant?.data?.exampleProperty }}
+  </div>
+</template>
@@ -0,0 +1,11 @@
+$primary   : #00BEBE // NodeCG primary colour
+$secondary : #26A69A
+$accent    : #9C27B0
+
+$dark      : #1D1D1D
+$dark-page : #121212
+
+$positive  : #21BA45
+$negative  : #C10015
+$info      : #31CCEC
+$warning   : #F2C037
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <style>
+      body {
+        background-color: #2F3A4F !important; /* force body background to original NodeCG colour */
+        margin: 15px !important; /* force body to have original NodeCG padding */
+        width: unset !important; /* unset quasar width */
+        min-width: unset !important; /* unset quasar min-width */
+        font-size: unset !important; /* unset quasar font-size */
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>