From 287a8d1f7521e07cb4422fecfd3f1bb479b8c77e Mon Sep 17 00:00:00 2001 From: Sergei Sergienko Date: Sun, 28 Apr 2024 21:43:57 +0300 Subject: [PATCH] feat: Added license and link to github --- LICENSE | 21 +++++ src/App.vue | 2 + src/assets/base.css | 28 +++---- src/assets/main.css | 14 +--- src/components/Help.vue | 1 - src/components/Links.vue | 74 ++++++++++++++++++ src/components/Vis3D.vue | 117 ++++++++++++++-------------- src/components/icons/IconGithub.vue | 12 +++ vite.config.ts | 3 +- 9 files changed, 185 insertions(+), 87 deletions(-) create mode 100644 LICENSE create mode 100644 src/components/Links.vue create mode 100644 src/components/icons/IconGithub.vue diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..2f0bafe --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2024-present Sergei Sergienko + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index 48740a0..f08bcb2 100644 --- a/src/App.vue +++ b/src/App.vue @@ -6,6 +6,7 @@ import VisControls from './components/VisControls.vue' import VisMat from './components/VisMat.vue' import VisQuat from './components/VisQuat.vue' import Help from './components/Help.vue' +import Links from './components/Links.vue' provide("isLocal", shallowRef(true)) provide("isEdit", shallowRef(false)) @@ -27,6 +28,7 @@ provide("snapDenom", shallowRef(6))

Rotation Converter

+
diff --git a/src/assets/base.css b/src/assets/base.css index 9cfe15b..71fcd9e 100644 --- a/src/assets/base.css +++ b/src/assets/base.css @@ -1,12 +1,12 @@ -/* color palette from */ :root { - --c-white: #ffffff; - --c-white-soft: #f8f8f8; - --c-white-mute: #f2f2f2; + --c-light-0: #ffffff; + --c-light-1: #f8f8f8; + --c-light-2: #f2f2f2; - --c-black: #181818; - --c-black-soft: #222222; - --c-black-mute: #282828; + --c-dark-0: #000000; + --c-dark-1: #181818; + --c-dark-2: #222222; + --c-dark-3: #282828; --c-indigo: #2c3e50; @@ -17,7 +17,7 @@ --c-text-light-1: var(--c-indigo); --c-text-light-2: rgba(60, 60, 60, 0.66); - --c-text-dark-1: var(--c-white); + --c-text-dark-1: var(--c-light-0); --c-text-dark-2: rgba(235, 235, 235, 0.64); --quat-bg-alpha: 0.1; @@ -33,9 +33,9 @@ /* semantic color variables for this project */ :root { - --color-background: var(--c-white); - --color-background-soft: var(--c-white-soft); - --color-background-mute: var(--c-white-mute); + --color-background: var(--c-light-0); + --color-background-soft: var(--c-light-1); + --color-background-mute: var(--c-light-2); --color-border: var(--c-divider-light-2); --color-border-hover: var(--c-divider-light-1); @@ -46,9 +46,9 @@ @media (prefers-color-scheme: dark) { :root { - --color-background: var(--c-black); - --color-background-soft: var(--c-black-soft); - --color-background-mute: var(--c-black-mute); + --color-background: var(--c-dark-1); + --color-background-soft: var(--c-dark-2); + --color-background-mute: var(--c-dark-3); --color-border: var(--c-divider-dark-2); --color-border-hover: var(--c-divider-dark-1); diff --git a/src/assets/main.css b/src/assets/main.css index 9147093..6b02f43 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -24,14 +24,6 @@ h2 { background-color: black; } -a, -.green { - text-decoration: none; - color: hsla(160, 100%, 37%, 1); - transition: 0.4s; - padding: 3px; -} - .tooltip { position: relative; display: inline-block; @@ -60,10 +52,10 @@ a, visibility: visible; } -@media (hover: hover) { +/* @media (hover: hover) { a:hover { background-color: hsla(160, 100%, 37%, 0.2); } -} +} */ -@media (min-width: 1024px) {} \ No newline at end of file +/* @media (min-width: 1024px) {} */ \ No newline at end of file diff --git a/src/components/Help.vue b/src/components/Help.vue index d5e1727..6b1ad44 100644 --- a/src/components/Help.vue +++ b/src/components/Help.vue @@ -90,7 +90,6 @@ button { width: 50px; height: 50px; padding: 0 15px 0 15px; - background-color: black; border: 1px solid var(--c-divider-dark-1); background-color: var(--c-bg-btn); border-radius: 50%; diff --git a/src/components/Links.vue b/src/components/Links.vue new file mode 100644 index 0000000..9eb9364 --- /dev/null +++ b/src/components/Links.vue @@ -0,0 +1,74 @@ + + + + + \ No newline at end of file diff --git a/src/components/Vis3D.vue b/src/components/Vis3D.vue index 0f7e145..8ec1f1d 100644 --- a/src/components/Vis3D.vue +++ b/src/components/Vis3D.vue @@ -1,59 +1,3 @@ - - - - - + + + + diff --git a/src/components/icons/IconGithub.vue b/src/components/icons/IconGithub.vue new file mode 100644 index 0000000..1ba3d7a --- /dev/null +++ b/src/components/icons/IconGithub.vue @@ -0,0 +1,12 @@ + + + \ No newline at end of file diff --git a/vite.config.ts b/vite.config.ts index 42607c8..3150272 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -3,9 +3,8 @@ import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' -// https://vitejs.dev/config/ export default defineConfig({ - base: '/rotation_converter/', + base: '/rotation_converter', plugins: [ vue(), ],