Merge pull request #66 from jochemvogel/release/0.3.2

Release/0.3.2
HBO-i · Sep 4, 2022 · c2c5e42 · c2c5e42
2 parents 986cc77 + 4139030
commit c2c5e42
Show file tree

Hide file tree

Showing 28 changed files with 405 additions and 121 deletions.
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -0,0 +1,52 @@
+name: "\U0001F41E Bug report"
+description: Create a report to help us improve
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report! **Before you start, make sure you have the latest versions of the packages you're using.
+  - type: textarea
+    id: bug-description
+    attributes:
+      label: Describe the bug
+      description: A clear and concise description of what the bug is.
+      placeholder: Bug description
+    validations:
+      required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Reproduction
+      description: steps to reproduce the behavior
+      placeholder: Reproduction
+    validations:
+      required: true
+  - type: textarea
+    id: expected-behavior
+    attributes:
+      label: Expected Behavior
+      description: A clear and concise description of what you expected to happen
+    validations:
+      required: true
+  - type: textarea
+    id: system-info
+    attributes:
+      label: System Information
+      description: Device, OS, Browser, Version
+    validations:
+      required: true
+  - type: dropdown
+    id: severity
+    attributes:
+      label: Severity
+      options:
+        - annoyance
+        - serious, but I can work around it
+        - blocking an upgrade
+        - blocking all usage of ICT Methods
+    validations:
+      required: true
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional Information
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml
@@ -0,0 +1,44 @@
+name: 'Feature Request'
+description: Suggest an idea for this project
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to request this feature!
+  - type: textarea
+    id: problem
+    attributes:
+      label: Describe the problem
+      description: Please provide a clear and concise description the problem this feature would solve. The more information you can provide here, the better.
+      placeholder: I'm always frustrated when...
+    validations:
+      required: true
+  - type: textarea
+    id: solution
+    attributes:
+      label: Describe the proposed solution
+      description: Please provide a clear and concise description of what you would like to happen.
+      placeholder: I would like to see...
+    validations:
+      required: true
+  - type: textarea
+    id: alternatives
+    attributes:
+      label: Alternatives considered
+      description: "Please provide a clear and concise description of any alternative solutions or features you've considered."
+  - type: dropdown
+    id: importance
+    attributes:
+      label: Importance
+      description: How important is this feature to you?
+      options:
+        - nice to have
+        - would make my life easier
+        - i cannot use ICT Methods without it
+    validations:
+      required: true
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional Information
+      description: Add any other context or screenshots about the feature request here.
diff --git a/src/app.html b/src/app.html
@@ -60,7 +60,7 @@
 		<title>ICT Research Methods — Methods Pack for Research in ICT</title>
 		%sveltekit.head%
 	</head>
-	<body>
+	<body data-sveltekit-prefetch>
 		<noscript>
 			<p style="width: 100%; text-align: center">
 				Please turn on JavaScript for the best experience. Here are the

diff --git a/src/lib/assets/icons/edit.svelte b/src/lib/assets/icons/edit.svelte
@@ -0,0 +1,13 @@
+<svg
+	fill="currentColor"
+	height="20"
+	width="20"
+	viewBox="0 0 40 40"
+	class="iconEdit_IMw_"
+	aria-hidden="true"
+	><g
+		><path
+			d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"
+		/></g
+	></svg
+>
diff --git a/src/lib/components/EditPage.svelte b/src/lib/components/EditPage.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import Edit from '$lib/assets/icons/edit.svelte';
+
+	export let editRoute: string;
+</script>
+
+<div class="edit-page-container">
+	<a
+		href={`https://github.com/jochemvogel/ictmethods.nl/edit/development/src/routes/${editRoute}/%2Bpage.svelte`}
+		target="_blank"
+		title="Edit page on Github"><Edit />Edit this page</a
+	>
+</div>
+
+<style>
+	.edit-page-container {
+		margin-top: 2em;
+	}
+
+	a {
+		display: flex;
+		gap: 0.2em;
+	}
+</style>
diff --git a/src/lib/components/SearchField.svelte b/src/lib/components/SearchField.svelte
@@ -83,7 +83,7 @@
 		justify-content: center;
 		padding: 1em;
 
