diff --git a/package.json b/package.json new file mode 100644 index 0000000..857a6db --- /dev/null +++ b/package.json @@ -0,0 +1,34 @@ +{ + "name": "src", + "version": "0.0.1", + "private": true, + "scripts": { + "dev": "vite dev", + "build": "vite build", + "preview": "vite preview", + "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", + "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", + "lint": "prettier --plugin-search-dir . --check . && eslint .", + "format": "prettier --plugin-search-dir . --write ." + }, + "devDependencies": { + "@iconify/json": "^2.2.8", + "@sveltejs/adapter-auto": "^1.0.0", + "@sveltejs/kit": "^1.0.0", + "@typescript-eslint/eslint-plugin": "^5.45.0", + "@typescript-eslint/parser": "^5.45.0", + "@unocss/preset-icons": "^0.48.4", + "eslint": "^8.28.0", + "eslint-config-prettier": "^8.5.0", + "eslint-plugin-svelte3": "^4.0.0", + "prettier": "^2.8.0", + "prettier-plugin-svelte": "^2.8.1", + "svelte": "^3.54.0", + "svelte-check": "^3.0.1", + "tslib": "^2.4.1", + "typescript": "^4.9.3", + "unocss": "^0.48.4", + "vite": "^4.0.0" + }, + "type": "module" +} diff --git a/src/app.d.ts b/src/app.d.ts new file mode 100644 index 0000000..c760990 --- /dev/null +++ b/src/app.d.ts @@ -0,0 +1,13 @@ +// See https://kit.svelte.dev/docs/types#app +// for information about these interfaces +// and what to do when importing types +declare global { + namespace App { + // interface Error {} + // interface Locals {} + // interface PageData {} + // interface Platform {} + } +} + +export {}; diff --git a/src/app.html b/src/app.html new file mode 100644 index 0000000..8267e26 --- /dev/null +++ b/src/app.html @@ -0,0 +1,12 @@ + + + + + + + %sveltekit.head% + + +
%sveltekit.body%
+ + diff --git a/src/lib/data.json b/src/lib/data.json new file mode 100644 index 0000000..ee7b5c4 --- /dev/null +++ b/src/lib/data.json @@ -0,0 +1,11 @@ +{ + "name" : "Midou", + "description" : "Developer, Not a good Artist, Sysadmin", + "gh": "Midou36O", + "donate": "Midou36O", + "mtx": "@midou:projectsegfau.lt", + "mail" : "midou@midou.dev", + "github" : "https://github.com/", + "matrix" : "https://matrix.to/#/", + "avatar" : "https://avatars.githubusercontent.com/u/" +} \ No newline at end of file diff --git a/src/lib/style.css b/src/lib/style.css new file mode 100644 index 0000000..b3a5144 --- /dev/null +++ b/src/lib/style.css @@ -0,0 +1,193 @@ +@import url('https://fonts.googleapis.co/css2?family=Open+Sans&display=swap'); + +:root { + --purple-color: #7a00ec; + --brighter-purple-color: #9d41f3; + --glowish-yellow: rgb(216, 213, 15); +} + +html { + height: 100%; + overflow-x: hidden; + scroll-behavior: smooth; +} + +#backdesk { + height: 100%; + object-fit: fill; + overflow: hidden; + animation: rainbow 20s steps(120) infinite; +} +#backmob { + display:none; +} + +@keyframes rainbow { + from { filter:hue-rotate(10deg); } + to { filter:hue-rotate(360deg); } + } + + +.bio-and-projects { + text-align: center; + position: fixed; + left: 5px; + width: 100%; +} + +.h1dance { + margin-top: 0; + margin: 0; + color: var(--brighter-purple-color); +} + +.bg { + background-image: url(/Images/BG_FHD_darker_mb.png); +} + +body { + background-color: rgb(0, 0, 0); + background-repeat: no-repeat; + background-size: cover; + height: 100%; + color: var(--brighter-purple-color); + margin: 0px; + font-family: 'Open Sans', sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.sociallink { + color: white; + animation-name: fadeIn; + animation-duration: 3s; +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +#profilepicture { + height: 100px; + width: 100px; + border-style: solid; + border-radius: 50%; + transition: all 0.5s ease-in-out; + margin-bottom: -20px; + color: var(--purple-color); + filter:hue-rotate(0deg); +} + +#profilepicture:hover { + height: 125px; + width: 125px; + color: var(--glowish-yellow); + animation: rainbow 1s steps(36) infinite; +} + + +.middle { + position: absolute; + transform: translate(-50%, -50%); + text-align: center; + top: 50%; + left: 50%; +} + +a { + color: var(--glowish-yellow); + text-decoration: none; +} + +a:visited { + color: rgb(72, 115, 243); +} + +a:hover { + color: crimson; +} + +.middle-bottom { + height: 200px; + width: 400px; + position: fixed; + top: 50%; + left: 50%; + margin-top: 7%; + margin-left: -200px; +} + +img { + padding: 3px; +} + +.center { + /*
tag is no longer needed and is considered useless/going to be deprecated???? so im just gonna center using css and div */ + text-align: center; +} + +@media only screen and (max-width: 600px) { + body { + font-size: calc(9px + 1vmin); + background-image: url('/images/BG_FHD_darker_mb.png'); + } + .pfp-holder { + margin-top: -50%; + margin-left: 0%; + position: static; + } + + img { + padding: 6px; + } +} + + + + + +#backmob { + object-fit: fill; + overflow: hidden; + height: 100%; + animation: rainbow 20s steps(120) infinite; +} + + +.banner { + padding: 10px; + text-align: center; + background: #6e0000; + color: white; + font-size: 15px; + animation: fadeInOut linear 5s infinite; +} + +.banner:hover { + animation: none; +} + +@keyframes fadeInOut { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte new file mode 100644 index 0000000..048039c --- /dev/null +++ b/src/routes/+layout.svelte @@ -0,0 +1,8 @@ + + +
+ +
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte new file mode 100644 index 0000000..8f9daf4 --- /dev/null +++ b/src/routes/+page.svelte @@ -0,0 +1,40 @@ + + + +
+ +
+
+ +

