run prettier

Kractero · Oct 2, 2023 · a084046 · a084046
1 parent 0105774
commit a084046
Show file tree

Hide file tree

Showing 12 changed files with 107 additions and 115 deletions.
diff --git a/postcss.config.js b/postcss.config.js
@@ -1,6 +1,6 @@
 export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {}
+	}
+};
diff --git a/src/app.css b/src/app.css
@@ -5,51 +5,33 @@
 @tailwind utilities;
 
 @layer base {
-    :root {
-        --color-primary: 255 255 255;
-        --color-secondary: 229 231 235;
-        --color-tertiary: 203 213 225;
-        --text-primary: 30 41 59;
-        --text-content: 71 85 105;
-        --card-text-primary: 15 23 42;
-        --card-text-secondary: 51 65 85;
-        --labels: 0 0 0;
-        --buttons: 255 255 255;
-        --herobuttons: 15 23 42;
-        --herobuttons-hover: 51 65 85;
-    }
+	:root {
+		--color-primary: 255 255 255;
+		--color-secondary: 229 231 235;
+		--color-tertiary: 203 213 225;
+		--text-primary: 30 41 59;
+		--text-content: 71 85 105;
+		--card-text-primary: 15 23 42;
+		--card-text-secondary: 51 65 85;
+		--labels: 0 0 0;
+		--buttons: 255 255 255;
+		--herobuttons: 15 23 42;
+		--herobuttons-hover: 51 65 85;
+	}
 
-    @media (prefers-color-scheme: dark) {
-        :root {
-            --color-primary: 30 41 59;
-            --color-secondary: 226 232 240;
-            --color-tertiary: 148 163 184;
-            --text-primary: 255 255 255;
-            --text-content: 214 211 209;
-            --card-text-primary: 15 23 42;
-            --card-text-secondary: 51 65 85;
-            --labels: 0 0 0;
-            --buttons: 0 0 0;
-            --herobuttons: 14 165 223;
-            --herobuttons-hover: 56 189 248;
-        }
-    }
+	@media (prefers-color-scheme: dark) {
+		:root {
+			--color-primary: 30 41 59;
+			--color-secondary: 226 232 240;
+			--color-tertiary: 148 163 184;
+			--text-primary: 255 255 255;
+			--text-content: 214 211 209;
+			--card-text-primary: 15 23 42;
+			--card-text-secondary: 51 65 85;
+			--labels: 0 0 0;
+			--buttons: 0 0 0;
+			--herobuttons: 14 165 223;
+			--herobuttons-hover: 56 189 248;
+		}
+	}
 }
-
-.clienthide {
-    opacity: 0;
-    transform: translateX(-100%);
-    transition: all 1s;
-}
-
-@media (prefers-reduced-motion) {
-    .clienthide {
-        transition: none;
-    }
-}
-
-.show {
-    opacity: 1;
-    transform: translateX(0);
-    transition: all 1s;
-}
diff --git a/src/app.html b/src/app.html
@@ -1,16 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width" />
+		%sveltekit.head%
+	</head>
 
-<head>
-	<meta charset="utf-8" />
-	<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-	<meta name="viewport" content="width=device-width" />
-	%sveltekit.head%
-</head>
-
-<body class="flex flex-col items-center min-h-screen text-textprimary bg-background font-notosans p-2 mb-16"
-	data-sveltekit-preload-data="hover">
-	<div style="display: contents">%sveltekit.body%</div>
-</body>
-
-</html>
+	<body
+		class="flex flex-col items-center min-h-screen text-textprimary bg-background font-notosans p-2 mb-16"
+		data-sveltekit-preload-data="hover"
+	>
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/src/component/Tool.svelte b/src/component/Tool.svelte
@@ -1,12 +1,16 @@
 <script>
-    export let slug = "";
-    export let tool = "";
-    export let description = "";
+	export let slug = '';
+	export let tool = '';
+	export let description = '';
 </script>
-<a href={`/tools/${slug}`} class="text-cardprimarytext mt-16 rounded-sm bg-content w-60 p-4 flex flex-col items-start">
-    <div class="flex items-center text-xl font-semi-bold">
-        <img alt={tool} src={`${tool}.png`} />
-        {tool}
-    </div>
-    <p class="text-cardsecondarytext text-sm">{description}</p>
-</a>
+
+<a
+	href={`/tools/${slug}`}
+	class="text-cardprimarytext mt-16 rounded-sm bg-content w-60 p-4 flex flex-col items-start border border-black transition duration-200 hover:shadow-lg hover:scale-105"
+>
+	<div class="flex items-center text-xl font-semi-bold">
+		<img alt={tool} src={`${tool}.png`} />
+		{tool}
+	</div>
+	<p class="text-cardsecondarytext text-sm">{description}</p>
+</a>
diff --git a/src/globals.ts b/src/globals.ts
@@ -1,7 +1,7 @@
-import { XMLParser } from "fast-xml-parser";
+import { XMLParser } from 'fast-xml-parser';
 
