Merge pull request #14 from torontojs/feat/add-newsletter

Feature: move all newsletter issues from substack to github

src/content/authors/drey.md

@@ -0,0 +1,13 @@
+---
+name: drey moreau
+avatar: ./assets/logo.jpg
+avatarAlt: A picture of the torontoJS logo.
+email: [email protected]
+website: https://dreymoreau.netlify.app
+socialMedia:
+  Github: https://github.com/dreymoreau
+  CodePen: https://codepen.io/dreymotoh
+  LinkedIn: https://www.linkedin.com/in/dreymoreau
+---
+
+drey (they/them) is a developer, artist, activist, thinker, explorer. through nature, queerness, focusing on creating impact, etc.⁠....*⁠.⁠｡⁠*⁠♡ this allows for the conceptualization, trial and error, building and shipping of products, processes to stem from intention.

src/content/authors/evert.md

@@ -0,0 +1,5 @@
+---
+name: Evert
+avatar: ./assets/tjs.png
+avatarAlt: Toronto JS Icon
+---

src/content/authors/marco.md

@@ -13,4 +13,4 @@ Marco is a Senior web developer with over 10 years of experience, ranging from f
 
 He has a passion for accessibility and PWAs and loves to teach and share his knowledge with others.
 
-He strongly believe that technology and specially the web should be open and available to eveyone, and that's why he's always looking for ways to make the web a better place and contribute to open source projects.
+He strongly believes that technology and especially the web should be open and available to everyone, and that's why he's always looking for ways to make the web a better place and contribute to open source projects.

src/content/blog/2023/06/tldr-1.md

