diff --git a/index.html b/index.html index 9e5fc8f..82d00d0 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,10 @@ - + - - - - Vite App + + + + Indigo5684
diff --git a/package-lock.json b/package-lock.json index a372c07..154f57e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,8 @@ "name": "website", "version": "0.0.0", "dependencies": { - "vue": "^3.5.18" + "vue": "^3.5.18", + "vuetify": "^3.9.4" }, "devDependencies": { "@tsconfig/node22": "^22.0.2", @@ -5004,6 +5005,36 @@ "typescript": ">=5.0.0" } }, + "node_modules/vuetify": { + "version": "3.9.4", + "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.9.4.tgz", + "integrity": "sha512-OUdXVoThHUydJHyFsUHGxKxZ333hXKquRNn2ycqouO08ehi3005QE9tLPkwcBii4sAYZg7mADMRp7JbcNiNrTQ==", + "license": "MIT", + "engines": { + "node": "^12.20 || >=14.13" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/johnleider" + }, + "peerDependencies": { + "typescript": ">=4.7", + "vite-plugin-vuetify": ">=2.1.0", + "vue": "^3.5.0", + "webpack-plugin-vuetify": ">=3.1.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + }, + "vite-plugin-vuetify": { + "optional": true + }, + "webpack-plugin-vuetify": { + "optional": true + } + } + }, "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", diff --git a/package.json b/package.json index d89dcb3..d80eff3 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,8 @@ "format": "prettier --write src/" }, "dependencies": { - "vue": "^3.5.18" + "vue": "^3.5.18", + "vuetify": "^3.9.4" }, "devDependencies": { "@tsconfig/node22": "^22.0.2", diff --git a/src/App.vue b/src/App.vue index d05208d..c002502 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,47 +1,23 @@ - - diff --git a/src/assets/base.css b/src/assets/base.css deleted file mode 100644 index 8816868..0000000 --- a/src/assets/base.css +++ /dev/null @@ -1,86 +0,0 @@ -/* color palette from */ -:root { - --vt-c-white: #ffffff; - --vt-c-white-soft: #f8f8f8; - --vt-c-white-mute: #f2f2f2; - - --vt-c-black: #181818; - --vt-c-black-soft: #222222; - --vt-c-black-mute: #282828; - - --vt-c-indigo: #2c3e50; - - --vt-c-divider-light-1: rgba(60, 60, 60, 0.29); - --vt-c-divider-light-2: rgba(60, 60, 60, 0.12); - --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65); - --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48); - - --vt-c-text-light-1: var(--vt-c-indigo); - --vt-c-text-light-2: rgba(60, 60, 60, 0.66); - --vt-c-text-dark-1: var(--vt-c-white); - --vt-c-text-dark-2: rgba(235, 235, 235, 0.64); -} - -/* 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); - - --section-gap: 160px; -} - -@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); - } -} - -*, -*::before, -*::after { - box-sizing: border-box; - margin: 0; - font-weight: normal; -} - -body { - min-height: 100vh; - color: var(--color-text); - background: var(--color-background); - transition: - color 0.5s, - background-color 0.5s; - 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; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} diff --git a/src/assets/image.png b/src/assets/image.png new file mode 100644 index 0000000..798dc6a Binary files /dev/null and b/src/assets/image.png differ diff --git a/src/assets/logo.svg b/src/assets/logo.svg deleted file mode 100644 index 7565660..0000000 --- a/src/assets/logo.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/assets/main.css b/src/assets/main.css deleted file mode 100644 index 36fb845..0000000 --- a/src/assets/main.css +++ /dev/null @@ -1,35 +0,0 @@ -@import './base.css'; - -#app { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - font-weight: normal; -} - -a, -.green { - text-decoration: none; - color: hsla(160, 100%, 37%, 1); - transition: 0.4s; - padding: 3px; -} - -@media (hover: hover) { - a:hover { - background-color: hsla(160, 100%, 37%, 0.2); - } -} - -@media (min-width: 1024px) { - body { - display: flex; - place-items: center; - } - - #app { - display: grid; - grid-template-columns: 1fr 1fr; - padding: 0 2rem; - } -} diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index a2eabd1..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,41 +0,0 @@ - - - - - diff --git a/src/components/LeftColumn.vue b/src/components/LeftColumn.vue new file mode 100644 index 0000000..c346f24 --- /dev/null +++ b/src/components/LeftColumn.vue @@ -0,0 +1,17 @@ + + + diff --git a/src/components/RightColumn.vue b/src/components/RightColumn.vue new file mode 100644 index 0000000..008f2fa --- /dev/null +++ b/src/components/RightColumn.vue @@ -0,0 +1,13 @@ + + + diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue deleted file mode 100644 index 8b731d9..0000000 --- a/src/components/TheWelcome.vue +++ /dev/null @@ -1,95 +0,0 @@ - - - diff --git a/src/components/WelcomeItem.vue b/src/components/WelcomeItem.vue deleted file mode 100644 index 6d7086a..0000000 --- a/src/components/WelcomeItem.vue +++ /dev/null @@ -1,87 +0,0 @@ - - - diff --git a/src/components/cards/EducationCard.vue b/src/components/cards/EducationCard.vue new file mode 100644 index 0000000..18dbf6e --- /dev/null +++ b/src/components/cards/EducationCard.vue @@ -0,0 +1,29 @@ + + diff --git a/src/components/cards/LinksCard.vue b/src/components/cards/LinksCard.vue new file mode 100644 index 0000000..c9bfaea --- /dev/null +++ b/src/components/cards/LinksCard.vue @@ -0,0 +1,21 @@ + + diff --git a/src/components/cards/PresentationsTravelCard.vue b/src/components/cards/PresentationsTravelCard.vue new file mode 100644 index 0000000..d3616d4 --- /dev/null +++ b/src/components/cards/PresentationsTravelCard.vue @@ -0,0 +1,70 @@ + + diff --git a/src/components/cards/ProfileCard.vue b/src/components/cards/ProfileCard.vue new file mode 100644 index 0000000..2df1290 --- /dev/null +++ b/src/components/cards/ProfileCard.vue @@ -0,0 +1,11 @@ + + diff --git a/src/components/cards/ProjectsCard.vue b/src/components/cards/ProjectsCard.vue new file mode 100644 index 0000000..859a08c --- /dev/null +++ b/src/components/cards/ProjectsCard.vue @@ -0,0 +1,23 @@ + + diff --git a/src/components/icons/IconCommunity.vue b/src/components/icons/IconCommunity.vue deleted file mode 100644 index 2dc8b05..0000000 --- a/src/components/icons/IconCommunity.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconDocumentation.vue b/src/components/icons/IconDocumentation.vue deleted file mode 100644 index 6d4791c..0000000 --- a/src/components/icons/IconDocumentation.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconEcosystem.vue b/src/components/icons/IconEcosystem.vue deleted file mode 100644 index c3a4f07..0000000 --- a/src/components/icons/IconEcosystem.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconSupport.vue b/src/components/icons/IconSupport.vue deleted file mode 100644 index 7452834..0000000 --- a/src/components/icons/IconSupport.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconTooling.vue b/src/components/icons/IconTooling.vue deleted file mode 100644 index 660598d..0000000 --- a/src/components/icons/IconTooling.vue +++ /dev/null @@ -1,19 +0,0 @@ - - diff --git a/src/components/projects/AnnealingProject.vue b/src/components/projects/AnnealingProject.vue new file mode 100644 index 0000000..726b1db --- /dev/null +++ b/src/components/projects/AnnealingProject.vue @@ -0,0 +1,10 @@ + + diff --git a/src/components/projects/ComputeClusterProject.vue b/src/components/projects/ComputeClusterProject.vue new file mode 100644 index 0000000..50fce2d --- /dev/null +++ b/src/components/projects/ComputeClusterProject.vue @@ -0,0 +1,10 @@ + + diff --git a/src/components/projects/HGCALGuiProject.vue b/src/components/projects/HGCALGuiProject.vue new file mode 100644 index 0000000..c80e791 --- /dev/null +++ b/src/components/projects/HGCALGuiProject.vue @@ -0,0 +1,8 @@ + + diff --git a/src/components/projects/SummerOfCodeProject.vue b/src/components/projects/SummerOfCodeProject.vue new file mode 100644 index 0000000..037c13a --- /dev/null +++ b/src/components/projects/SummerOfCodeProject.vue @@ -0,0 +1,8 @@ + + diff --git a/src/main.ts b/src/main.ts index 0ac3a5f..9886b54 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,6 +1,25 @@ -import './assets/main.css' - import { createApp } from 'vue' + +// Vuetify +import 'vuetify/styles' +import { createVuetify } from 'vuetify' +import * as components from 'vuetify/components' +import * as directives from 'vuetify/directives' + import App from './App.vue' -createApp(App).mount('#app') +const vuetify = createVuetify({ + components, + directives, + theme: { + themes: { + light: { + colors: { + background: 'red', + }, + }, + }, + }, +}) + +createApp(App).use(vuetify).mount('#app')