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

2
postcss.config.js
View File

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

4
src/app.css
View File

@ -3,6 +3,6 @@
@tailwind utilities; @tailwind utilities;
.height-minus-nav { .height-minus-nav {
min-height: calc(100vh - 4.75rem); min-height: calc(100vh - 4.75rem);
/* this is the full view height - the navbar(4rem + 0.75rem padding) */ /* this is the full view height - the navbar(4rem + 0.75rem padding) */
} }

14
src/app.d.ts vendored
View File

@ -1,13 +1,13 @@
// See https://kit.svelte.dev/docs/types#app // See https://kit.svelte.dev/docs/types#app
// for information about these interfaces // for information about these interfaces
declare global { declare global {
namespace App { namespace App {
interface Error {} interface Error {}
// interface Locals {} // interface Locals {}
// interface PageData {} // interface PageData {}
// interface PageState {} // interface PageState {}
// interface Platform {} // interface Platform {}
} }
} }
export {}; export {};

20
src/app.html
View File

@ -1,12 +1,12 @@
<!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" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-sveltekit-preload-data="hover"> <body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div> <div style="display: contents">%sveltekit.body%</div>
</body> </body>
</html> </html>

4
src/components/countdown.svelte
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>

57
src/components/divider.svelte
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
> >

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

2
src/routes/api/healthcheck/+server.ts
View File

@ -1,5 +1,5 @@
import type { RequestHandler } from "./$types"; import type { RequestHandler } from "./$types";
export const GET: RequestHandler = ({ url }) => { export const GET: RequestHandler = ({ url }) => {
return new Response(); return new Response();
}; };

53
src/routes/portfolio/+page.svelte
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>

22
svelte.config.js
View File

@ -1,18 +1,18 @@
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 = {
// Consult https://kit.svelte.dev/docs/integrations#preprocessors // Consult https://kit.svelte.dev/docs/integrations#preprocessors
// for more information about preprocessors // for more information about preprocessors
preprocess: vitePreprocess(), preprocess: vitePreprocess(),
kit: { kit: {
// 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;

32
tsconfig.json
View File

@ -1,18 +1,18 @@
{ {
"extends": "./.svelte-kit/tsconfig.json", "extends": "./.svelte-kit/tsconfig.json",
"compilerOptions": { "compilerOptions": {
"allowJs": true, "allowJs": true,
"checkJs": true, "checkJs": true,
"esModuleInterop": true, "esModuleInterop": true,
"forceConsistentCasingInFileNames": true, "forceConsistentCasingInFileNames": true,
"resolveJsonModule": true, "resolveJsonModule": true,
"skipLibCheck": true, "skipLibCheck": true,
"sourceMap": true, "sourceMap": true,
"strict": true, "strict": true,
"moduleResolution": "bundler" "moduleResolution": "bundler"
} }
// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias // 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 // 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 // from the referenced tsconfig.json - TypeScript does not merge them in
} }

6
vite.config.ts
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()],
}); });