Search is not usable on mobile

This is causing issues on production

For now, just focus on Twitter. It should allow people to share the blog post / page.

The purpose of this is to simplify the excerpts which have been giving me issues.

The content is super blocking from a visual perspective

• Add sign up form to home page
• Create email campaign / template for weekly emails
• Establish routine for curating content
• Create newsletter page for people who are curious for more information

https://csswizardry.com/newsletter/

User should be able to easily locate the last updated field

Currently VuePress outputs future posts and the time checked on posts isn't matching the personal time.

• Update time check for displaying
• Delete posts after publish

Requirements:

• Easy to consume module of the book(s) I'm in the process of reading
• Link to a page that shows all books previously read
• Consider doing book reviews

Blog posts should have a "Related Articles" section that gives readers the chance to check out other content to encourage discoverability of items.

• Start with a minimum of 3 related posts
• Look into possible ways of automating this
• However, manual curation may be best

Features

• Fills out a web form that answers questions

Inspiration

Inspired from Harry Roberts:

Request to Speak
I would absolutely love to speak at your conference! However, I do just have a few questions to make the whole process a lot simpler and upfront for everyone involved. If you could fire me an email answering as many of the below as possible, I’d be really grateful. If you don’t have answers to everything just yet, please don’t worry—this is just a rough starting point, not a test. Please also remember that there is no right or wrong answer to any of these questions.

When and where is your conference? I once travelled 12,000 miles to give a talk; I’m not afraid of a commute.

How many attendees do you expect to have? Rough figures or previous sizes are perfectly fine.

What kind of audience do you have? It helps to know what the audience will be like (e.g. mainly front-end developers, mainly designers, etc.).

Which other speakers have you approached? It helps to be aware of any other speakers who run the risk of delivering similar talks.

How long does the talk need to be? Do you have a set talk duration? 45 minutes is usually ideal.

Do you have any specific AV limitations? I’m very reluctant to use your machine to present from, and I prefer a lapel or headset microphone. Do you imagine there might be any issues with that?

Do you cover speaker expenses? Flights, hotels, train journeys, etc.

What kind of talk would you like? I usually give technical talks (CSS architecture, performance, etc.), but am open to discussing other topics.

Do you require a brand new talk? Writing talks takes a lot of time and effort: forewarned is forearmed.

When can I start publicising your event? Do you want to keep the lineup quiet for a while, or can I add your event to my speaking list immediately?

Do you plan to compensate speakers? I usually charge a fee to speak, however its value is open to discussion for indie and non-profit events.

This is contingent on a proper services page and an improved Contact page

It should be on the right side and hidden unless activated

Inspired from https://jenmyers.net/log/2018/index.html

Looks fine when doing responsive on desktop

While it's useful to have the repo link for projects where users want to see the source code quickly, it's currently taking up real estate and not critical.

Page: Contact

Features:

• Display all the appropriate social media accounts here
• Brief message on availability and types of work I am available for

Message:

I am currently only accepting requests for on-site trainings and speaking gigs. If you are a recruiter, I love you, but please don’t call or email me.

If you would like to get in touch, please shoot me an email at [email protected] and I’ll try get back to you within a day or so!

Inspired from Una's portfolio, footer should contain all my social media links for easy reference

The text reads funny

Needs to be more developer focused

Post should include a snippet on how long it takes something to read

https://github.com/chrisvfritz/vuepress-enhanced-examples

User should be able to view YouTube links I post directly on the page.

Less necessary because this is a personal site, but good practice

• CHANGELOG
• Version

https://keepachangelog.com/en/1.0.0/

Inspired from https://www.youtube.com/watch?v=rGsl5q9n_D0&feature=youtu.be

Home page should have a banner to announce anything major for users to pay attention to

Missing author and link

Margins seem too big?

https://blog.codepen.io/2019/01/17/introducing-prefill-embeds/

There is currently a tagline "Not your average blog" which is an artifact from my go blog days. It needs to be thought through as far as content and delivery from a design perspective.

Harry Roberts services page is an example to use as inspiration

Does not seem to be working

Pagination is currently rudimentary and can't be saved or cached via URL. So best to use a load more which is simpler

Use this for inspiration

https://www.viget.com/articles/sitstay-building-a-tit-for-tat-petsitting-app/

Users should be able to see

• published date
• last updated date
• tags

https://github.com/marketplace

Sentry vs LogRocket vs Rollbar

Use https://www.homsweethom.com/about/ for inspiration

Page

Services / Speaking & Training

Features:

• Past talks / training
• Description of my experience
• Link out to Notist profile

Update page PR is not as relevant for my personal site. Need to make it easier for people to give feedback.

User tried to click on icon to go to link but it didn't work as expected

It seems like the script isn't able to detect the elements and doesn't do anything.

This should be a fairly short post with a consistent format to recommend:

1. Music
2. Books?
3. Articles
4. Resources
5. Tweets

When the user clicks on media link, it highlights both sections since it shares a root directory it seems.

Consider

• https://utteranc.es/
• https://staticman.net/