{data.name}

+

{@html data.description}

+
+
+
+
+ + + + +
+
+
+ Bio | Projects +
+
+
+
+
+ + + + + + diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte new file mode 100644 index 0000000..4c0b3c5 --- /dev/null +++ b/src/routes/about/+page.svelte @@ -0,0 +1,11 @@ + + + +
+
+
+

h

+
+
\ No newline at end of file diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte new file mode 100644 index 0000000..9c2a306 --- /dev/null +++ b/src/routes/projects/+page.svelte @@ -0,0 +1 @@ +

When the page is sus

\ No newline at end of file diff --git a/static/favicon.png b/static/favicon.png new file mode 100644 index 0000000..825b9e6 Binary files /dev/null and b/static/favicon.png differ diff --git a/static/images/BG_FHD.png b/static/images/BG_FHD.png new file mode 100644 index 0000000..edb0cbe Binary files /dev/null and b/static/images/BG_FHD.png differ diff --git a/static/images/BG_FHD_darker.png b/static/images/BG_FHD_darker.png new file mode 100755 index 0000000..75af990 Binary files /dev/null and b/static/images/BG_FHD_darker.png differ diff --git a/static/images/BG_FHD_darker_mb.png b/static/images/BG_FHD_darker_mb.png new file mode 100644 index 0000000..cdbda1f Binary files /dev/null and b/static/images/BG_FHD_darker_mb.png differ diff --git a/static/images/BG_MAX.png b/static/images/BG_MAX.png new file mode 100644 index 0000000..95e7b5f Binary files /dev/null and b/static/images/BG_MAX.png differ diff --git a/static/images/OpenGraph.jpg b/static/images/OpenGraph.jpg new file mode 100644 index 0000000..29bcf25 Binary files /dev/null and b/static/images/OpenGraph.jpg differ diff --git a/static/images/OpenGraph.png b/static/images/OpenGraph.png new file mode 100644 index 0000000..e13bf18 Binary files /dev/null and b/static/images/OpenGraph.png differ diff --git a/static/images/OpenGraphNoTxt.png b/static/images/OpenGraphNoTxt.png new file mode 100644 index 0000000..b01329c Binary files /dev/null and b/static/images/OpenGraphNoTxt.png differ diff --git a/static/images/banner.png b/static/images/banner.png new file mode 100644 index 0000000..a69092d Binary files /dev/null and b/static/images/banner.png differ diff --git a/static/images/donate.svg b/static/images/donate.svg new file mode 100644 index 0000000..58c6e12 --- /dev/null +++ b/static/images/donate.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/static/images/email.svg b/static/images/email.svg new file mode 100644 index 0000000..5632a1b --- /dev/null +++ b/static/images/email.svg @@ -0,0 +1 @@ +Mail.Ru icon diff --git a/static/images/github.svg b/static/images/github.svg new file mode 100644 index 0000000..32aef91 --- /dev/null +++ b/static/images/github.svg @@ -0,0 +1 @@ +GitHub icon \ No newline at end of file diff --git a/static/images/matrix.svg b/static/images/matrix.svg new file mode 100644 index 0000000..865d1db --- /dev/null +++ b/static/images/matrix.svg @@ -0,0 +1,9 @@ + + + Matrix (protocol) logo + + + + + + diff --git a/static/images/small_banner.png b/static/images/small_banner.png new file mode 100644 index 0000000..e05e430 Binary files /dev/null and b/static/images/small_banner.png differ diff --git a/svelte.config.js b/svelte.config.js new file mode 100644 index 0000000..87f198f --- /dev/null +++ b/svelte.config.js @@ -0,0 +1,15 @@ +import adapter from '@sveltejs/adapter-auto'; +import { vitePreprocess } from '@sveltejs/kit/vite'; + +/** @type {import('@sveltejs/kit').Config} */ +const config = { + // Consult https://kit.svelte.dev/docs/integrations#preprocessors + // for more information about preprocessors + preprocess: vitePreprocess(), + + kit: { + adapter: adapter() + } +}; + +export default config; diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..6ae0c8c --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,17 @@ +{ + "extends": "./.svelte-kit/tsconfig.json", + "compilerOptions": { + "allowJs": true, + "checkJs": true, + "esModuleInterop": true, + "forceConsistentCasingInFileNames": true, + "resolveJsonModule": true, + "skipLibCheck": true, + "sourceMap": true, + "strict": true + } + // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias + // + // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes + // from the referenced tsconfig.json - TypeScript does not merge them in +} diff --git a/unocss.config.ts b/unocss.config.ts new file mode 100644 index 0000000..f24c39b --- /dev/null +++ b/unocss.config.ts @@ -0,0 +1,120 @@ +import { + defineConfig, + presetIcons, + presetTypography, + transformerVariantGroup, + transformerDirectives, + presetWind +} from "unocss"; + +import { extractorSvelte } from "unocss"; + +export default defineConfig({ + extractors: [extractorSvelte], + + presets: [ + presetIcons(), + presetTypography({ + cssExtend: { + "h1,h2,h3,h4,h5,h6": { + "font-weight": "800" + } + } + }), + presetWind({ + dark: "class" + }) + ], + + theme: { + fontFamily: { + primary: ["var(--font-primary)"] + }, + margin: { + "0-auto": "0 auto" + }, + colors: { + accent: "var(--accent)", + accentTranslucent: "var(--accent-translucent)", + primary: "var(--primary)", + secondary: "var(--secondary)", + tertiary: "var(--tertiary)", + text: "var(--text)", + grey: "var(--grey)", + alt: "var(--alt)", + altText: "var(--alt-text)" + }, + breakpoints: { + sm: "640px", + md: "768px", + lg: "1024px", + xl: "1280px", + "2xl": "1536px", + nav: "1030px" + } + }, + + transformers: [transformerVariantGroup(), transformerDirectives()], + + safelist: ["i-ic:outline-dark-mode", "i-ic:outline-light-mode"] +}); + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/vite.config.ts b/vite.config.ts new file mode 100644 index 0000000..83680a9 --- /dev/null +++ b/vite.config.ts @@ -0,0 +1,22 @@ +import { sveltekit } from '@sveltejs/kit/vite'; +import type { UserConfig } from 'vite'; +import UnoCSS from 'unocss/vite'; +import presetIcons from '@unocss/preset-icons'; + +const config: UserConfig = { + plugins: [sveltekit(), UnoCSS( + { + shortcuts: { + // Shortcuts go here: Format: " class : "unocss" " + sm: "640px" + }, + rules : [ + ['m-1', {margin : '0.25 em' }], + ] + } + ), + +] +}; + +export default config;