Merge branch 'develop'

Reviewed-on: #11

README.md

@@ -1,38 +1,11 @@
-# create-svelte
+# blog.hareworks.net
 
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+<img src="https://blog.hareworks.net/img/logo.png" width="200">
 
-## Creating a project
+## About
 
-If you're seeing this, you've probably already done this step. Congrats!
+This is the source code for my blog at [blog.hareworks.net](https://blog.hareworks.net).
 
-```bash
+## Made with SvelteKit
-# create a new project in the current directory
-npm create svelte@latest
 
-# create a new project in my-app
+This blog is made with SvelteKit.
-npm create svelte@latest my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-## Building
-
-To create a production version of your app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

articles

@@ -1 +0,0 @@
-Subproject commit d1d724d1170e8cd2460cf1beb5098161ac33ef9a

src/lib/app.scss

@@ -1,3 +1,4 @@
+@import './ress.css';
 @import '../variables.scss';
 
 @font-face {

src/lib/blog.scss

@@ -7,15 +7,15 @@
 
 	color: var(--color-text);
 
-    padding-left: 2rem;
+	padding-left: 2rem;
-    box-sizing: border-box;
+	box-sizing: border-box;
 
 	h1 {
 		position: relative;
 		width: auto;
 		font-size: 1.8rem;
 		margin-bottom: 0.5rem;
-        margin-left: -1rem;
+		margin-left: -1rem;
 	}
 
 	hr {
@@ -23,7 +23,7 @@
 		margin: 0;
 		border: none;
 		border-top: 1px solid var(--color-outline);
-        margin-left: -1rem;
+		margin-left: -1rem;
 	}
 
 	h2 {
@@ -112,13 +112,13 @@
 		}
 	}
 
-	code:not(pre>code) {
+	code:not(pre > code) {
 		display: inline-block;
 		font-family: monospace;
-        font-size: 0.9rem;
+		font-size: 0.9rem;
 		background: #66666666;
-        padding: 0 0.3rem;
+		padding: 0 0.3rem;
-        border-radius: 0.5rem;
+		border-radius: 0.5rem;
 	}
 
 	pre {

src/lib/ress.css

@@ -0,0 +1 @@
+html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}

src/routes/+layout.svelte

@@ -1,5 +1,18 @@
 <script>
-  import '$lib/app.scss';
+	import '$lib/app.scss';
 </script>
 
+<svelte:head>
+	<!-- Google tag (gtag.js) -->
+	<script async src="https://www.googletagmanager.com/gtag/js?id=G-6D99J1R7DX"></script>
+	<script>
+		window.dataLayer = window.dataLayer || [];
+		function gtag() {
+			dataLayer.push(arguments);
+		}
+		gtag('js', new Date());
+		gtag('config', 'G-6D99J1R7DX');
+	</script>
+</svelte:head>
+
 <slot />