@@ -0,0 +1,55 @@
+---
+title: "Toronto JS TL;DR Issue #1"
+createdAt: 2023-06-28T15:45:00
+author: evert
+image: ./assets/runescape.png
+imageAlt: A screenshot of RuneSweeper, a Runescape inspired Minesweeper game
+summary: Summer is here, and welcome to the first issue of Toronto JS TL;DR. This is the Toronto Javascript newsletter, by you for you.
+tags:
+  - TLDR
+  - Newsletter
+  - Community
+---
+Summer is here, and welcome to the first issue of Toronto JS TL;DR. This is the Toronto Javascript newsletter, by you for you.
+
+Our goal with this newsletter to is keep you apprised of what's going on with Toronto JS and provide a spotlight of your projects. If you have anything to share for the next edition, find us on the [Toronto JS slack](https://torontojs.slack.com/).
+
+# Upcoming events
+
+We got a packed schedule the next few weeks, with 4 Toronto JS events:
+
+- [JS Social: Online - June 28](https://www.meetup.com/torontojs/events/mrmfftyfcjblc/) - TODAY!
+- [JS Technical Interview Prep - June 29](https://guild.host/events/js-technical-interview-awf6em)
+- [JS Code Club: Online - July 15](https://www.meetup.com/torontojs/events/dctzbtyfckbtb/)
+- [JS Tech Talk: Web Fonts, Web Components, Svelte! - July 27](https://guild.host/events/js-tech-talk-web-fonts-l8sro4)
+
+Also happening in Toronto that might be worth a look:
+
+- [The React Developer's Guide to OAuth2 - June 29](https://www.meetup.com/toronto-react-native/events/294130639/) - TOMORROW! - Organized by the React + Native group.
+- [Refactor DX - July 12-13](https://www.refactorconf.com/?lang=en) - A conference in Toronto about Developer Tooling. Use the "TORONTOJS" coupon code to get 30% off your ticket!
+
+# Projects from the community
+
+Peter Liu made a [Runescape-inspired Minesweeper game](https://petertyliu.github.io/runesweeper/). Did anyone else not know you could right-click to mark squares as bombs? When I first played this I just randomly pressed anywhere in hopes I would get it right.
+
+![A screenshot of RuneSweeper, a Runescape inspired Minesweeper game.](./assets/runescape.png)
+
+Elizabeth McCready talks about creating desktop layouts from first principles in her article ["Creating a Simple Desktop Layout in CSS with Just an H1 and One Paragraph"](https://gingerkiwi.blog/blog/2023-06-13-creating-a-simple-desktop-layout-in-css-with-just-h1-and-one-paragraph/)
+
+Philippe Schwyter shared that he's working on [a slack bot for generating images](https://cauli.projectzucchini.com/) like Giphy, but instead using DALL-E.
+
+Marco Campos wrote about "[Web Components: A (Not So) Gentle Introduction](https://madcampos.dev/blog/2023/06/web-components-basics/)".
+
+# What's new in Javascript?
+
+We're getting a new keyword `using`, existing alongside `var`, `let` and `const`, which has the unique property that it lets library developers ‘do something' when a symbol goes out of scope.
+
+The news is that this will be part of the next Typescript 5.2 release, and sparked some interesting discussions on the [Toronto JS Slack](https://torontojs.slack.com/). Read all about it on: [Total Typescript.](https://www.totaltypescript.com/typescript-5-2-new-keyword-using)
+
+Last week, Svelte [released version 4](https://svelte.dev/blog/svelte-4) of their frontend framework. The release seems mostly incremental with a focus on performance improvements and the Developer experience.
+
+# Jobs
+
+If you have an open Job Posting relevant to the members of our community, please send an email to [[email protected]](mailto:[email protected]).
+
+We'd love to link it in our next newsletter at no cost.

src/content/blog/2023/07/tldr-2.md

@@ -0,0 +1,49 @@
+---
+title: "Toronto JS TL;DR Issue #2"
+createdAt: 2023-07-12T11:11:00
+author: drey
+summary: Wow!! Over the half way point of the year, isn't that something? One day its January 1st, maybe we were thinking about goals, resolutions, routines and new habits to implement and then all of a sudden, we are over the 6 month mark.
+tags:
+  - TLDR
+  - Newsletter
+  - Community
+---
+Wow!! Over the half way point of the year, isn't that something? One day its January 1st, maybe we were thinking about goals, resolutions, routines and new habits to implement and then all of a sudden, we are over the 6 month mark.
+
+Summer!! Sunshine!! In-person events??? Time outside?? The heat though.
+
+Lots of awesome upcoming events in the city either in-person or online, check them out below!
+
+If you have anything to share for the next edition, find us on the [Toronto JS slack](https://torontojs.slack.com/).
+
+# Upcoming events
+
+- [JS Code Club: Group Programming - July 15 (Online)](https://www.meetup.com/torontojs/events/lvfwftyfckbtb/)
+- [JS Social - July 26 (Online)](https://www.meetup.com/torontojs/events/ttfwftyfckbjc/)
+- [JS Tech Talk: Web Fonts, Web Components, Svelte! — with venue support from Sentry - July 27 (In-person)](https://guild.host/events/js-tech-talk-web-fonts-l8sro4)
+- [JS Social — hosted at Priceline - July 28 (In-person)](https://guild.host/events/july-inperson-social-uobh57)
+
+Also happening in Toronto:
+
+- [Beyond Markdown: Enhancing Developer Docs with MDX on GitHub Pages hosted at Loopio (In-person) - August 3](https://www.meetup.com/toronto-react-native/events/294618947/)
+
+# Projects from the community
+
+Marcelle Rusu (they/them) has been working on building their own language called Coil. They intend it to make web programming simple, expressive, and powerful. Through building [a web based structural editor](https://coil-editor.netlify.app/) they have shown what Coil is capable of.
+
+<video controls>
+  <source src="/assets/project-demo.mp4" type="video/mp4" />
+  <a href="/assets/project-demo.mp4">Download the video</a>
+</video>
+
+# What's new in JavaScript?
+
+[NextAuth.js](https://next-auth.js.org/) is becoming [Auth.js](https://authjs.dev/)! NextAuth is an open-source authentication library that provides a simple and easy-to-use solution for adding authentication and security to web applications. It was created specifically for Next.js, a popular React-based framework, but can also be used with other frameworks and libraries.
+
+Now with the update to v4, it will come with a few breaking changes from the last major version (3.x). This gives developers the ability to test states much more cleanly with the new _status_ option, to have at most two parameters when using the logger API, customization options to built-in pages and much more! [Read more](https://authjs.dev/getting-started/introduction) on the changes/upgrades happening and how to implement Auth.js into your next project!
+
+# Jobs
+
+If you have an open Job Posting relevant to the members of our community, please send an email to [[email protected]](mailto:[email protected]).
+
+We'd love to link it in our next newsletter at no cost.

src/content/blog/2023/07/tldr-3.md

@@ -0,0 +1,58 @@
+---
+title: "Toronto JS TL;DR Issue #3"
+createdAt: 2023-07-26T12:00:00
+author: marco
+summary: Community and growth
+tags:
+  - TLDR
+  - Newsletter
+  - Community
+---
+Hello everyone!
+
+It is amazing to see the community growing and people getting involved in it. If the number of events and happy faces all around is a sign of success, then we _are_ successful!
+
+I'd like to take a moment to shout out to the amazing volunteers that make ideas come true. You are the best and we couldn't do it without you! 🥳
+
+As everyone has bills to pay and, unfortunately, we can't live off dreams alone, we are happy to announce that our [OpenCollective](https://opencollective.com/torontojs) is up!
+
+Please contribute if you can so we can make this community even better!
+
+All the funds will go towards covering the baseline costs of operation and improving the community events experience.
+
+Now, to the news…
+
+# Upcoming events
+
+The upcoming months are full of events to join, here are some highlights:
+
+- Happening **July 27th,** we have the [JS Tech Talk](https://guild.host/events/js-tech-talk-web-fonts-l8sro4) in person event with support from Sentry
+- **July 28th**: [July In-Person Social](https://guild.host/events/july-inperson-social-uobh57)
+- **August 19th**: [JS Code Club: Online - Group Programming](https://www.meetup.com/torontojs/events/fqnzftyfclbzb/)
+- **August 30th**: [JS Code Club: Online - Group Programming](https://www.meetup.com/torontojs/events/ttfwftyfclbnc/)
+
+Please look for our events calendar on [Guild](https://guild.host/torontojs/events) and [Meetup](https://www.meetup.com/torontojs/events/) for other events and more up to date information.
+
+Also, happening in Toronto:
+
+- The React+Native group is hosting a tech talk: ["Beyond Markdown: Enhancing Developer Docs with MDX on GitHub Pages"](https://www.meetup.com/toronto-react-native/events/294618947/), on **August 3rd** at the Loopio Office. Sounds intriguing!
+
+# Happening in the community
+
+- An interesting, albeit very technical, discussion happened on slack about [Fractional Indexing](https://madebyevan.com/algos/crdt-fractional-indexing/). It is a way of indexing items on a list using floating point numbers where to add or move items we only need to change the index of that item. Find the thread [here](https://torontojs.slack.com/archives/C0664SCTG/p1689692101093849).
+- The [Toronto JS](https://torontojs.com/) home page is getting some well-deserved love thanks to Michal Svatos with the help of Jen Chan, Kieran Huggins, and Taz Singh. Now you can see events directly from there!
+- A heated debate around UML and the use of diagrams also happened, it has interesting opinions and ideas and is worth checking. [Here](https://torontojs.slack.com/archives/C0649AUFL/p1689884290862179) is the thread on slack.
+
+# What's new in Javascript?
+
+Let's talk for a second about [WebGPU](https://developer.mozilla.org/en-US/docs/Web/API/WebGPU_API). It is an interesting new technology that allows us to ~~mine crypto on the browser~~ harness the power of GPUs. WebGPU builds upon the idea of giving developers access to lower-level instructions of the GPU compared to [WebGL](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API).
+
+To make a comparison with native, WebGPU would be like [Vulkan](https://en.wikipedia.org/wiki/Vulkan), where WebGL is closer to [OpenGL](https://en.wikipedia.org/wiki/OpenGL).
+
+This API makes it easy to do computations on the GPU instead of wrapping it to graphics calls or a shader. That enabled AI and other purely mathematical use cases that benefit from the parallel processing of the GPU to work efficiently. And, for cooler and faster graphics.
+
+# Jobs
+
+If you have an open Job Posting relevant to the members of our community, please send an email to [[email protected]](mailto:[email protected]).
+
+We'd love to link it in our next newsletter at no cost.

src/content/blog/2023/08/tldr-4.md

@@ -0,0 +1,63 @@
+---
+title: "Toronto JS TL;DR Issue #4"
+createdAt: 2023-08-09T11:01:00
+author: evert
+image: ./assets/d784bf5a-e5d5-47f3-a6c8-0b95d50c9b22_2048x1536.jpg
+imageAlt: A top down photo of a room with people seated in chairs and couches forming a semi circle. In front of the people there is a speaker pointing to a presentation. The room is well lit with big windows on the background and lots of sun light coming in.
+summary: Normally summers are a bit quiet for events, but this year seems like an exception. We've had 6(!) Toronto JS events in the last 2 weeks and more on the way.
+tags:
+  - TLDR
+  - Newsletter
+  - Community
+---
+Normally summers are a bit quiet for events, but this year seems like an exception. We've had 6(!) Toronto JS events in the last 2 weeks and more on the way. Don't forget to touch grass!
+
+![A top down photo of a room with people seated in chairs and couches forming a semi circle. In front of the people there is a speaker pointing to a presentation. The room is well lit with big windows on the background and lots of sun light coming in.](./assets/d784bf5a-e5d5-47f3-a6c8-0b95d50c9b22_2048x1536.jpg)
+
+JS Tech Talk event at Spaces. Photo by Tehseen Chaudhry.
+
+# Upcoming events
+
+We have the following Toronto JS events on the docket:
+
+- Most Saturdays from 4pm-6pm Danny is hosting **JS Code Club: Online** on Zoom. This is a mob hacking event where 1 or more people bring projects or problems to work on together. I try to go every week as they're always inspiring and Danny is a great host. Look out for a link on the #events channel in Slack close to **August 12th** and **August 19th.**
+- On **August 30th** we also have the monthly [JS Social: Online](https://guild.host/events/js-social-online-mrmfftyfclbnc) scheduled. A good place to meet like-minded individuals over a snack or drink from the comfort of your home.
+
+Please look for our events calendar on [Guild](https://guild.host/torontojs/events) or [Meetup](https://www.meetup.com/torontojs/events/) for other events and more up to date information.
+
+Also happening in Toronto:
+
+- On **August 16th at 8pm** TechTank is hosting a panel: "[I made it through the HELLSCAPE that is job search](https://www.linkedin.com/posts/chris-ty-kim_techtank-hellscape-event-part-2-poster-activity-7091827332973268993-YV6a/?utm_source=share&utm_medium=member_desktop)" featuring 3 panelists [on Zoom](https://tdsb-ca.zoom.us/j/97802052905?pwd=SVBpS3k4cHZYbmk0U2EzYXQvM01TUT09). A topic a lot of us can relate to. TechTalk is fully community organized, without a commercial angle, so you can expect some honesty without being sold something.
+
+# Happening in the community
+
+[Peter Liu](https://www.linkedin.com/in/peter-ty-liu/) has built an incredible 3D model editor that uses CSS as a rendering engine.
+
+<video controls>
+  <source src="/assets/css-3d-model.mp4" type="video/mp4" />
+  <a href="/assets/css-3d-model.mp4">Download the video</a>
+</video>
+
+You can play around with it [on his github pages website.](https://petertyliu.github.io/toaster/)
+
+[Michal Svatoš](https://www.svatos.dev/) has been working on a [LCARS-inspired interface](https://github.com/MichalSvatos/pi-hole-star-trek-picard/) for his [Pi-Hole](https://pi-hole.net/). [LCARS](https://en.wikipedia.org/wiki/LCARS) is the fictional UI in 24th century Star Trek. It looks fantastic and wins Michal the inaugural "Nerd Of The Month award". Congratulations Michal!
+
+![A screenshot of a interface inspired by Star Trek's LCARS, in dark gray and orange.](./assets/647d8683-affd-4e37-a35e-d613f79f4e88_1641x848.png)
+
+A few of us also have started working on a public Toronto JS member website, where people in the community can create public profiles and show off their projects. It's early days, but there's a [Github Repo](https://github.com/torontojs/members). Join the Code Club if you want to pitch in!
+
+# Industry news & hot takes
+
+Stefan Judis shares a pretty cool (currently Firefox-only) feature to [make live minimaps on websites](https://www.stefanjudis.com/a-firefox-only-minimap/) using just CSS. Wild!
+
+Spiffytech writes about [ways emoji's can be detected in strings](https://spiffy.tech/is-this-an-emoji).
+
+# Jobs
+
+If you have an open Job Posting relevant to the members of our community, please send an email to [[email protected]](mailto:[email protected]).
+
+We'd love to link it in our next newsletter at no cost.
+
+# Terminal Tip
+
+You can use `!!` to repeat the last command. For example, if you forgot to run `sudo`, you can repeat the last command with `sudo !!.`