christopherbiscardi/christopherbiscardi.github.com

Content for christopherbiscardi.com

Chris Biscardi's Blog

My blog is a Gatsby site that uses a personal design system called Sens8.

Running the Site

Since I added Webmentions you probably can't run this site on your own unless you want to use your own API token.

yarn
WEBMENTION_TOKEN=a-token yarn develop

christopherbiscardi.github.com's Issues

Date on blog posts

So I see that each of your blog posts do have a date field in the frontmatter. I would love to see the date displayed in the article on your site.

/now

https://sivers.org/now

About Page

• GitHub Stats LEO Plugin

  What can we get from the GitHub API? Can we use the new GraphQL endpoint?

"Social Profiles"

• GitHub
• Twitter
• Lobsters?

Jimp.hash instead of rev-hash

I think you could use img.hash() instead of the extra Buffer and rev-hash I think.

christopherbiscardi.github.com/www/plugins/gatsby-plugin-og-image/index.js

Line 17 in 356779b

`${slugify(text)}-${revHash(imgBuf)}.png`

Maybe it's doing sthg I'm not aware of tho 🤔

Use midas for CSS highlighting

midas which uses PostCSS instead of highlight.js, which is the default.

Weird rendering of heading "w"

MacOS Chrome Version 80.0.3987.149 (Official Build) (64-bit)

/canon

https://www.brendanschlagel.com/canon/

/uses

Similar to webos.com/uses. A page that lists a bunch of "what font are you using", etc questions.

• Editor/Terminal
• Desktop Apps
• Desk

Update the dates on all old-wordpress-posts

In the old wordpress posts the dates are written as Sun, 21 Dec 2014 12:53:09 +0000, which doesn't sort well for gatsby. Should be changed to something that sorts better.

Mobile header background on homepage

Time to start actually designing stuff now that the core generator is in a place where it can be extended to fit the needs easily. "Large" and "medium" sizes are looking decent layout wise. Mobile is having background image issues.

[bug]: theme toggler not working?

I was going to DM you on Twitter but figured this would probably be better.

Went to find this blog post on Styles and Naming to share with a coworker and noticed the theme toggler wasn't working 😢 Thought you'd want to know.

How to get Video embeds?

Hey Chris,

How do you implement this:

christopherbiscardi.github.com/gatsby-config.js

Lines 42 to 48 in c3d414d

	globalScope: `import Player from 'react-player';
	export default {
	Video: props => <Player {...props} css={{
	margin: 'auto',
	paddingBottom: '1.5rem'
	}}/>
	}`,

Trying something similar (copypasta actually) and getting errors because React is not in scope??

AMPify

Try to make AMP versions of all blogposts.

There will be two versions of any given page. One at the normal URI, and another at $URI.amp

Replace Switch with box color toggle

I want 3 themes, not just light/dark.

Production Build is broken

Needs an ExtractText for the postcss/css-modules/normalize.css stuff to get pulled out and placed in the distribution. Otherwise styles don't show up ala:

when it should look more like:

Automatically Resize Images

Images are optimized, but I want to define a set of max-widths with which to resize header images into preview sizes as well as constrain the size of actual header images.

The image ratio is 2x5 right now.

Write about rainbow progress bar on top of site

Putting .mdx outside src directory

Looks like you have successfully been able to compile .mdx that is outside src directory. Looks fine to me.

Referring to this issue:

ChristopherBiscardi/gatsby-mdx#223

In my case, however, blog posts are in data/blog directory. I haven't had success compiling .mdx

So, for now, I'm only playing with .md files: https://abhimanyuaryan.com/blog

Two swiper-mc candidates on the same line

In chaining-emacs-commands-without-elisp, I mention the following problem with swiper-mc.

This seems to be related to how swiper shows multiple matches on a single line.

If we look at the definition of swiper-mc, we see some indication that it
could be the way swiper handles candidates itself, since we create a cursor for
every candidate.

(defun swiper-mc ()
  "Create a fake cursor for each `swiper' candidate."
  (interactive)
  (unless (require 'multiple-cursors nil t)
    (error "Multiple-cursors isn't installed"))
  (unless (window-minibuffer-p)
    (error "Call me only from `swiper'"))
  (let ((cands (nreverse ivy--old-cands)))
    (unless (string= ivy-text "")
      (ivy-exit-with-action
       (lambda (_)
         (let (cand)
           (while (setq cand (pop cands))
             (swiper--action cand)
             (when cands
               (mc/create-fake-cursor-at-point))))
         (multiple-cursors-mode 1))))))

I'll probably dig into that at some point.

Optimal flow is having two matches on the same line means two cursors.

No title in RSS feed

Every post in your RSS feed has "No title" hardcoded as their title, instead of their actual titles.

For example, your latest post "Creating MDX Nodes from Raw Strings and Nodes":

<item>
  <title><![CDATA[No title]]></title>
  <description>
    <![CDATA[Raw Strings If you have a string and you want to create an MDX node from it (for example if you're querying the github API which doesn't…]]>
  </description>
  ...

This causes all your posts to show up as "No title" in feed readers, which is quite annoying.

Projects Page

AKA "Open Source" page. Should this information come from github?