Prettier Format

+ Add in formatting config, and apply
This commit is contained in:
Nick Bland 2024-04-19 14:20:02 +10:00
parent 964a8d4ec4
commit f4ef664f0b
Signed by: NickBland
GPG Key ID: 31CADD9E5FDD798C
15 changed files with 108 additions and 129 deletions

11
.prettierrc Normal file
View 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
}

BIN
bun.lockb

Binary file not shown.

View File

@ -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",

View File

@ -3,4 +3,4 @@ export default {
tailwindcss: {}, tailwindcss: {},
autoprefixer: {}, autoprefixer: {},
}, },
} };

View File

@ -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" />

View File

@ -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>

View File

@ -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

View File

@ -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>

View File

@ -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;

View File

@ -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()],
}); });