Merge pull request #67 from etinaude/urlFilters

Url filters

Author: etinaude

bun.lockb

@@ -1,49 +1,49 @@
 {
-  "name": "portfolio",
-  "version": "0.0.1",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "NODE_ENV=production 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": {
-    "@sveltejs/adapter-auto": "^2.1.1",
-    "@sveltejs/adapter-netlify": "^2.0.8",
-    "@sveltejs/kit": "^1.30.4",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^8.10.0",
-    "eslint-plugin-svelte": "^2.45.1",
-    "prettier": "^2.8.8",
-    "prettier-plugin-svelte": "^2.10.1",
-    "sass": "^1.80.3",
-    "svelte": "^4.2.19",
-    "svelte-check": "^3.8.6",
-    "tslib": "^2.8.0",
-    "typescript": "^5.6.3",
-    "vite": "^4.5.5",
-    "vite-plugin-minify": "^1.5.2",
-    "vite-plugin-optimize-css-modules": "^1.1.0",
-    "vite-plugin-pwa": "^0.16.7"
-  },
-  "dependencies": {
-    "@fontsource/fira-mono": "^5.1.0",
-    "@novacbn/svelte-image-crop": "github:novacbn/svelte-image-crop#0.0.2",
-    "browser-image-compression": "^2.0.2",
-    "cookie": "^0.5.0",
-    "firebase": "^10.14.1",
-    "saos": "^1.3.1",
-    "sharp": "^0.33.5",
-    "svelte-device-info": "^1.0.6",
-    "svelte-easy-crop": "^3.0.0",
-    "svelte-gestures": "^1.5.2",
-    "vanilla-tilt": "^1.8.1"
-  }
+	"name": "portfolio",
+	"version": "0.0.1",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "NODE_ENV=production 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": {
+		"@sveltejs/adapter-auto": "^2.1.1",
+		"@sveltejs/adapter-netlify": "^2.0.8",
+		"@sveltejs/kit": "^1.30.4",
+		"@typescript-eslint/eslint-plugin": "^5.62.0",
+		"@typescript-eslint/parser": "^5.62.0",
+		"eslint": "^8.57.1",
+		"eslint-config-prettier": "^8.10.0",
+		"eslint-plugin-svelte": "^2.45.1",
+		"prettier": "^2.8.8",
+		"prettier-plugin-svelte": "^2.10.1",
+		"sass": "^1.80.3",
+		"svelte": "^4.2.19",
+		"svelte-check": "^3.8.6",
+		"tslib": "^2.8.0",
+		"typescript": "^5.6.3",
+		"vite": "^5.0.0",
+		"vite-plugin-minify": "^2.0.0",
+		"vite-plugin-optimize-css-modules": "^1.2.0",
+		"vite-plugin-pwa": "^0.21.1"
+	},
+	"dependencies": {
+		"@fontsource/fira-mono": "^5.1.0",
+		"@novacbn/svelte-image-crop": "github:novacbn/svelte-image-crop#0.0.2",
+		"browser-image-compression": "^2.0.2",
+		"cookie": "^0.5.0",
+		"firebase": "^10.14.1",
+		"saos": "^1.3.1",
+		"sharp": "^0.33.5",
+		"svelte-device-info": "^1.0.6",
+		"svelte-easy-crop": "^3.0.0",
+		"svelte-gestures": "^1.5.2",
+		"vanilla-tilt": "^1.8.1"
+	}
 }

package.json

@@ -25,7 +25,8 @@
 </div>
 
 <style lang="scss">
-	@import '../styles/root.scss';
+	@use 'src/lib/styles/mixins.scss' as *;
+	@use 'src/lib/styles/variables.scss' as *;
 
 	.banner {
 		@include transition-long;

src/lib/components/Banner.svelte

@@ -58,7 +58,8 @@
 <h2 class="change-text">Programmer</h2>
 
 <style lang="scss">
-	@import '../styles/root.scss';
+	@use 'src/lib/styles/mixins.scss' as *;
+	@use 'src/lib/styles/variables.scss' as *;
 
 	.change-text {
 		color: $light;

src/lib/components/ChanglingText.svelte

@@ -63,7 +63,8 @@
 </section>
 
 <style lang="scss">
-	@import './../styles/root.scss';
+	@use 'src/lib/styles/mixins.scss' as *;
+	@use 'src/lib/styles/variables.scss' as *;
 
 	#base {
 		width: 100vw;

src/lib/components/HeroImage.svelte

@@ -20,10 +20,11 @@
 <Banner bind:this={banner} />
 
 <style lang="scss">
-	@import './../../styles/root.scss';
+	@use 'src/lib/styles/mixins.scss' as *;
+	@use 'src/lib/styles/variables.scss' as *;
 
 	.contacts {
-		--background: #222;
+		--background: $primary;
 		width: min(100%, 1200px);
 
 		display: flex;

src/lib/components/contact/Contact.svelte

@@ -32,7 +32,8 @@
 </div>
 
 <style lang="scss">
-	@import './../../styles/root.scss';
+	@use 'src/lib/styles/mixins.scss' as *;
+	@use 'src/lib/styles/variables.scss' as *;
 	.list {
 		display: flex;
 		flex-wrap: wrap;

src/lib/components/contact/LinksComp.svelte

@@ -40,7 +40,8 @@
 {/if}
 
 <style lang="scss">
-	@import './../../styles/root.scss';
+	@use 'src/lib/styles/mixins.scss' as *;
+	@use 'src/lib/styles/variables.scss' as *;
 
 	h2 {
 		text-align: center;

src/lib/components/contact/MiniProfile.svelte

@@ -14,7 +14,8 @@
 </div>
 
 <style lang="scss">
-	@import './../../styles/root.scss';
+	@use 'src/lib/styles/mixins.scss' as *;
+	@use 'src/lib/styles/variables.scss' as *;
 
 	.outer {
 		@include flex-center;

src/lib/components/layout/Cursor.svelte

@@ -36,6 +36,14 @@
 			leftLink = homeLink;
 			rightLink = projectsLink;
 		}
+
+		// get tags from url
+		const urlParams = new URLSearchParams(window.location.search);
+		let tag = urlParams.get('tag') || '';
+
+		homeLink.url = `/?tag=${tag}`;
+		projectsLink.url = `/projects?tag=${tag}`;
+		contactLink.url = `/contact?tag=${tag}`;
 	});
 </script>
 
@@ -78,7 +86,8 @@
 </header>
 
 <style lang="scss">
-	@import './../../styles/root.scss';
+	@use 'src/lib/styles/mixins.scss' as *;
+	@use 'src/lib/styles/variables.scss' as *;
 
 	header {
 		display: flex;