-		@include desktop {
+		@include desktop-small {
 			padding: 0;
 		}
 
@@ -104,7 +104,7 @@
 				color: var(--color-text-secondary);
 			}
 
-			@include desktop {
+			@include desktop-small {
 				width: 40em;
 				font-size: 0.8em;
 				text-align: left;
@@ -131,7 +131,7 @@
 			justify-content: center;
 			align-items: center;
 
-			@include desktop {
+			@include desktop-small {
 				display: flex;
 			}
 
@@ -161,7 +161,7 @@
 		border-bottom-left-radius: 0.5em;
 		border-bottom-right-radius: 0.5em;
 
-		@include desktop {
+		@include desktop-small {
 			width: 100%;
 		}
 

diff --git a/src/lib/components/layout/Footer.svelte b/src/lib/components/layout/Footer.svelte
@@ -10,7 +10,7 @@
 		word-spacing: 0.5px;
 		font-size: 1.15em;
 
-		@include desktop {
+		@include desktop-small {
 			display: none;
 		}
 

diff --git a/src/lib/components/layout/Topbar.svelte b/src/lib/components/layout/Topbar.svelte
@@ -61,7 +61,7 @@
 		align-items: center;
 		flex-direction: column;
 
-		@include desktop {
+		@include desktop-small {
 			height: 4em;
 			border-bottom: 1.5px solid var(--color-bg);
 			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
@@ -79,22 +79,22 @@
 		width: 10em;
 		left: 0;
 
-		@include desktop {
+		@include desktop-small {
 			margin: 0;
 		}
 	}
 
 	.icon-container {
 		display: none;
-		@include desktop {
+		@include desktop-small {
 			display: flex;
 			flex-direction: row;
 			gap: 1.5em;
 		}
 
 		.github,
 		.bmc {
-			@include desktop {
+			@include desktop-small {
 				width: 2em;
 				height: 2em;
 
@@ -108,7 +108,7 @@
 	.theme-switch-desktop {
 		display: none;
 
-		@include desktop {
+		@include desktop-small {
 			display: block;
 			position: absolute;
 			right: 7.5%;

diff --git a/src/lib/components/layout/sidebar/MobileHamburger.svelte b/src/lib/components/layout/sidebar/MobileHamburger.svelte
@@ -30,7 +30,7 @@
 		z-index: 2; // @TODO: z-index.scss
 		border: none;
 
-		@include desktop {
+		@include desktop-small {
 			display: none;
 		}
 

diff --git a/src/lib/components/layout/sidebar/Sidebar.svelte b/src/lib/components/layout/sidebar/Sidebar.svelte
@@ -50,7 +50,7 @@
 	nav {
 		display: none;
 
-		@include desktop {
+		@include desktop-small {
 			display: block;
 			min-width: 15em;
 			max-width: 17.5em;
@@ -82,7 +82,7 @@
 			flex-direction: column;
 			align-items: center;
 
-			@include desktop {
+			@include desktop-small {
 				align-items: stretch;
 			}
 
@@ -100,9 +100,10 @@
 					padding: 0.25em;
 					border-radius: 0.75em;
 
-					@include desktop {
+					@include desktop-small {
 						font-size: 1em;
 						padding: 1em 2em;
+						letter-spacing: 0.5px;
 					}
 				}
 			}
@@ -111,7 +112,7 @@
 		.active {
 			color: var(--color-black);
 
-			@include desktop {
+			@include desktop-small {
 				color: var(--color-white);
 				background-color: var(--color-primary);
 			}
@@ -121,7 +122,7 @@
 	p {
 		display: none;
 
-		@include desktop {
+		@include desktop-small {
 			position: absolute;
 			display: flex;
 			justify-content: center;
@@ -146,7 +147,7 @@
 		transform: scale(0.9);
 		margin-top: 2em;
 
-		@include desktop {
+		@include desktop-small {
 			display: none;
 		}
 	}

diff --git a/src/lib/components/layout/sidebar/SidebarIcon.svelte b/src/lib/components/layout/sidebar/SidebarIcon.svelte
@@ -22,7 +22,7 @@
 	.sidebar-icon {
 		display: none;
 
-		@include tablet-landscape {
+		@include desktop-small {
 			display: flex;
 		}
 	}