tedconn / tedconn

tedconn.com

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Run your unit tests

yarn test:unit

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

tedconn's Issues

Add rel="noopener" to social links

Lighthouse says that's a security vulnerability here: https://web.dev/external-anchors-use-rel-noopener/?utm_source=lighthouse&utm_medium=devtools

Add content for blog

Blog link at the top needs content

Footer has a weird whitespace at the bottom

Can't see from the image, actually but there's a band of white underneath the footer when it's in full screen width.

Add routing to different pages

I should look at how routing is done in Vue. Creating different views, adding a routes file and routing to those views. This will not include the content or design of each individual route.

Add content for about me

This is gonna be the hardest part. For longer term when I have a designer, it would be cool to have like a long page with some of the major life events. For now I think it will just have a blurb, but I do want to mention:

• father
• languages
• places lived
• cat
• etc.

Decide navigation content

I need to decide what links I want to go in the header and which links in the footer.

Set up tedconn.com domain on netlify

The site should go live on tedconn.com

test font fallbacks

Make sure your font fallbacks are working properly

Get myself a logo

No 404 handling

There is no 404 handling right now at all. There should be an error page for missed routes.

Add social links

Need to add social links at the bottom to linkedin, twitter and instagram

fonts are loading separately

Bundle all the fonts together potentially using a technique described here: https://www.filamentgroup.com/lab/font-loading.html

Add SEO

Need to add any meta stuff and do some basic SEO

Fix accessibility errors

Lighthouse complains with:

Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn more.

Failing Elements

a.header__logo
a.footer__logo
a.footer__social.footer__social--twitter
a.footer__social.footer__social--instagram
a.footer__social.footer__social--linkedin

Choose between SPA and Server-Side

Vue supports non-SPA as well. Set that up and see how it feels.