Git Product home page Git Product logo

dot-com's Introduction

JoshuaKGoldberg Dot Com

πŸ‘ͺ All Contributors: 10 🀝 Code of Conduct: Kept πŸ“ License: MIT πŸ’ͺ TypeScript: Strict

Personal site for Josh Goldberg. Hooray! ✨

Development

See .github/CONTRIBUTING.md, then .github/DEVELOPMENT.md. Thanks! πŸ’–

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Altan Gulen
Altan Gulen

πŸ€”
Atila Fassina
Atila Fassina

πŸ’» πŸ›
Azat S.
Azat S.

πŸ’» πŸ€”
Ben Durrant
Ben Durrant

πŸ’»
Daniel Afonso
Daniel Afonso

πŸ’» πŸ›
Dasa Paddock
Dasa Paddock

πŸ›
Elian
Elian

πŸ’» πŸ›
Josh Goldberg
Josh Goldberg

πŸ› πŸ’» πŸ“– πŸ€” πŸš‡ 🚧 πŸ‘€ ⚠️ πŸ”§
MichaΓ«l De Boey
MichaΓ«l De Boey

πŸ›
Stephen Flynn
Stephen Flynn

πŸ›

This project follows the all-contributors specification. Contributions of any kind welcome!

dot-com's People

Contributors

joshuakgoldberg avatar renovate[bot] avatar allcontributors[bot] avatar azat-io avatar sxflynn avatar astrobot-houston avatar

Stargazers

Quentin Macq avatar Jean-Baptiste avatar Kevin Elliott avatar Giorgio de la Barrera avatar Shivay Lamba avatar Tiberiu Ichim avatar John Reilly avatar Makoto Tateno avatar  avatar Niklas Limberg avatar Anam Fathonaya avatar Ali nazari  avatar lưu văn vĩnh  avatar Golamrabbi Azad avatar Ramses Garate avatar Valentin Ganchev avatar Matheus Albuquerque avatar Kevin avatar karan nakra avatar  avatar LZ91X  avatar  avatar Greg Hammond avatar

Watchers

James Cloos avatar  avatar  avatar

dot-com's Issues

πŸš€ Feature: Add thumbnails to all blog posts

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Not all posts have thumbnails:

Screenshot of several posts entries on joshuakgoldberg.com/blog, only some of which have a thumbnail

...but thumbnails are good for SEO and general branding. I'll go through and backfill in all of them.

Additional Info

No response

πŸš€ Feature: Add page transitions, such as with view transitions API

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Right now the transition between pages is ... choppy. Sudden. A single moment of change.

I'd like to add transitions between pages. For example:

  • Fading header links between standard color (inactive) and blue (inactive)
  • Fading between hero images

Additional Info

No response

πŸ“ Blog post: recommending against eslint-config-prettier and eslint-plugin-prettier

Bug Report Checklist

Overview

The following two tools have historically been used to help ESLint interact nicely with Prettier:

I recommend against both - especially the plugin. But this isn't clear to many. Blog post incoming!

Additional Info

Shoutout to @anishamalde for suggesting I write an explainer in this area and helping ideate contents! 🀝

πŸ› Bug: 'Book' header link maintains squiggly line after navigating to external site

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Expected

If the Book header link is clicked which opens to a new tab, I'd expect that when I close the tab and return to the site, the Book header link would not have a squiggly line because I am not active on that route or external site.

Actual

If you navigate to a route like Projects or Speaking and then click on Book and close the tab, the squiggly line is still there even though you are still navigated to Projects.

Additional Info

I'm a former teacher and Java bootcamp grad building my personal portfolio and I think you have some really great UI ideas. I appreciate you making your portfolio open source so others can learn from you.

UI-Fixes

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

The Font Weight of the About section should be Bolder to an extent , Because for now We have to see the page from more nearly and it is looking more light.
about

Additional Info

No response

πŸš€ Feature: Blog post on contributing to create-typescript-app

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

I've been meaning to write this for months. Folks might have a hard time contributing to this package: both technically (setting up tools) and behaviorally (PR practices).

Additional Info

No response

