Removed references to vriad

Author: Colin McDonnell

README.md

@@ -7,7 +7,7 @@ if you're happy and you know it, star this repo
 </p>
 <p align="center">
   <a href="https://opensource.org/licenses/MIT" rel="nofollow">
-    <img src="https://img.shields.io/github/license/vriad/devii?alt" alt="License" style="width:100px;">
+    <img src="https://img.shields.io/github/license/colinhacks/devii?alt" alt="License" style="width:100px;">
   </a>
 </p>
 
@@ -25,7 +25,7 @@ if you're happy and you know it, star this repo
 - Automatic RSS feed generation
 - SEO best practices (title tag, meta tags, canonical URLs)
 
-Read more about the motivation + design behind Devii at [https://vriad.com/blog/devii](https://vriad.com/blog/devii).
+Read more about the motivation + design behind Devii at [https://colinhacks.com/blog/devii](https://colinhacks.com/blog/devii).
 
 <!--
 
@@ -251,7 +251,7 @@ There's nothing "under the hood" here. You can view and modify all the files tha
 
 To get started customizing, check out the source code of `index.tsx` (the home page), `BlogPost.tsx` (the blog post template), and `Markdown.tsx` (the Markdown renderer).
 
-Head to the GitHub repo to get started: [https://github.com/vriad/devii](https://github.com/vriad/devii). If you like this project, leave a ⭐️star⭐️ to help more people find Devii 😎
+Head to the GitHub repo to get started: [https://github.com/colinhacks/devii](https://github.com/colinhacks/devii). If you like this project, leave a ⭐️star⭐️ to help more people find Devii 😎
 
 # CLI
 

components/Header.tsx

@@ -5,7 +5,7 @@ export const Header: React.FC = () => (
   <div className="header">
     <a href="/">{globals.siteName}</a>
     <div className="flex-spacer" />
-    <a href="https://github.com/vriad/devii">GitHub</a>
+    <a href="https://github.com/colinhacks/devii">GitHub</a>
     <a href="/blog/the-ultimate-tech-stack">Motivation</a>
   </div>
 );

md/blog/devii.md

@@ -33,4 +33,4 @@ Devii is a starter kit for building a personal website with the best tools 2020
 
 - **Utterly customizable**: We provide a minimal interface to get you started, but you can customize every aspect of the rendering and styling by just modifying `index.tsx` (the home page), `BlogPost.tsx` (the blog post template), and `Markdown.tsx` (the Markdown renderer). And of course you can add entirely new pages as well!
 
-Head to the GitHub repo to get started: [https://github.com/vriad/devii](https://github.com/vriad/devii). If you like this project, leave a ⭐️star⭐️ to help more people find Devii 😎
+Head to the GitHub repo to get started: [https://github.com/colinhacks/devii](https://github.com/colinhacks/devii). If you like this project, leave a ⭐️star⭐️ to help more people find Devii 😎

md/blog/the-ultimate-tech-stack.md

@@ -3,26 +3,26 @@ title: Choosing a tech stack for my personal dev blog in 2020
 published: true
 datePublished: 1590463136775
 author: Colin McDonnell
-authorTwitter: vriad
+authorTwitter: colinhacks
 authorPhoto: /img/profile.jpg
 tags:
   - Static Site Generators
   - React
   - Next.js
 thumbnailPhoto: /img/pancakes_thumb.jpeg
 bannerPhoto: /img/pancakes.jpeg
-canonicalUrl: https://vriad.com/essays/devii
+canonicalUrl: https://colinhacks.com/essays/devii
 ---
 
-> Originally published at [https://vriad.com/essays/devii](https://vriad.com/essays/devii). Check out the HN <del>roast</del> discussion <a href="https://news.ycombinator.com/item?id=23309002">here</a>! 🤗
+> Originally published at [https://colinhacks.com/essays/devii](https://colinhacks.com/essays/devii). Check out the HN <del>roast</del> discussion <a href="https://news.ycombinator.com/item?id=23309002">here</a>! 🤗
 
 I recently set out to build my personal website — the one you're reading now, as it happens!
 
 Surprisingly, it was much harder than expected to put together a "tech stack" that met my criteria. My criteria are pretty straightforward; I would expect most React devs to have a similar list. Yet it was surprisingly hard to put all these pieces together.
 
 Given the lack of a decent out-of-the-box solution, I worry that many developers are settling for static-site generators that place limits on the interactivity and flexibility of your website. We can do better.
 
-> Clone the repo here to get started with this setup: https://github.com/vriad/devii
+> Clone the repo here to get started with this setup: https://github.com/colinhacks/devii
 
 Let's quickly run through my list of design goals:
 
@@ -32,7 +32,7 @@ I want to build the site with React and TypeScript. I love them both wholehearte
 
 I don't want limitations on what my personal website can be/become. Sure, at present my site consists of two simple, static blog posts. But down the road, I may want to build a page that contains an interactive visualization, a filterable table, or a demo of a React component I'm open-sourcing. Even something simple (like the email newsletter signup form at the bottom of this page) was much more pleasant to implement in React; how did we use to build forms again?
 
-Plus: I want access to the npm ecosystem and all my favorite UI, animation, and styling libraries. I sincerely hope I never write another line of raw CSS ever again; CSS-in-JS 4 lyfe baby. If you want to start a Twitter feud with me about this, by all means [at me](https://twitter.com/vriad).
+Plus: I want access to the npm ecosystem and all my favorite UI, animation, and styling libraries. I sincerely hope I never write another line of raw CSS ever again; CSS-in-JS 4 lyfe baby. If you want to start a Twitter feud with me about this, by all means [at me](https://twitter.com/colinhacks).
 
 ### Good authoring experience
 
@@ -50,7 +50,7 @@ Instead I want every page of my site to be pre-rendered to a set of fully static
 
 ## My solution
 
-I describe my final architecture design below, along with my rationale for each choice. I distilled this setup into a website starter/boilerplate available here: https://github.com/vriad/devii. Below, I allude to certain files/functions I implemented; to see the source code of these, just clone the repo `git clone git@github.com:vriad/devii.git`
+I describe my final architecture design below, along with my rationale for each choice. I distilled this setup into a website starter/boilerplate available here: https://github.com/colinhacks/devii. Below, I allude to certain files/functions I implemented; to see the source code of these, just clone the repo `git clone git@github.com:colinhacks/devii.git`
 
 ### Next.js
 
@@ -170,12 +170,12 @@ To start customizing, modify `index.tsx` (the home page), `Essay.tsx` (the blog
 
 ## Get started
 
-Head to the GitHub repo to get started: [https://github.com/vriad/devii](https://github.com/vriad/devii). If you like this project, leave a ⭐️star⭐️ to help more people find Devii! 😎
+Head to the GitHub repo to get started: [https://github.com/colinhacks/devii](https://github.com/colinhacks/devii). If you like this project, leave a ⭐️star⭐️ to help more people find Devii! 😎
 
 To jump straight into the code, clone the repo and start the development server like so:
 
 ```sh
-git clone git@github.com:vriad/devii.git mysite
+git clone git@github.com:colinhacks/devii.git mysite
 cd mysite
 yarn
 yarn dev

md/introduction.md

@@ -1,6 +1,6 @@
 Devii is a starter kit for building your personal developer website. Powered by the best technologies 2020 has to offer.
 
-It's not a a framework or a library, it's a just a simple project that contains some useful utilities and patterns that'll help you hit the ground running. In fact, the [GitHub repo for Devii](https://github.com/vriad/devii) contains the code for the site you're currently reading!
+It's not a a framework or a library, it's a just a simple project that contains some useful utilities and patterns that'll help you hit the ground running. In fact, the [GitHub repo for Devii](https://github.com/colinhacks/devii) contains the code for the site you're currently reading!
 
 Devii doesn't try to be a fully functional blog out of the box. After cloning/forking the repo, you'll need to delete the contents of `index.tsx` (the page you're reading now!) and implement your own homepage. Devii makes it easier — for instance, you can access a list of all your blog posts in `props.posts` — but you still have to build the site you're imagining in your mind's eye.
 

package.json

@@ -4,14 +4,14 @@
   "description": "A Medium inspired dev blog starter for Next.js",
   "repository": {
     "type": "git",
-    "url": "https://github.com/vriad/devii"
+    "url": "https://github.com/colinhacks/devii"
   },
-  "author": "Colin McDonnell <colin@vriad.com>",
+  "author": "Colin McDonnell <colin@colinhacks.com>",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/vriad/devii/issues"
+    "url": "https://github.com/colinhacks/devii/issues"
   },
-  "homepage": "https://github.com/vriad/devii",
+  "homepage": "https://github.com/colinhacks/devii",
   "tags": [
     "blog template",
     "react",

pages/index.tsx

@@ -54,7 +54,10 @@ const Home = (props: {
           </p>
           <p>
             — Dan Abramov, taken{' '}
-            <a href="https://github.com/vriad/devii/issues/2" target="_blank">
+            <a
+              href="https://github.com/colinhacks/devii/issues/2"
+              target="_blank"
+            >
               {' '}
               utterly out of context
             </a>
@@ -69,8 +72,8 @@ const Home = (props: {
           Next.js dynamic imports. The rest of this page (including this
           paragraph) are rendered with React. You can also read the README on
           GitHub at{' '}
-          <a href="https://github.com/vriad/devii">
-            https://github.com/vriad/devii
+          <a href="https://github.com/colinhacks/devii">
+            https://github.com/colinhacks/devii
           </a>
           .
         </p>
@@ -84,7 +87,7 @@ const Home = (props: {
 
       <div className="section alternate">
         <h2 className="centered">Get started</h2>
-        <a href="https://github.com/vriad/devii">
+        <a href="https://github.com/colinhacks/devii">
           <button className="fork-button">Go to README</button>
         </a>
       </div>

rssUtil.ts

@@ -41,7 +41,7 @@ export const generateRSS = async (posts: PostData[]) => {
     feed.item({
       title: post.title,
       description: html,
-      url: `https://vriad.com/${post.path}`,
+      url: `${globals.url}/${post.path}`,
       categories: post.tags || [],
       author: post.author || 'Colin McDonnell',
       date: new Date(post.datePublished || 0).toISOString(),

sitemap.ts

@@ -1,5 +1,6 @@
 export const sitemap = '';
 import glob from 'glob';
+import { globals } from './globals';
 import { getStaticPaths as getBlogPaths } from './pages/blog/[blog]';
 
 export const generateSitemap = async () => {
@@ -17,32 +18,15 @@ export const generateSitemap = async () => {
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
-      <loc>https://vriad.com</loc>
+      <loc>${globals.url}</loc>
       <lastmod>2020-06-01</lastmod>
   </url>
 ${[...pagePaths, ...blogPaths].map((path) => {
   const item = [`<url>`];
-  item.push(`  <loc>https://vriad.com${path}</loc>`);
+  item.push(`  <loc>${globals.url}${path}</loc>`);
   item.push(`  <lastmod>2020-06-01</lastmod>`);
   return [`<url>`];
 })}
-
-    <url>
-        <loc>https://vriad.com/essay/zod</loc>
-        <lastmod>2020-03-28</lastmod>
-    </url>
-    <url>
-        <loc>https://vriad.com/essay/devii</loc>
-        <lastmod>2020-05-28</lastmod>
-    </url>
-    <url>
-        <loc>https://vriad.com/essay/say-no-to-emotion-core</loc>
-        <lastmod>2020-06-05</lastmod>
-    </url>
-    <url>
-        <loc>https://vriad.com/essay/css-in-js-is-inevitable</loc>
-        <lastmod>2020-06-07</lastmod>
-    </url>
 </urlset>`;
 
   return sitemap;