A few months ago, I set a goal to launch my refreshed personal website at MarkPraschan.com by January 1st. With only a few hours to spare, I achieved that goal.<\/p>\n\n\n\n
MarkPraschan.com is my new home online and is one of my favorite projects I’ve worked on. Here’s why.<\/p>\n\n\n\n\n\n\n\n
I’ve had a personal website for years, but have never established a very clear purpose for it. That ends today.<\/p>\n\n\n\n
I plan to use this site for the following purposes:<\/p>\n\n\n\n
This site is running on WordPress using an almost completely custom theme based on the Gutenberg Starter Theme<\/a> by WordPress themselves.<\/p>\n\n\n\n I set out to create something clean, simple, and professional. Here are a few specifics…<\/p>\n\n\n\n I tweaked that starter theme pretty significantly so it constantly scales font-size and content width based on the viewer’s browser width (using things like max-width: calc(300px + 25vw)<\/strong> for you fellow CSS nerds out there).<\/p>\n\n\n\n I did this to minimize the number of times the website “snaps” to a different layout and also to help ensure that text is always super easy-to-read regardless of device.<\/p>\n\n\n\n This site’s primary color <\/strong>is a high-energy, high-contrast yellow-orange. Having grown up in a University of Michigan<\/a> household, it’s also one of my favorite colors.<\/p>\n\n\n\n I’ve grown tired of text links<\/strong> that all look the same (bright blue with a simple underline) so I decided to take a different approach for this site. I adopted a technique similar to the one used by the fine folks over at Kinsta<\/a>. It takes advantage of CSS3 backgrounds and animations and (hopefully) leads to a good user experience.<\/p>\n\n\n\n Font Awesome<\/a> is awesome. I love that I can tap into a library of 1,400+ free icons<\/strong> whenever I need them. I use the library on this site even for simple things like the Twitter and Facebook icons in the site menu.<\/p>\n\n\n\n Who knows?! I’ve really enjoyed creating this first version of my Gutenberg-friendly WordPress theme nearly from scratch. I’m sure I’ll keep tweaking over the coming weeks and months.<\/p>\n\n\n\n Let me know here<\/a> or on Twitter<\/a> what you think of the site design. I’d love to connect if you have any feedback.<\/p>\n","protected":false},"excerpt":{"rendered":" A few months ago, I set a goal to launch my refreshed personal website at MarkPraschan.com by January 1st. With only a few hours to spare, I achieved that goal. MarkPraschan.com is my new home online and is one of my favorite projects I’ve worked on. Here’s why.<\/p>\n","protected":false},"author":1,"featured_media":203,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[29,28,30],"_links":{"self":[{"href":"https:\/\/markpraschan.com\/wp-json\/wp\/v2\/posts\/191"}],"collection":[{"href":"https:\/\/markpraschan.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/markpraschan.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/markpraschan.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/markpraschan.com\/wp-json\/wp\/v2\/comments?post=191"}],"version-history":[{"count":0,"href":"https:\/\/markpraschan.com\/wp-json\/wp\/v2\/posts\/191\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/markpraschan.com\/wp-json\/wp\/v2\/media\/203"}],"wp:attachment":[{"href":"https:\/\/markpraschan.com\/wp-json\/wp\/v2\/media?parent=191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/markpraschan.com\/wp-json\/wp\/v2\/categories?post=191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/markpraschan.com\/wp-json\/wp\/v2\/tags?post=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Layout \/ Typography<\/h3>\n\n\n\n
The Details<\/h3>\n\n\n\n
What’s Next<\/h2>\n\n\n\n
What do you think?<\/h3>\n\n\n\n