↖️ External: Set canonical link tags on old Medium articles

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Filing a tracking issue for an out-of-repository improvement: Growtika was kind enough to inform me that my blog is missing on potential traffic due to my old Medium articles not setting a canonical link in Medium. I didn't realize that was an option in the platform! Great πŸ˜„

Additional Info

No response

πŸš€ Feature: Use a Markdown renderer for inline blog markdown

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

There are some places in the blog where I'd wanted to use Markdown inside plain-text places. For example, code snippets in titles:

Why you should use `code thing`

Search for todo.*markdown to find them.

Additional Info

No response

πŸš€ Feature: Add page metadata for previews

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

I want to fill out image, description, and a custom title on pages for social previews

Screenshot of bsky app post with a link card of joshuakgoldberg.com. The link has no description or image.

Additional Info

No response

πŸ› Bug: Blog titles and images don't always look good

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Expected

<meta content="https://joshuakgoldberg.com/images/blog/speeding-up-centered-part-3-barrel-exports.png" property="og:image">

Actual

<meta content="https://joshuakgoldberg.com/images/speeding-up-centered-part-3-barrel-exports.png" property="og:image">

Additional Info

Also, I want to clean up the title while I'm in the area to end with | Goldblog.

πŸš€ Feature: Filterable/tabbed content sections on pages

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

I've wanted to do this for a while, but scrapped it to get the 1.0 MVP out the door:

  • Blog: have filters/tabs for blog post areas: code, personal, TS contribution diary, etc.
  • Projects: maybe just the sections that are there now?
  • Speaking: podcasts, talks, streams, etc.

Additional Info

No response

πŸš€ Feature: Use Astro Assets for images

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Assets have been experimental for a while, but they seem pretty stable. I'd like to use them.

https://docs.astro.build/en/guides/assets/

Additional Info

After this I'll take another look at performance and SEO. Would be nice to have a best-practices-embracing site as someone who's done perf work a bunch.

πŸ›  Tooling: Simplify CSS tags in BaseLayout.astro

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

@ElianCodes said:

ElianCodes: just an FWY for your CSS imports there in the layout. You can totally import them in the frontmatter!
ElianCodes: in your frontmatter, you can do import './[global.css](https://global.css/)'
ElianCodes: in your BaseLayout your importing it in a <style> component

Additional Info

No response

πŸ›  Tooling: Mismatched typescript-eslint versions: eslint-plugin on 5, parser on 6

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

dot-com/package.json

Lines 31 to 32 in 1e95856

"@typescript-eslint/eslint-plugin": "^5.59.9",
"@typescript-eslint/parser": "^6.0.0",

😱

Additional Info

This mismatch is part of why @bradzacher is making a single, unified @typescript-eslint/core package in typescript-eslint/typescript-eslint#7935!

πŸ›  Tooling: Missing tsc script in CI

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

This repo lints, formats, etc. in CI but doesn't run tsc! So right now on main there are type checking errors:

$ pnpm tsc

> [email protected] tsc /Users/josh/repos/dot-com
> tsc

src/components/ContentEntry.tsx:2:15 - error TS1484: 'JSX' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled.

2 import { For, JSX } from "solid-js";
                ~~~

src/components/GroupedEntries.tsx:1:15 - error TS1484: 'JSX' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled.

1 import { For, JSX } from "solid-js";
                ~~~

src/components/Text.tsx:2:10 - error TS1484: 'JSX' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled.

2 import { JSX, splitProps } from "solid-js";
           ~~~


Found 3 errors in 3 files.

Errors  Files
     1  src/components/ContentEntry.tsx:2
     1  src/components/GroupedEntries.tsx:1
     1  src/components/Text.tsx:2

Additional Info

No response

πŸš€ Feature: Theme toggle should always rotate clockwise

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Right now, when you click the theme toggle:

  • If it's a moon, it rotates counter-clockwise
  • If it's a sun, it rotates clockwise

I'd like to eventually spend the time CSS-tinkering to get it to always be clockwise. But not anytime soon πŸ˜„

Additional Info

No response

