diff --git a/package.json b/package.json index b847c13..f2f8b39 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "@babichjacob/university-website", + "name": "@watta/university-website", "version": "0.0.1", "scripts": { "dev": "svelte-kit dev", diff --git a/src/app.postcss b/src/app.postcss index 91134c7..97616a9 100644 --- a/src/app.postcss +++ b/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 { diff --git a/src/routes/_favicon.png b/src/routes/_favicon.png index 52ec7b0..955700f 100644 Binary files a/src/routes/_favicon.png and b/src/routes/_favicon.png differ diff --git a/src/routes/_me.png b/src/routes/_me.png index 52ec7b0..955700f 100644 Binary files a/src/routes/_me.png and b/src/routes/_me.png differ diff --git a/src/routes/_site.config.js b/src/routes/_site.config.js index 6e56e4a..bdfbeff 100644 --- a/src/routes/_site.config.js +++ b/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 shortName = "World's Best Blog"; -export const name = "J / Jacob Babich's Blog - The World's Best"; -export const description = "This is where I go to write some thoughts. I usually write about programming and my time at University."; +export const author = "Paul Watta"; +export const shortName = "Paul Watta's Blog"; +export const name = "Paul Watta's Blog"; +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": { - name: "J / Jacob Babich", - photo: babichjacob, + "watta": { + name: "Paul Watta", + photo: watta, } }; diff --git a/src/routes/blog/i-hate-your-theme-switch/index.svelte.md b/src/routes/blog/i-hate-your-theme-switch/index.svelte.md index 113a036..97e9ed7 100644 --- a/src/routes/blog/i-hate-your-theme-switch/index.svelte.md +++ b/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" -subtitle: "Just copy my system theme and be done with it." +title: 'I hate your theme switch' +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 + +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*. -* (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 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_. +- (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. diff --git a/src/routes/blog/my-computer-architecture-design-project/index.svelte.md b/src/routes/blog/my-computer-architecture-design-project/index.svelte.md index ef3709b..ce785fb 100644 --- a/src/routes/blog/my-computer-architecture-design-project/index.svelte.md +++ b/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" -subtitle: "... that my partner did the majority of the work on." +title: 'Showcasing my computer architecture design final project' +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. diff --git a/src/routes/blog/reflecting-on-2020-2021-school-year/index.svelte.md b/src/routes/blog/reflecting-on-2020-2021-school-year/index.svelte.md index 0c43e20..2cabcce 100644 --- a/src/routes/blog/reflecting-on-2020-2021-school-year/index.svelte.md +++ b/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 -Things were really good! This was one of my best semesters in college +# Challenges it introduces -I got a false sense of confidence from it. +A list of things: +* You can't see people face to face -# Winter semester -AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA +# Things it makes easier + +* Nothing diff --git a/src/routes/blog/starting-winter-2021/index.svelte.md b/src/routes/blog/starting-winter-2021/index.svelte.md index f08ec48..af7ea3e 100644 --- a/src/routes/blog/starting-winter-2021/index.svelte.md +++ b/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" -subtitle: "Ready for a harder semester after a rejuvenating longer-than-usual break" +title: 'Starting the Winter 2021 semester' +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. diff --git a/src/routes/blog/why-i-dont-write-tutorials/index.svelte.md b/src/routes/blog/why-i-dont-write-tutorials/index.svelte.md index cbb0d23..ed35cef 100644 --- a/src/routes/blog/why-i-dont-write-tutorials/index.svelte.md +++ b/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." diff --git a/src/routes/manifest.json.ts b/src/routes/manifest.json.ts index fe1d4f6..8b1df29 100644 --- a/src/routes/manifest.json.ts +++ b/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, - }, - ], - }, + } + ] + } }; }; diff --git a/tailwind.config.cjs b/tailwind.config.cjs index e1031e2..ee8ba46 100644 --- a/tailwind.config.cjs +++ b/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], - heading: ["'Rubik'", ...defaultTheme.fontFamily.serif], + sans: ["'Crimson Text'", ...defaultTheme.fontFamily.sans], + heading: ["'Crimson Text'", ...defaultTheme.fontFamily.serif], }, maxWidth: { @@ -42,9 +42,9 @@ module.exports = { "on-primary-faint": "gray-400", - "accent": "amber-600", - "accent-vivid": "amber-400", - "accent-strong": "amber-800", + "accent": "pink-600", + "accent-vivid": "pink-400", + "accent-strong": "pink-800", "on-accent": "black", }, @@ -62,9 +62,9 @@ module.exports = { "on-primary-faint": "gray-600", - "accent": "amber-400", - "accent-vivid": "amber-600", - "accent-strong": "amber-200", + "accent": "pink-400", + "accent-vivid": "pink-600", + "accent-strong": "pink-200", "on-accent": "white", },