-export const parser = new XMLParser({ignoreAttributes : false});
+export const parser = new XMLParser({ ignoreAttributes: false });
 
 export function sleep(ms: number) {
-    return new Promise((resolve) => setTimeout(resolve, ms));
-  }
+	return new Promise((resolve) => setTimeout(resolve, ms));
+}
diff --git a/src/lib/htmlContent.ts b/src/lib/htmlContent.ts
@@ -3,8 +3,10 @@ export const htmlContent = (content: string, style?: string, sortFunction?: stri
     <html>
     <head>
     <style>
-    ${style ? style : 
-    `
+    ${
+			style
+				? style
+				: `
     td.createcol p {
       padding-left: 10em;
     }
@@ -36,14 +38,17 @@ export const htmlContent = (content: string, style?: string, sortFunction?: stri
     tr:hover {
       background-color: lightgrey;
     }
-    `}
+    `
+		}
     </style>
     </head>
     <body>
     <table>
     ${content}
-    ${sortFunction ? "" : 
-  `
+    ${
+			sortFunction
+				? ''
+				: `
     <tr>
     <td>
       <p>
@@ -56,7 +61,8 @@ export const htmlContent = (content: string, style?: string, sortFunction?: stri
       </p>
     </td>
   </tr>
-    `}
+    `
+		}
     </table>
     <script>
     document.querySelectorAll("td").forEach(function(el) {
@@ -66,7 +72,7 @@ export const htmlContent = (content: string, style?: string, sortFunction?: stri
         row.parentNode.removeChild(row);
       });
     });
-    ${sortFunction || ""}
+    ${sortFunction || ''}
     </script>
     </body>
     </html>

diff --git a/src/lib/sortFunctionString.ts b/src/lib/sortFunctionString.ts
@@ -23,7 +23,7 @@ sortableColumns.forEach(col => {
         col.setAttribute('data-order', newOrder);
     });
 });
-`
+`;
 export let style = `
 body {
     font-size: 14px;
@@ -71,4 +71,4 @@ a {
 a:hover {
     text-decoration: underline;
 }
-`
+`;
diff --git a/src/lib/txtIterator.ts b/src/lib/txtIterator.ts
@@ -1,8 +1,8 @@
 export async function nsIterator(puppets: string, mode: string, main?: string) {
 	let puppetsList = puppets.split('\n');
 	let buildString = '';
-    let containerise_nation = '';
-    let containerise_container = '';
+	let containerise_nation = '';
+	let containerise_container = '';
 	for (let i = 0; i < puppetsList.length; i++) {
 		let nation = puppetsList[i];
 		if (nation.includes(',')) {
@@ -19,5 +19,5 @@ export async function nsIterator(puppets: string, mode: string, main?: string) {
 			}</p></td><td><p><a target="_blank" href="https://www.nationstates.net/nation=${nation_formatted}/page=upload_flag/test=1/User_agent=${main}">Link to Nation</a></p></td></tr>`;
 		}
 	}
-    return mode === 'Container Rules' ? [containerise_nation, containerise_container]: buildString;
+	return mode === 'Container Rules' ? [containerise_nation, containerise_container] : buildString;
 }
diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
@@ -1 +1 @@
-export const prerender = true;
+export const prerender = true;
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
@@ -1 +1 @@
-export const prerender = true;
+export const prerender = true;
diff --git a/src/routes/navigation.svelte b/src/routes/navigation.svelte
@@ -13,4 +13,4 @@
 			});
 		});
 	});
-</script>
+</script>
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,24 +1,24 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: ['./src/**/*.{html,js,svelte,ts}'],
-  theme: {
-    extend: {
-      colors: {
-        background: 'rgb(var(--color-primary) / <alpha-value>)',
-        content: 'rgb(var(--color-secondary) / <alpha-value>)',
-        tertiary: 'rgb(var(--color-tertiary) / <alpha-value>)',
-        textprimary: 'rgb(var(--text-primary) / <alpha-value>)',
-        textcontent: 'rgb(var(--text-content) / <alpha-value>)',
-        cardprimarytext: 'rgb(var(--card-text-primary) / <alpha-value>)',
-        cardsecondarytext: 'rgb(var(--card-text-secondary) / <alpha-value>)',
-        label: 'rgb(var(--labels) / <alpha-value>)',
-        herobuttons: 'rgb(var(--herobuttons) / <alpha-value>)',
-        herobuttonshover: 'rgb(var(--herobuttons-hover) / <alpha-value>)',
-        buttons: 'rgb(var(--buttons) / <alpha-value>)'
-      },
-      fontFamily: {
-        notosans: ['Noto Sans', 'sans-serif']
-      }
-    },
-  },
-}
+	content: ['./src/**/*.{html,js,svelte,ts}'],
+	theme: {
+		extend: {
+			colors: {
+				background: 'rgb(var(--color-primary) / <alpha-value>)',
+				content: 'rgb(var(--color-secondary) / <alpha-value>)',
+				tertiary: 'rgb(var(--color-tertiary) / <alpha-value>)',
+				textprimary: 'rgb(var(--text-primary) / <alpha-value>)',
+				textcontent: 'rgb(var(--text-content) / <alpha-value>)',
+				cardprimarytext: 'rgb(var(--card-text-primary) / <alpha-value>)',
+				cardsecondarytext: 'rgb(var(--card-text-secondary) / <alpha-value>)',
+				label: 'rgb(var(--labels) / <alpha-value>)',
+				herobuttons: 'rgb(var(--herobuttons) / <alpha-value>)',
+				herobuttonshover: 'rgb(var(--herobuttons-hover) / <alpha-value>)',
+				buttons: 'rgb(var(--buttons) / <alpha-value>)'
+			},
+			fontFamily: {
+				notosans: ['Noto Sans', 'sans-serif']
+			}
+		}
+	}
+};
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export const prerender = true;
		export const prerender = true;
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,4 +13,4 @@ @@
     			});
     		});
     	});
-    </script>
+    </script>