πŸš€ Feature: Add tab sections to the projects

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Following up on #36 -> #97, I want a similar treatment for projects. Instead of the giant list right now with sub-headings it'd be great to have tabs for each of the areas of projects.

Additional Info

No response

πŸš€ Feature: Light/dark mode toggle

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Been planning to do this for a while, filing an issue for tracking purposes. I want a persistent light/dark mode toggle that can override the user's native color scheme preference.

Additional Info

No response

πŸš€ Feature: Add ability to remove theme preference

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Right now (as of #103), if you click the theme toggle in the header, it sets a localStorage preference for your theme:

localStorage.setItem("theme", current);

...but that means as you change your system color then the site will not update. What happens if a user wants to clear their setting?

Let's add a "clear" kind of button next to the theme toggle when it's set. That way folks can localStorage.removeItem the setting.

Additional Info

No response

πŸ“ Blog Post: Type Safe Style Systems

Overview

I've given a few variations of this talk and have talked about it with a few folks individually. I think it'd be good to collect the story & reasoning into one place:

  1. How'd We Get Here?
    • An overview of that 'W' shape of effort in the modern landscape
    • Brief history of how these systems all evolved
    • Current trends of how each of those areas are evolving. In particular:
    • Clean CSS: CSS variables, new CSS features, and Tailwind systems & abstractions
    • Dynamic Systems: design systems and scalability patterns
  2. Respective Strengths
    • Clean CSS: Smaller repositories, static & performant content, building design systems
    • Dynamic Systems: Multi-team organizations; complex sites; building design systems too
  3. The Future
    • Where both systems fail: type safety with responsive layouts; difficulty in creating variants
    • A "perfect"(-ish) system proposal: the cleanliness of Tailwind and the scalability of Chakra UI
    • Why continuing to iterate on these scalable systems is important for the industry

πŸ“ Blog post: Why diversity in tech conferences is important

Overview

I had a contentious conversation with a conference organizer recently. I then posted on Bluesky, posted on Mastodon, and posted on Twitter:

Had a contentious email chain with a conference organizer who didn't recognize any issue with their speakers being >80% white dudes. 😬

What are folks' favorite resources for explaining why this is a problem? Especially in support of diverse/representative tech speaker lineups?

...and while there were some interesting discussions & resources, nothing that was exactly what I was looking for. So I'd like to write it from my perspective of why I think having diversity in tech conferences is important.

Surely this won't cause any controversy or attract the attention of internet trolls!

πŸ› Bug: TODO on many blog image alt texts

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Expected

All images should have informative alt text (or "" if they're decorative). Accessibility!

Actual

Oops, I left in alt: TODO in some places...

Additional Info

No response

πŸš€ Feature: Add tab sections to the blog

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Following up on #36 -> #97, I'd like to have sections for the blog. Off the top of my head:

  • Personal things (e.g. plans for a year)
  • Tech dives (speeding up Centered, ...)
  • Interpersonal (No Unattainable Intelligence, ...)
  • TypeScript contribution diary

Additional Info

No response

🎨 Design: Figure out a more accessible text alignment design

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Thanks @ScriptRaccoon for mentioning in https://twitter.com/scriptraccoon/status/1680105778550644736 that centered blocks of text present an accessibility issue. I'll want to investigate an alternative design for something like left-aligning the text.

...I really like how everything is centered through 😩 and have disliked all my first attempts to left-align them. Will need to think on this... πŸ€”

Additional Info

No response

πŸš€ Feature: Add sub-sections under Projects > Biggest

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Right now, under https://www.joshuakgoldberg.com/projects, I just have a few of the bigger projects I'm most involved with listed: typescript-eslint, TypeStat (soon: ts-lift), create-typescript-app. But there are also big projects that I'm newly added to: at least, Mocha. I think it'd be reasonable to have granular sections for, maybe, "TypeScript"? "General testing"? Something? To be determined.

Additional Info

No response

πŸ›  Tooling: Source projects from joshuakgoldberg package

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

Right now I have two repositories that store a list of my projects:

...duplication! It's a pain. I'll set up the latter to publish a joshuakgoldberg package that can be imported by this one.

Additional Info

No response

πŸ› Bug: Linking to sibling blog posts fails due to trailing `/`

I was reading https://www.joshuakgoldberg.com/blog/speeding-up-centered-part-1-81-iframe-embeds and wanted to go to the next part, but when clicking on it I got sent to https://www.joshuakgoldberg.com/blog/speeding-up-centered-part-1-81-iframe-embeds/speeding-up-centered-part-2-hidden-embedded-images instead of https://www.joshuakgoldberg.com/blog/speeding-up-centered-part-2-hidden-embedded-images

Looked into the source code of the blogpost and saw ./speeding-up-centered-part-2-hidden-embedded-images was specified, so that looks good imo

After further inspection, I noticed the trailing / in the blogpost's URL, so I guess removing that will fix this

πŸš€ Feature: Finally migrate my old Medium posts

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

https://www.joshuakgoldberg.com/blog/hello-world says I'll move my old Medium posts over to this new Gatsby blog. I never got around to that because I was nervous about my Medium account getting flagged or something. I'll go ahead and do it now...

Additional Info

...and probably add a disclaimer to the front of that blog post about having since moved to Astro. πŸ˜„

πŸš€ Feature: "Speaker photos" page

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

I'm not famous enough for a press kit or whatnot, but it'd be nice to have a consolidated place for all the nice pictures of me that conferences take. Once in a while I have a need for high quality photos and it's a pain scraping through random Google Photos drops, Discords/Slacks, emails, social media, etc. So this is really for me more than anything else πŸ˜„

It can be linked on the bottom of https://www.joshuakgoldberg.com/speaking, maybe?

Additional Info

Assorted links with photos (adding to this over time):

πŸš€ Feature: Standardize intro & outtro for multi-part blog posts

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

My TS contribution diary used to have a standard "here's what this is & the previous post" intro. And then I'd later add on "here's what came next" later on. Let's standardize that in code somehow.

Additional Info

No response

πŸ› Bug: Dates are off by a day

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Expected

Conference entries have a date listed in their content entry. For example, SeattleJS Conf:

---
category: Talks
date: 2023-08-08
event: "SeattleJS Conf 2023"
href: https://seattlejs.com/talks/dont-fear-the-linter
links:
  Slides: "https://1drv.ms/p/s!AvUc1cvPrJnWvuE5LELJVy5LuVm9Kw"
  Video: "https://seattlejs.com/live"
location: Seattle, USA
title: "Static Analysis: Don't Fear the Linter!"
---

Actual

It's off by a day on the site:

SeattleJS Conf 2023
Aug 7 - Seattle, USA

Static Analysis: Don't Fear the Linter!

Additional Info

πŸ™Œ love datetime logic!

πŸš€ Feature: Styled blog rss.xml

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

You can style xml files and it's always bugged me seeing the default This XML file does not appear to have any style information associated with it. notice in them. Years ago I had to play with XSLT. Let's do it again!

Additional Info

Quick googling found a nice article: https://darekkay.com/blog/rss-styling with a couple of examples I liked in particular:

πŸ› Bug: RSS feed includes .mdx in links

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Expected

RSS feed items should have valid links. https://www.joshuakgoldberg.com/rss.xml

Actual

They include .mdx...

<item>
  <title>2022 In Review</title>
  <link>https://joshuakgoldberg.com/src/content/blog/2022-in-review/index.mdx</link>
  <guid isPermaLink="true">https://joshuakgoldberg.com/src/content/blog/2022-in-review/index.mdx</guid>
  <description>Looking back at a pivotal year in my open source career.</description>
  <pubDate>Sat, 07 Jan 2023 00:00:00 GMT</pubDate>
</item>

Additional Info

As reported by @lukebennett88 on https://elk.zone/fosstodon.org/@[email protected]/110850806499603336. Thanks!

πŸ›  Tooling: Rename to 'dot-com'

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Overview

- JoshuaKGoldberg/joshuakgoldberg-dot-com
+ JoshuaKGoldberg/dot-com

It's so snazzy πŸ˜„ I can't resist.

Additional Info

No response

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.