demo version with watta as author

package.json

@@ -1,5 +1,5 @@
 {
-	"name": "@babichjacob/university-website",
+	"name": "@watta/university-website",
 	"version": "0.0.1",
 	"scripts": {
 		"dev": "svelte-kit dev",

src/app.postcss

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
 
 @tailwind base;
 ::selection {

src/routes/_site.config.js

@@ -1,14 +1,14 @@
-import babichjacob from "./_me.png";
+import watta from "./_me.png";
 
-export const author = "J / Jacob Babich";
+export const author = "Paul Watta";
-export const shortName = "World's Best Blog";
+export const shortName = "Paul Watta's Blog";
-export const name = "J / Jacob Babich's Blog - The World's Best";
+export const name = "Paul Watta's Blog";
-export const description = "This is where I go to write some thoughts. I usually write about programming and my time at University.";
+export const description = "This is my blog where I write about life and my experience teaching as a computer engineering professor at the University of Michigan-Dearborn.";
 export const lang = "en-US";
 
 export const authors = {
-    "babichjacob": {
+    "watta": {
-        name: "J / Jacob Babich",
+        name: "Paul Watta",
-        photo: babichjacob,
+        photo: watta,
     }
 };

src/routes/blog/i-hate-your-theme-switch/index.svelte.md

@@ -1,35 +1,43 @@
 ---
 layout: blog
-author: babichjacob
+author: watta
 created: 2020-08-23T00:00:00
-title: "I hate your theme switch"
+title: 'I hate your theme switch'
-subtitle: "Just copy my system theme and be done with it."
+subtitle: 'Just copy my system theme and be done with it.'
 ---
 
 Prologue.
 
 # How did we get here?
+
 This is where I'd write the introductory knowledge.
 
 ## Why you think your theme switch is a good idea
+
 Sure, you're supporting multiple themes on your site, which is really nice for
 
 ## The problems with this approach
+
 It's another UI element to design.
 
 Your site will never match my theme without writing custom JavaScript to copy it.
-* Your site won't be themed without JavaScript enabled.
+
-* Your users have to download that extra code for a feature that could be supported without it --- if you're willing to believe that manually switching themes on just one site is probably unnecessary *on your site*.
+- Your site won't be themed without JavaScript enabled.
-* (Extreme nitpick) your site's theme won't transition smoothly with the rest of the system on macOS. **Imagine I put a video here demonstrating**
+- Your users have to download that extra code for a feature that could be supported without it --- if you're willing to believe that manually switching themes on just one site is probably unnecessary _on your site_.
+- (Extreme nitpick) your site's theme won't transition smoothly with the rest of the system on macOS. **Imagine I put a video here demonstrating**
 
 # My preferred solutions
+
 Reminder: This is all my opinion, and other users of your site may disagree.
 
 ## Option 1: No theme switch
+
 Always use the system theme and be done with it.
 
 ## Option 2: Not a theme switch, but a theme option menu
+
 Have 3 mutually exclusive buttons: use system theme, always use light theme, and always use dark theme.
 
 ## Implementation
+
 Always do the theming in the CSS. Don't store theme information in JavaScript beyond the button interactivity.

src/routes/blog/my-computer-architecture-design-project/index.svelte.md

@@ -1,11 +1,11 @@
 ---
 layout: blog
-author: babichjacob
+author: watta
 created: 2021-04-17T00:00:00
-title: "Showcasing my computer architecture design final project"
+title: 'Showcasing my computer architecture design final project'
-subtitle: "... that my partner did the majority of the work on."
+subtitle: '... that my partner did the majority of the work on.'
 ---
 
 This is just an example blog post.
 
-*I don't want* to have to make a bunch of example paragraphs for this.
+_I don't want_ to have to make a bunch of example paragraphs for this.

src/routes/blog/reflecting-on-2020-2021-school-year/index.svelte.md

@@ -1,15 +1,16 @@
 ---
 layout: blog
-author: babichjacob
+author: watta
 created: 2021-04-25T00:00:00
 title: "Reflecting on the 2020–2021 school year"
-subtitle: "How online learning has been my uprise and downfall."
+subtitle: "How online teaching is different than in-person."
 ---
 
-# Fall semester
+# Challenges it introduces
-Things were really good! This was one of my best semesters in college
 
-I got a false sense of confidence from it.
+A list of things:
+* You can't see people face to face
 
-# Winter semester
+# Things it makes easier
-AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+
+* Nothing

src/routes/blog/starting-winter-2021/index.svelte.md

@@ -1,11 +1,11 @@
 ---
 layout: blog
-author: babichjacob
+author: watta
 created: 2021-01-13T00:00:00
-title: "Starting the Winter 2021 semester"
+title: 'Starting the Winter 2021 semester'
-subtitle: "Ready for a harder semester after a rejuvenating longer-than-usual break"
+subtitle: 'Ready for a harder semester after a rejuvenating longer-than-usual break'
 ---
 
 This is just an example blog post.
 
-*I don't want* to have to make a bunch of example paragraphs for this.
+_I don't want_ to have to make a bunch of example paragraphs for this.

src/routes/blog/why-i-dont-write-tutorials/index.svelte.md

@@ -1,6 +1,6 @@
 ---
 layout: blog
-author: babichjacob
+author: watta
 created: 2020-10-20T00:00:00
 title: "Why I don't write (or even like) tutorials"
 subtitle: "We as developers already know communication is hard, so let's skip that step."

src/routes/manifest.json.ts

@@ -1,6 +1,6 @@
-import type { RequestHandler } from "@sveltejs/kit";
+import type { RequestHandler } from '@sveltejs/kit';
 
-import colors from "tailwindcss/colors.js";
+import colors from 'tailwindcss/colors.js';
 
 import { author, description, lang, name, shortName } from './_site.config.js';
 
@@ -31,7 +31,7 @@ export const get: RequestHandler = async () => {
 			start_url: '/',
 			display: 'minimal-ui',
 			background_color: '#FFFFFF',
-			theme_color: colors.amber[500],
+			theme_color: colors.pink[500],
 			shortcuts: [
 				{
 					name: 'Read my Blog',
@@ -46,8 +46,8 @@ export const get: RequestHandler = async () => {
 					description: `Take a look at all the projects ${author} has to show`,
 					url: '/blog',
 					icons: [] // TODO,
-				},
+				}
-			],
+			]
-		},
+		}
 	};
 };

