NickBland/website-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prettier Format

Browse Source 
+ 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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
View File

Binary file not shown.

2
package.json
View File

@ -24,7 +24,7 @@
"eslint-plugin-svelte": "^2.36.0",
"postcss": "^8.4.38",
"prettier": "^3.2.5",
"prettier-plugin-svelte": "^3.2.2",
"prettier-plugin-svelte": "^3.2.3",
"svelte": "^4.2.12",
"svelte-check": "^3.6.9",
"tailwindcss": "^3.4.3",

2
postcss.config.js
View File

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

2
src/app.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en" data-theme="night">
<head>
<meta charset="utf-8" />

4
src/components/countdown.svelte
View File

@ -35,9 +35,7 @@
</script>
<h3 class="p-5 text-4xl text-center">Time to Graduation</h3>
<div
class="grid grid-flow-col gap-5 pb-5 text-center auto-cols-max justify-center"
>
<div class="grid grid-flow-col gap-5 pb-5 text-center auto-cols-max justify-center">
<div class="flex flex-col">
<span class="countdown font-mono text-5xl">
<span style="--value:{years};"></span>

57
src/components/divider.svelte
View File

@ -6,52 +6,25 @@
>
<defs>
<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>
<stop style="stop-color:oklch(var(--a))" stop-opacity="1" offset="100%"
></stop>
<stop style="stop-color:oklch(var(--p))" stop-opacity="1" offset="0%"></stop>
<stop style="stop-color:oklch(var(--a))" stop-opacity="1" offset="100%"></stop>
</linearGradient>
</defs>
<g
stroke-width="4"
stroke="url(#oooscillate-grad)"
fill="none"
stroke-linecap="round"
>
<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
<g stroke-width="4" stroke="url(#oooscillate-grad)" fill="none" stroke-linecap="round">
<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"
opacity="0.71"
></path><path
d="M 0 333 Q 600 -100 1200 400 Q 1800 900 2400 333"
opacity="0.63"
></path><path
d="M 0 296 Q 600 -100 1200 400 Q 1800 900 2400 296"
opacity="0.56"
></path><path
d="M 0 259 Q 600 -100 1200 400 Q 1800 900 2400 259"
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><path d="M 0 333 Q 600 -100 1200 400 Q 1800 900 2400 333" opacity="0.63"
></path><path d="M 0 296 Q 600 -100 1200 400 Q 1800 900 2400 296" opacity="0.56"
></path><path d="M 0 259 Q 600 -100 1200 400 Q 1800 900 2400 259" 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
></svg
>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

53
src/routes/portfolio/+page.svelte
View File

@ -1,6 +1,7 @@
<script>
import Divider from "../../components/divider.svelte";
import Countdown from "../../components/countdown.svelte";
import Carousel from "../../components/carousel.svelte";
</script>
<div
@ -14,51 +15,47 @@
Hello,<br /> my name is Nick
</h1>
<p class="py-5 text-lg max-w-sm">
I am an IT Student at Griffith University with a passion for developing
neat things.
I am an IT Student at Griffith University with a passion for developing neat
things.
</p>
</div>
<div class="hidden lg:flex divider divider-horizontal divider-start">
Scoll
</div>
<div class="hidden lg:flex divider divider-horizontal divider-start">Scoll</div>
</div>
</div>
<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">
Since 2014, I've had an interest in programming and making things. I've made
this portfolio as a place for me to collate and show off some of the work that
I've done.
Since 2014, I've had an interest in programming and making things. I've made this
portfolio as a place for me to collate and show off some of the work that I've done.
</p>
<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
point in my career that I am happy with. With the experience I've gained, and
after finishing my studies, my plan is to work in the cybersecurity field.
At the moment, I've returned back to Uni to finish my degree after achieving a point in
my career that I am happy with. With the experience I've gained, and after finishing my
studies, my plan is to work in the cybersecurity field.
</p>
<Divider />
<h1 class="my-6 text-6xl text-center text-base-content font-bold">
Education & Goals
</h1>
<h1 class="my-6 text-6xl text-center text-base-content font-bold">Education & Goals</h1>
<Countdown />
<p class="p-5 mx-auto text-xl max-w-3xl">
I am currently studying a Bachelor of Information Technology at Griffith
University, opting for a no major or minor option. Having previously studied
Computer Science at QUT from 2019-2021, I decided to take a break from study
and focus on work experience. As of 2023, I returned to studying at Griffith
using the experiences I gained from both QUT and from work.
I am currently studying a Bachelor of Information Technology at Griffith University,
opting for a no major or minor option. Having previously studied Computer Science at QUT
from 2019-2021, I decided to take a break from study and focus on work experience. As of
2023, I returned to studying at Griffith using the experiences I gained from both QUT
and from work.
</p>
<p class="px-5 mx-auto text-xl max-w-3xl">
From my previous work experience, employers look more for relevant skills and
industry knowledge over the type of degree or the majors and minors you study.
The mentorship I gained from those jobs was what influenced me to change my
degree over, and to not choose a major.
From my previous work experience, employers look more for relevant skills and industry
knowledge over the type of degree or the majors and minors you study. The mentorship I
gained from those jobs was what influenced me to change my degree over, and to not
choose a major.
</p>
<p class="p-5 mx-auto text-xl max-w-3xl">
As time has progressed, my goals and ambitions have also adapted. Initially, I
wanted to be a systems administrator. Upon reaching that goal, I shifted my
gaze to what I wanted to do work towards, setting on cybersecurity. Given that
the industry is ever-changing, I felt it appropriate to not hem myself in to a
single major or minor.
As time has progressed, my goals and ambitions have also adapted. Initially, I wanted to
be a systems administrator. Upon reaching that goal, I shifted my gaze to what I wanted
to do work towards, setting on cybersecurity. Given that the industry is ever-changing,
I felt it appropriate to not hem myself in to a single major or minor.
</p>
<h1 class="my-6 text-6xl text-center text-base-content font-bold">Skills</h1>

8
svelte.config.js
View File

@ -1,5 +1,5 @@
import adapter from '@sveltejs/adapter-auto';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
import adapter from "@sveltejs/adapter-auto";
import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
/** @type {import('@sveltejs/kit').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.
// 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.
adapter: adapter()
}
adapter: adapter(),
},
};
export default config;

6
vite.config.ts
View File

@ -1,6 +1,6 @@
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import { sveltekit } from "@sveltejs/kit/vite";
import { defineConfig } from "vite";
export default defineConfig({
plugins: [sveltekit()]
plugins: [sveltekit()],
});