SYNC_AMEND

Angel-of-Dev · Feb 6, 2025 · 5d84dc5 · 5d84dc5
commit 5d84dc5
Show file tree

Hide file tree

Showing 47 changed files with 19,099 additions and 0 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,6 @@
+[*.{js,ts,vue,md}]
+charset = utf-8
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+end_of_line = lf
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,40 @@
+name: Angel-of-Dev
+on:
+  workflow_dispatch:
+  push:
+    branches: [ bereshit ]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: corepack enable
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+      # Pick your own package manager and build script
+      - run: npm install
+      - run: npx nuxt build --preset github_pages
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./.output/public
+  # Deployment job
+  deploy:
+    # Add a dependency to the build job
+    needs: build
+    # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
+    permissions:
+      pages: write      # to deploy to Pages
+      id-token: write   # to verify the deployment originates from an appropriate source
+    # Deploy to the github_pages environment
+    environment:
+      name: github_pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    # Specify runner + deployment step
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
+
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -0,0 +1,14 @@
+{
+    "$schema": "https://json.schemastore.org/prettierrc",
+    "tabWidth": 4,
+    "semi": true,
+    "singleQuote": false,
+    "trailingComma": "none",
+    "vueIndentScriptAndStyle": true,
+    "singleAttributePerLine": false,
+    "printWidth": 180,
+    "proseWrap": "always",
+    "bracketSpacing": false,
+    "bracketSameLine": true,
+    "quoteProps": "consistent"
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/angel-of-dev.code-workspace b/angel-of-dev.code-workspace
@@ -0,0 +1,8 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {}
+}
diff --git a/app.vue b/app.vue
@@ -0,0 +1,6 @@
+<script></script>
+<template>
+    <NuxtLayout>
+        <NuxtPage />
+    </NuxtLayout>
+</template>
diff --git a/assets/base/css/colors.css b/assets/base/css/colors.css
@@ -0,0 +1,86 @@
+@layer base {
+    /*
+        This is a complete list of colors in use.
+
+        Every key color is defined by six variables:
+            * --color-<name>            - key color itself
+            * --color-<name>-w<1-3>     - key color shades moving towards white
+            * --color-<name>-b<1-3>     - key color shades moving towards black
+
+        All definitions follow the same shade-order, from the lightest to the darkest.
+        Some colors have additional aliased names, for example pencils are also accessible using "HB"-naming.
+     */
+    :root {
+        --color-pencil-w3: oklch(0.66 0 90);
+        --color-pencil-w2: oklch(0.56 0 90);
+        --color-pencil-w1: oklch(0.46 0 90);
+        --color-pencil: oklch(0.36 0 90);
+        --color-pencil-b1: oklch(0.32 0 90);
+        --color-pencil-b2: oklch(0.28 0 90);
+        --color-pencil-b3: oklch(0.24 0 90);
+
+        --color-H3: var(--color-pencil-w3);
+        --color-H2: var(--color-pencil-w2);
+        --color-H1: var(--color-pencil-w1);
+        --color-HB: var(--color-pencil);
+        --color-B1: var(--color-pencil-b1);
+        --color-B2: var(--color-pencil-b2);
+        --color-B3: var(--color-pencil-b3);
+
+        --color-khaki-w3: oklch(0.92 0.046 71.531);
+        --color-khaki-w2: oklch(0.87 0.046 71.531);
+        --color-khaki-w1: oklch(0.82 0.046 71.531);
+        --color-khaki: oklch(0.77 0.046 71.531);
+        --color-khaki-b1: oklch(0.72 0.046 71.531);
+        --color-khaki-b2: oklch(0.67 0.046 71.531);
+        --color-khaki-b3: oklch(0.62 0.046 71.531);
+
+        --color-BG-w3: var(--color-khaki-w3);
+        --color-BG-w2: var(--color-khaki-w2);
+        --color-BG-w1: var(--color-khaki-w1);
+        --color-BG: var(--color-khaki);
+        --color-BG-b1: var(--color-khaki-b1);
+        --color-BG-b2: var(--color-khaki-b2);
+        --color-BG-b3: var(--color-khaki-b3);
+
+        --color-brown-w3: oklch(0.53 0.046 71.531);
+        --color-brown-w2: oklch(0.48 0.046 71.531);
+        --color-brown-w1: oklch(0.43 0.039 61);
+        --color-brown: oklch(0.38 0.039 61);
+        --color-brown-b1: oklch(0.34 0.046 71.531);
+        --color-brown-b2: oklch(0.3 0.046 71.531);
+        --color-brown-b3: oklch(0.26 0.046 71.531);
+
+        --color-red-w3: oklch(0.68 0.135 31);
+        --color-red-w2: oklch(0.58 0.135 31);
+        --color-red-w1: oklch(0.48 0.135 31);
+        --color-red: oklch(0.4 0.135 31);
+        --color-red-b1: oklch(0.35 0.135 31);
+        --color-red-b2: oklch(0.3 0.135 31);
+        --color-red-b3: oklch(0.25 0.135 31);
+
+        --color-blue-w3: oklch(0.7 0.1 250);
+        --color-blue-w2: oklch(0.6 0.1 250);
+        --color-blue-w1: oklch(0.5 0.1 250);
+        --color-blue: oklch(0.4 0.1 250);
+        --color-blue-b1: oklch(0.35 0.1 250);
+        --color-blue-b2: oklch(0.3 0.1 250);
+        --color-blue-b3: oklch(0.25 0.1 250);
+
+        --color-slate-w3: oklch(0.55 0.05 250);
+        --color-slate-w2: oklch(0.5 0.05 250);
+        --color-slate-w1: oklch(0.45 0.05 250);
+        --color-slate: oklch(0.4 0.05 250);
+        --color-slate-b1: oklch(0.35 0.05 250);
+        --color-slate-b2: oklch(0.3 0.05 250);
+        --color-slate-b3: oklch(0.25 0.05 250);
+
+        --color-yellow-w3: oklch(1 0.18 95);
+        --color-yellow-w2: oklch(0.96 0.18 95);
+        --color-yellow-w1: oklch(0.92 0.18 95);
+        --color-yellow: oklch(0.88 0.18 95);
+        --color-yellow-b1: oklch(0.84 0.18 95);
+        --color-yellow-b2: oklch(0.8 0.18 95);
+        --color-yellow-b3: oklch(0.76 0.18 95);
+    }
+}
diff --git a/assets/base/css/containers.css b/assets/base/css/containers.css
@@ -0,0 +1,8 @@
+@layer base {
+    body {
+        width: 100%;
+        background-color: var(--color-background);
+        margin: auto;
+        overflow-y: scroll;
+    }
+}
diff --git a/assets/base/css/cursors.css b/assets/base/css/cursors.css
@@ -0,0 +1,7 @@
+@layer base {
+    @media (prefers-reduced-motion: reduce) {
+        * {
+            cursor: auto;
+        }
+    }
+}
diff --git a/assets/base/css/fonts.css b/assets/base/css/fonts.css
@@ -0,0 +1,88 @@
+@import url("https://fonts.googleapis.com/css2?family=Fira+Code:[email protected]&family=Quicksand:[email protected]&display=swap");
+@font-face {
+    font-family: "Essays 1743";
+    src: url("../fonts/Essays1743.ttf");
+    src:
+        local("Essays 1743"),
+        url("../fonts/Essays1743.ttf") format("truetype");
+    font-weight: normal;
+    font-style: normal;
+}
+
+@layer base {
+    :root {
+        --font-essays: "Essays 1743", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif;
+        --font-quicksand: Quicksand, serif;
+        --font-fira-code: "Fira Code", monospace;
+    }
+
+    .font-fira-code-300 {
+        font-family: "Fira Code", serif;
+        font-optical-sizing: auto;
+        font-weight: 300;
+        font-style: normal;
+    }
+
+    .font-fira-code-400 {
+        font-family: "Fira Code", serif;
+        font-optical-sizing: auto;
+        font-weight: 400;
+        font-style: normal;
+    }
+
+    .font-fira-code-500 {
+        font-family: "Fira Code", serif;
+        font-optical-sizing: auto;
+        font-weight: 500;
+        font-style: normal;
+    }
+
+    .font-fira-code-600 {
+        font-family: "Fira Code", serif;
+        font-optical-sizing: auto;
+        font-weight: 600;
+        font-style: normal;
+    }
+
+    .font-fira-code-700 {
+        font-family: "Fira Code", serif;
+        font-optical-sizing: auto;
+        font-weight: 700;
+        font-style: normal;
+    }
+
+    .font-quicksand-300 {
+        font-family: "Quicksand", serif;
+        font-optical-sizing: auto;
+        font-weight: 300;
+        font-style: normal;
+    }
+
+    .font-quicksand-400 {
+        font-family: "Quicksand", serif;
+        font-optical-sizing: auto;
+        font-weight: 400;
+        font-style: normal;
+    }
+
+    .font-quicksand-500 {
+        font-family: "Quicksand", serif;
+        font-optical-sizing: auto;
+        font-weight: 500;
+        font-style: normal;
+    }
+
+    .font-quicksand-600 {
+        font-family: "Quicksand", serif;
+        font-optical-sizing: auto;
+        font-weight: 600;
+        font-style: normal;
+    }
+
+    .font-quicksand-700 {
+        font-family: "Quicksand", serif;
+        font-optical-sizing: auto;
+        font-weight: 700;
+        font-style: normal;
+    }
+}
diff --git a/assets/base/css/print.css b/assets/base/css/print.css
@@ -0,0 +1,17 @@
+@media print {
+    [print-exact],
+    .print-exact {
+        -webkit-print-color-adjust: exact;
+    }
+
+    :not([print-exact]):not(.print-exact) {
+        background-color: unset;
+    }
+
+    img,
+    [print-exclude],
+    .print-exclude {
+        float: none !important;
+        display: none !important;
+    }
+}