tailwind.config.cjs

@@ -11,12 +11,12 @@ module.exports = {
 		extend: {
 			colors: {
 				gray: colors.trueGray,
-				amber: colors.amber,
+				pink: colors.pink,
 			},
 
 			fontFamily: {
-				sans: ["'Rubik'", ...defaultTheme.fontFamily.sans],
+				sans: ["'Crimson Text'", ...defaultTheme.fontFamily.sans],
-				heading: ["'Rubik'", ...defaultTheme.fontFamily.serif],
+				heading: ["'Crimson Text'", ...defaultTheme.fontFamily.serif],
 			},
 
 			maxWidth: {
@@ -42,9 +42,9 @@ module.exports = {
 							"on-primary-faint": "gray-400",
 
 
-							"accent": "amber-600",
+							"accent": "pink-600",
-							"accent-vivid": "amber-400",
+							"accent-vivid": "pink-400",
-							"accent-strong": "amber-800",
+							"accent-strong": "pink-800",
 							
 							"on-accent": "black",
 						},
@@ -62,9 +62,9 @@ module.exports = {
 							"on-primary-faint": "gray-600",
 
 
-							"accent": "amber-400",
+							"accent": "pink-400",
-							"accent-vivid": "amber-600",
+							"accent-vivid": "pink-600",
-							"accent-strong": "amber-200",
+							"accent-strong": "pink-200",
 							
 							"on-accent": "white",
 						},