Prettier Format
+ Add in formatting config, and apply
This commit is contained in:
parent
964a8d4ec4
commit
f4ef664f0b
GPG Key ID:
31CADD9E5FDD798C
11
.prettierrc
Normal file
11
.prettierrc
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
{
|
||||||
|
"arrowParens": "avoid",
|
||||||
|
"singleQuote": false,
|
||||||
|
"printWidth": 90,
|
||||||
|
"plugins": ["prettier-plugin-svelte"],
|
||||||
|
"semi": true,
|
||||||
|
"svelteSortOrder": "options-styles-scripts-markup",
|
||||||
|
"svelteStrictMode": false,
|
||||||
|
"svelteBracketNewLine": true,
|
||||||
|
"svelteIndentScriptAndStyle": true
|
||||||
|
}
|
||||||
@ -24,7 +24,7 @@
|
|||||||
"eslint-plugin-svelte": "^2.36.0",
|
"eslint-plugin-svelte": "^2.36.0",
|
||||||
"postcss": "^8.4.38",
|
"postcss": "^8.4.38",
|
||||||
"prettier": "^3.2.5",
|
"prettier": "^3.2.5",
|
||||||
"prettier-plugin-svelte": "^3.2.2",
|
"prettier-plugin-svelte": "^3.2.3",
|
||||||
"svelte": "^4.2.12",
|
"svelte": "^4.2.12",
|
||||||
"svelte-check": "^3.6.9",
|
"svelte-check": "^3.6.9",
|
||||||
"tailwindcss": "^3.4.3",
|
"tailwindcss": "^3.4.3",
|
||||||
|
|||||||
@ -3,4 +3,4 @@ export default {
|
|||||||
tailwindcss: {},
|
tailwindcss: {},
|
||||||
autoprefixer: {},
|
autoprefixer: {},
|
||||||
},
|
},
|
||||||
}
|
};
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en" data-theme="night">
|
<html lang="en" data-theme="night">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
|
|||||||
@ -35,9 +35,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<h3 class="p-5 text-4xl text-center">Time to Graduation</h3>
|
<h3 class="p-5 text-4xl text-center">Time to Graduation</h3>
|
||||||
<div
|
<div class="grid grid-flow-col gap-5 pb-5 text-center auto-cols-max justify-center">
|
||||||
class="grid grid-flow-col gap-5 pb-5 text-center auto-cols-max justify-center"
|
|
||||||
>
|
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
<span class="countdown font-mono text-5xl">
|
<span class="countdown font-mono text-5xl">
|
||||||
<span style="--value:{years};"></span>
|
<span style="--value:{years};"></span>
|
||||||
|
|||||||
@ -6,52 +6,25 @@
|
|||||||
>
|
>
|
||||||
<defs>
|
<defs>
|
||||||
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="oooscillate-grad">
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="oooscillate-grad">
|
||||||
<stop style="stop-color:oklch(var(--p))" stop-opacity="1" offset="0%"
|
<stop style="stop-color:oklch(var(--p))" stop-opacity="1" offset="0%"></stop>
|
||||||
></stop>
|
<stop style="stop-color:oklch(var(--a))" stop-opacity="1" offset="100%"></stop>
|
||||||
<stop style="stop-color:oklch(var(--a))" stop-opacity="1" offset="100%"
|
|
||||||
></stop>
|
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
</defs>
|
</defs>
|
||||||
<g
|
<g stroke-width="4" stroke="url(#oooscillate-grad)" fill="none" stroke-linecap="round">
|
||||||
stroke-width="4"
|
<path d="M 0 518 Q 600 -100 1200 400 Q 1800 900 2400 518" opacity="1.00"></path>
|
||||||
stroke="url(#oooscillate-grad)"
|
<path d="M 0 481 Q 600 -100 1200 400 Q 1800 900 2400 481" opacity="0.93"></path>
|
||||||
fill="none"
|
<path d="M 0 444 Q 600 -100 1200 400 Q 1800 900 2400 444" opacity="0.85"></path>
|
||||||
stroke-linecap="round"
|
<path d="M 0 407 Q 600 -100 1200 400 Q 1800 900 2400 407" opacity="0.78"></path><path
|
||||||
>
|
|
||||||
<path d="M 0 518 Q 600 -100 1200 400 Q 1800 900 2400 518" opacity="1.00"
|
|
||||||
></path>
|
|
||||||
<path d="M 0 481 Q 600 -100 1200 400 Q 1800 900 2400 481" opacity="0.93"
|
|
||||||
></path>
|
|
||||||
<path d="M 0 444 Q 600 -100 1200 400 Q 1800 900 2400 444" opacity="0.85"
|
|
||||||
></path>
|
|
||||||
<path d="M 0 407 Q 600 -100 1200 400 Q 1800 900 2400 407" opacity="0.78"
|
|
||||||
></path><path
|
|
||||||
d="M 0 370 Q 600 -100 1200 400 Q 1800 900 2400 370"
|
d="M 0 370 Q 600 -100 1200 400 Q 1800 900 2400 370"
|
||||||
opacity="0.71"
|
opacity="0.71"
|
||||||
></path><path
|
></path><path d="M 0 333 Q 600 -100 1200 400 Q 1800 900 2400 333" opacity="0.63"
|
||||||
d="M 0 333 Q 600 -100 1200 400 Q 1800 900 2400 333"
|
></path><path d="M 0 296 Q 600 -100 1200 400 Q 1800 900 2400 296" opacity="0.56"
|
||||||
opacity="0.63"
|
></path><path d="M 0 259 Q 600 -100 1200 400 Q 1800 900 2400 259" opacity="0.49"
|
||||||
></path><path
|
></path><path d="M 0 222 Q 600 -100 1200 400 Q 1800 900 2400 222" opacity="0.42"
|
||||||
d="M 0 296 Q 600 -100 1200 400 Q 1800 900 2400 296"
|
></path><path d="M 0 185 Q 600 -100 1200 400 Q 1800 900 2400 185" opacity="0.34"
|
||||||
opacity="0.56"
|
></path><path d="M 0 148 Q 600 -100 1200 400 Q 1800 900 2400 148" opacity="0.27"
|
||||||
></path><path
|
></path><path d="M 0 111 Q 600 -100 1200 400 Q 1800 900 2400 111" opacity="0.20"
|
||||||
d="M 0 259 Q 600 -100 1200 400 Q 1800 900 2400 259"
|
></path><path d="M 0 74 Q 600 -100 1200 400 Q 1800 900 2400 74" opacity="0.12"
|
||||||
opacity="0.49"
|
|
||||||
></path><path
|
|
||||||
d="M 0 222 Q 600 -100 1200 400 Q 1800 900 2400 222"
|
|
||||||
opacity="0.42"
|
|
||||||
></path><path
|
|
||||||
d="M 0 185 Q 600 -100 1200 400 Q 1800 900 2400 185"
|
|
||||||
opacity="0.34"
|
|
||||||
></path><path
|
|
||||||
d="M 0 148 Q 600 -100 1200 400 Q 1800 900 2400 148"
|
|
||||||
opacity="0.27"
|
|
||||||
></path><path
|
|
||||||
d="M 0 111 Q 600 -100 1200 400 Q 1800 900 2400 111"
|
|
||||||
opacity="0.20"
|
|
||||||
></path><path
|
|
||||||
d="M 0 74 Q 600 -100 1200 400 Q 1800 900 2400 74"
|
|
||||||
opacity="0.12"
|
|
||||||
></path></g
|
></path></g
|
||||||
></svg
|
></svg
|
||||||
>
|
>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.6 KiB |
@ -1,6 +1,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import Divider from "../../components/divider.svelte";
|
import Divider from "../../components/divider.svelte";
|
||||||
import Countdown from "../../components/countdown.svelte";
|
import Countdown from "../../components/countdown.svelte";
|
||||||
|
import Carousel from "../../components/carousel.svelte";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
@ -14,51 +15,47 @@
|
|||||||
Hello,<br /> my name is Nick
|
Hello,<br /> my name is Nick
|
||||||
</h1>
|
</h1>
|
||||||
<p class="py-5 text-lg max-w-sm">
|
<p class="py-5 text-lg max-w-sm">
|
||||||
I am an IT Student at Griffith University with a passion for developing
|
I am an IT Student at Griffith University with a passion for developing neat
|
||||||
neat things.
|
things.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden lg:flex divider divider-horizontal divider-start">
|
<div class="hidden lg:flex divider divider-horizontal divider-start">Scoll</div>
|
||||||
Scoll
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h1 class="my-6 text-6xl text-center text-base-content font-bold">About Me</h1>
|
<h1 class="my-6 text-6xl text-center text-base-content font-bold">About Me</h1>
|
||||||
<p class="p-5 mx-auto text-xl max-w-3xl">
|
<p class="p-5 mx-auto text-xl max-w-3xl">
|
||||||
Since 2014, I've had an interest in programming and making things. I've made
|
Since 2014, I've had an interest in programming and making things. I've made this
|
||||||
this portfolio as a place for me to collate and show off some of the work that
|
portfolio as a place for me to collate and show off some of the work that I've done.
|
||||||
I've done.
|
|
||||||
</p>
|
</p>
|
||||||
<p class="p-5 mx-auto text-xl max-w-3xl">
|
<p class="p-5 mx-auto text-xl max-w-3xl">
|
||||||
At the moment, I've returned back to Uni to finish my degree after achieving a
|
At the moment, I've returned back to Uni to finish my degree after achieving a point in
|
||||||
point in my career that I am happy with. With the experience I've gained, and
|
my career that I am happy with. With the experience I've gained, and after finishing my
|
||||||
after finishing my studies, my plan is to work in the cybersecurity field.
|
studies, my plan is to work in the cybersecurity field.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<Divider />
|
<Divider />
|
||||||
|
|
||||||
<h1 class="my-6 text-6xl text-center text-base-content font-bold">
|
<h1 class="my-6 text-6xl text-center text-base-content font-bold">Education & Goals</h1>
|
||||||
Education & Goals
|
|
||||||
</h1>
|
|
||||||
<Countdown />
|
<Countdown />
|
||||||
<p class="p-5 mx-auto text-xl max-w-3xl">
|
<p class="p-5 mx-auto text-xl max-w-3xl">
|
||||||
I am currently studying a Bachelor of Information Technology at Griffith
|
I am currently studying a Bachelor of Information Technology at Griffith University,
|
||||||
University, opting for a no major or minor option. Having previously studied
|
opting for a no major or minor option. Having previously studied Computer Science at QUT
|
||||||
Computer Science at QUT from 2019-2021, I decided to take a break from study
|
from 2019-2021, I decided to take a break from study and focus on work experience. As of
|
||||||
and focus on work experience. As of 2023, I returned to studying at Griffith
|
2023, I returned to studying at Griffith using the experiences I gained from both QUT
|
||||||
using the experiences I gained from both QUT and from work.
|
and from work.
|
||||||
</p>
|
</p>
|
||||||
<p class="px-5 mx-auto text-xl max-w-3xl">
|
<p class="px-5 mx-auto text-xl max-w-3xl">
|
||||||
From my previous work experience, employers look more for relevant skills and
|
From my previous work experience, employers look more for relevant skills and industry
|
||||||
industry knowledge over the type of degree or the majors and minors you study.
|
knowledge over the type of degree or the majors and minors you study. The mentorship I
|
||||||
The mentorship I gained from those jobs was what influenced me to change my
|
gained from those jobs was what influenced me to change my degree over, and to not
|
||||||
degree over, and to not choose a major.
|
choose a major.
|
||||||
</p>
|
</p>
|
||||||
<p class="p-5 mx-auto text-xl max-w-3xl">
|
<p class="p-5 mx-auto text-xl max-w-3xl">
|
||||||
As time has progressed, my goals and ambitions have also adapted. Initially, I
|
As time has progressed, my goals and ambitions have also adapted. Initially, I wanted to
|
||||||
wanted to be a systems administrator. Upon reaching that goal, I shifted my
|
be a systems administrator. Upon reaching that goal, I shifted my gaze to what I wanted
|
||||||
gaze to what I wanted to do work towards, setting on cybersecurity. Given that
|
to do work towards, setting on cybersecurity. Given that the industry is ever-changing,
|
||||||
the industry is ever-changing, I felt it appropriate to not hem myself in to a
|
I felt it appropriate to not hem myself in to a single major or minor.
|
||||||
single major or minor.
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
<h1 class="my-6 text-6xl text-center text-base-content font-bold">Skills</h1>
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import adapter from '@sveltejs/adapter-auto';
|
import adapter from "@sveltejs/adapter-auto";
|
||||||
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
|
import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
|
||||||
|
|
||||||
/** @type {import('@sveltejs/kit').Config} */
|
/** @type {import('@sveltejs/kit').Config} */
|
||||||
const config = {
|
const config = {
|
||||||
@ -11,8 +11,8 @@ const config = {
|
|||||||
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
||||||
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
||||||
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
||||||
adapter: adapter()
|
adapter: adapter(),
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
export default config;
|
export default config;
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
import { sveltekit } from '@sveltejs/kit/vite';
|
import { sveltekit } from "@sveltejs/kit/vite";
|
||||||
import { defineConfig } from 'vite';
|
import { defineConfig } from "vite";
|
||||||
|
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
plugins: [sveltekit()]
|
plugins: [sveltekit()],
|
||||||
});
|
});
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user