From 9be8cabb41c52bfd0ba038549a10ec5d52e25318 Mon Sep 17 00:00:00 2001 From: SadlyNotSappho Date: Tue, 23 May 2023 15:58:23 -0700 Subject: [PATCH] start re-writing root with plain html --- about/assets/colors.css | 105 ++++++++++-------- about/assets/index.css | 21 ++-- about/assets/index.js | 0 about/index.html | 4 +- {root => root-vue}/.eslintrc.cjs | 0 {root => root-vue}/.prettierrc.json | 0 {root => root-vue}/dontusethis.json | 0 {root => root-vue}/env.d.ts | 0 root-vue/index.html | 13 +++ {root => root-vue}/package-lock.json | 0 {root => root-vue}/package.json | 0 {root => root-vue}/public/favicon.ico | Bin {root => root-vue}/src/App.vue | 2 +- {root => root-vue}/src/assets/base.css | 0 {root => root-vue}/src/assets/logo.svg | 0 {root => root-vue}/src/assets/main.css | 0 {root => root-vue}/src/assets/pfp.png | Bin .../src/assets/sorta-jank-on-mobile.png | Bin .../src/assets/stock-image-of-cat.webp | Bin .../src/components/HelloWorld.vue | 0 {root => root-vue}/src/components/TopBar.vue | 0 {root => root-vue}/src/components/Video.vue | 0 {root => root-vue}/src/main.ts | 0 {root => root-vue}/tsconfig.json | 0 {root => root-vue}/tsconfig.node.json | 0 {root => root-vue}/vite.config.ts | 0 root/assets/colors.css | 60 ++++++++++ root/assets/index.css | 54 +++++++++ root/assets/pfp.png | Bin 0 -> 94894 bytes root/index.html | 44 ++++++-- 30 files changed, 234 insertions(+), 69 deletions(-) delete mode 100644 about/assets/index.js rename {root => root-vue}/.eslintrc.cjs (100%) rename {root => root-vue}/.prettierrc.json (100%) rename {root => root-vue}/dontusethis.json (100%) rename {root => root-vue}/env.d.ts (100%) create mode 100755 root-vue/index.html rename {root => root-vue}/package-lock.json (100%) rename {root => root-vue}/package.json (100%) rename {root => root-vue}/public/favicon.ico (100%) rename {root => root-vue}/src/App.vue (97%) rename {root => root-vue}/src/assets/base.css (100%) rename {root => root-vue}/src/assets/logo.svg (100%) rename {root => root-vue}/src/assets/main.css (100%) rename {root => root-vue}/src/assets/pfp.png (100%) rename {root => root-vue}/src/assets/sorta-jank-on-mobile.png (100%) rename {root => root-vue}/src/assets/stock-image-of-cat.webp (100%) rename {root => root-vue}/src/components/HelloWorld.vue (100%) rename {root => root-vue}/src/components/TopBar.vue (100%) rename {root => root-vue}/src/components/Video.vue (100%) rename {root => root-vue}/src/main.ts (100%) rename {root => root-vue}/tsconfig.json (100%) rename {root => root-vue}/tsconfig.node.json (100%) rename {root => root-vue}/vite.config.ts (100%) create mode 100644 root/assets/colors.css create mode 100644 root/assets/index.css create mode 100755 root/assets/pfp.png mode change 100755 => 100644 root/index.html diff --git a/about/assets/colors.css b/about/assets/colors.css index 8bbebde..c10490e 100644 --- a/about/assets/colors.css +++ b/about/assets/colors.css @@ -1,50 +1,59 @@ -/* dark theme using catppuccin mocha, light using catppuccin latte - https://github.com/catppuccin/catppuccin */ -:root { - --vt-c-white: #eff1f5; /* Base (latte) */ - --vt-c-white-soft: #bcc0cc; /* Surface1 (latte) */ - --vt-c-white-mute: #ccd0da; /* Surface0 (latte) */ - - --vt-c-black: #1e1e2e; /* Base (mocha) */ - --vt-c-black-soft: #45475a; /* Surface1 (mocha) */ - --vt-c-black-mute: #313244; /* Surface0 (mocha) */ - - --vt-c-text-light: #4c4f69; /* Text (latte) */ - --vt-c-text-dark: #cdd6f4; /* Text (mocha) */ - - --vt-c-divider-light-1: rgba(60, 60, 60, 0.29); /* Overlay1 (mocha) */ - --vt-c-divider-light-2: rgba(60, 60, 60, 0.12); /* Overlay1 (mocha) */ - --vt-c-divider-dark-1: rgba(127, 132, 156, 0.65); /* Overlay1 (mocha) */ - --vt-c-divider-dark-2: rgba(127, 132, 156, 0.48); /* Overlay1 (mocha) */ - - --vt-c-text-light-1: var(--vt-c-text-light); - --vt-c-text-light-2: rgba(92, 95, 119, 0.66); /* Subtext1 (latte) */ - --vt-c-text-dark-1: var(--vt-c-text-dark); - --vt-c-text-dark-2: rgba(186, 194, 222, 0.64); /* Subtext1 (mocha) */ -} - - /* semantic color variables for this project */ -:root { - --color-background: var(--vt-c-white); - --color-background-soft: var(--vt-c-white-soft); - --color-background-mute: var(--vt-c-white-mute); - - --color-border: var(--vt-c-divider-light-2); - --color-border-hover: var(--vt-c-divider-light-1); - - --color-heading: var(--vt-c-text-light-1); - --color-text: var(--vt-c-text-light-1); -} - -@media (prefers-color-scheme: dark) { + :root { + --cat-rosewater: #dc8a78; + --cat-flamingo: #dd7878; + --cat-pink: #ea76cb; + --cat-mauve: #8839ef; + --cat-red: #d20f39; + --cat-maroon: #e64553; + --cat-peach: #fe640b; + --cat-yellow: #df8e1d; + --cat-green: #40a02b; + --cat-teal: #179299; + --cat-sky: #04a5e5; + --cat-sapphire: #209fb5; + --cat-blue: #1e66f5; + --cat-lavender: #7287fd; + --cat-text: #4c4f69; + --cat-subtext1: #5c5f77; + --cat-subtext0: #6c6f85; + --cat-overlay2: #7c7f93; + --cat-overlay1: #8c8fa1; + --cat-overlay0: #9ca0b0; + --cat-surface2: #acb0be; + --cat-surface1: #bcc0cc; + --cat-surface0: #ccd0da; + --cat-base: #eff1f5; + --cat-mantle: #e6e9ef; + --cat-crust: #dce0e8; + } + + @media (prefers-color-scheme: dark) { :root { - --color-background: var(--vt-c-black); - --color-background-soft: var(--vt-c-black-soft); - --color-background-mute: var(--vt-c-black-mute); - - --color-border: var(--vt-c-divider-dark-2); - --color-border-hover: var(--vt-c-divider-dark-1); - - --color-heading: var(--vt-c-text-dark-1); - --color-text: var(--vt-c-text-dark-2); + --cat-rosewater: #f5e0dc; + --cat-flamingo: #f2cdcd; + --cat-pink: #f5c2e7; + --cat-mauve: #cba6f7; + --cat-red: #f38ba8; + --cat-maroon: #eba0ac; + --cat-peach: #fab387; + --cat-yellow: #f9e2af; + --cat-green: #a6e3a1; + --cat-teal: #94e2d5; + --cat-sky: #89dceb; + --cat-sapphire: #74c7ec; + --cat-blue: #89b4fa; + --cat-lavender: #b4befe; + --cat-text: #cdd6f4; + --cat-subtext1: #bac2de; + --cat-subtext0: #a6adc8; + --cat-overlay2: #9399b2; + --cat-overlay1: #7f849c; + --cat-overlay0: #6c7086; + --cat-surface2: #585b70; + --cat-surface1: #45475a; + --cat-surface0: #313244; + --cat-base: #1e1e2e; + --cat-mantle: #181825; + --cat-crust: #11111b; } -} \ No newline at end of file + } \ No newline at end of file diff --git a/about/assets/index.css b/about/assets/index.css index 961c7d0..8a0e609 100644 --- a/about/assets/index.css +++ b/about/assets/index.css @@ -3,13 +3,13 @@ * { /* shamelessly stolen from whatever vue generated */ /* min-height: 100vh; */ - color: var(--color-text); - background: var(--color-background); + color: var(--cat-text); + background: var(--cat-base); transition: color 0.5s, background-color 0.5s; - line-height: 1.6; + /* line-height: 1.6; */ font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; - font-size: 15px; + /* font-size: 15px; */ text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -17,19 +17,20 @@ .top-bar { text-align: center; - width: 20%; + /* width: 20%; */ margin: auto; } -.barbutton { +.barbutton, .barbutton-disabled { text-decoration: none; - color: var(--color-text); - background-color: var(--color-background-soft); + color: var(--cat-text); + background-color: var(--cat-surface1); border-radius: 10px; display: inline-block; - width: 22.5%; + width: 80px; } .barbutton:hover { - background-color: purple; + background-color: var(--cat-pink); + color: var(--cat-mantle) } \ No newline at end of file diff --git a/about/assets/index.js b/about/assets/index.js deleted file mode 100644 index e69de29..0000000 diff --git a/about/index.html b/about/index.html index 3775c8c..b23a0e7 100644 --- a/about/index.html +++ b/about/index.html @@ -12,12 +12,12 @@
Home - About + About Socials Git
- hi i'm skye +
\ No newline at end of file diff --git a/root/.eslintrc.cjs b/root-vue/.eslintrc.cjs similarity index 100% rename from root/.eslintrc.cjs rename to root-vue/.eslintrc.cjs diff --git a/root/.prettierrc.json b/root-vue/.prettierrc.json similarity index 100% rename from root/.prettierrc.json rename to root-vue/.prettierrc.json diff --git a/root/dontusethis.json b/root-vue/dontusethis.json similarity index 100% rename from root/dontusethis.json rename to root-vue/dontusethis.json diff --git a/root/env.d.ts b/root-vue/env.d.ts similarity index 100% rename from root/env.d.ts rename to root-vue/env.d.ts diff --git a/root-vue/index.html b/root-vue/index.html new file mode 100755 index 0000000..d7206f1 --- /dev/null +++ b/root-vue/index.html @@ -0,0 +1,13 @@ + + + + + + + SadlyNotSappho + + +
+ + + diff --git a/root/package-lock.json b/root-vue/package-lock.json similarity index 100% rename from root/package-lock.json rename to root-vue/package-lock.json diff --git a/root/package.json b/root-vue/package.json similarity index 100% rename from root/package.json rename to root-vue/package.json diff --git a/root/public/favicon.ico b/root-vue/public/favicon.ico similarity index 100% rename from root/public/favicon.ico rename to root-vue/public/favicon.ico diff --git a/root/src/App.vue b/root-vue/src/App.vue similarity index 97% rename from root/src/App.vue rename to root-vue/src/App.vue index 7a10b3d..9093176 100755 --- a/root/src/App.vue +++ b/root-vue/src/App.vue @@ -9,7 +9,7 @@ import Video from './components/Video.vue'