pdhoopr / website Goto Github PK
View Code? Open in Web Editor NEWThe personal website for Patrick Hooper.
Home Page: https://patrickhooper.me
License: MIT License
The personal website for Patrick Hooper.
Home Page: https://patrickhooper.me
License: MIT License
I think it goes without saying that CSS will be used to make the site pretty, and tools that extend CSS are very helpful sometimes. PostCSS is one of those tools, and fits the project mentality of pluggability and adding only what is needed. This might include:
box-sizing: border-box
, etc.)Some tool configs need to be updated:
.eslintrc
-> .eslintrc.js
.stylelintrc
-> .stylelintrc.js
.postcssrc.js
browserslist
You gotta start somewhere, right? The initial folder structure and utilities for the project need to be laid down, including:
.gitignore
, .editorconfig
, etc.)All the npm scripts needed to make this project work can quickly get out of hand with things like building, watching, cleaning, linting, serving, etc. Some helpful tools for staying organized might include (amongst others yet to be discovered):
The "Projects" section of the home page can be presented in a more modern, simplistic way that makes it easier to browse through them and get where you want to go (such as by highlighting the most important calls to action).
v1.0.0 got some updates that now need to be incorporated into v2.0.0:
pdhoopr/patrick-hooper
-> pdhoopr/website
)patrickhooper.me
)deploy
npm script for Netlify (runs lint
&& build
)It's time to leave the UMich-esque colors behind in favor of something a little more modern and simple. 1 main color alongside a strong accent should look nice, like so:
It's probably time to switch to a new domain name — hoopr.io
as a base just isn't cutting it anymore. Once it's changed, it will needed to be changed wherever it's referenced (sites, profiles, resume, etc.).
No need for this anymore - it's just text.
A lot of good work went into the WGIki site, so the screenshots really should be cleaned up so they can be put back up on the site. That involves:
Image names are a bit long and unwieldy right now. A better convention for naming and organizing them would be great.
Add a CHANGELOG.md
file with details for all previous releases as well as any future ones. Also add these details to the releases page.
New fonts for both the headings and the body would be 💯 . Some good options are:
This site uses a lot of images, so at very least they need to get copied over to the destination folder. However, it'd also be cool if they could go through optimization and minification before ending up there, so getting all this set up might include:
Some consistency and basic error checking in JavaScript coding style is great, and ESLint is awesome at that. Getting it set up will likely include:
eslint-config-airbnb
and peers (eslint-plugin-import
, eslint-plugin-jsx-a11y
, eslint-plugin-react
).eslintrc
file for overriding any rules from the Airbnb configJekyll had a great sitemap plugin, but Jekyll's going away. A Metalsmith plugin for automatically generating a sitemap would be 💯 .
The contact section should be updated slightly as follows:
tl;dr: implement the changes from the redesign.
JavaScript will probably be used for creating some interactions on the site, so it needs to be included. The implementation details are still a little up in the air, but getting it going will possibly include:
Some consistency and basic error checking in CSS coding style is great, and Stylelint is awesome at that. Getting it set up will likely include:
.stylelintrc
file for overriding any rules from the standard configA couple of repos were really a collaborative effort and should be placed in the Hoopr organization to reflect that, then have references to them updated. These repos are:
wgi-buzz
jahleh-and-patrick
ms-omearas-multiage
Roll up all WGI projects into one project item. Link to WGI Informer and WGIki from within WGI.buzz somehow.
No need for it - it's just text.
The existing colors and fonts are changing with the rebrand, so the favicon should be updated, too.
The "About" section on the home page should be simplified as follows:
tl;dr: implement the changes from the redesign.
Use Gatsby for static site generation instead of homemade React solution.
Use the same layout, style, and content.
Use the system font stack for most body text. See if there's a better monospace font to replace the headings or if Space Mono is the best.
Also update fonts on the résumé to match whatever selections are made for the website.
It's okay to self-close these.
wgi-buzz
to wgi.buzz
patrick-hooper
to website
A lot of good work went into the WGI Informer site, so the screenshots really should be cleaned up so they can be put back up on the site. That involves:
The following aspects of the global navigation should be updated:
tl;dr: implement the changes from the redesign.
Just use npm for managing dependencies (instead of Yarn).
A live reloading (hot reloading for bonus points) web server is super helpful in development. webpack-dev-server will fit in with React and webpack easily.
The resume should be updated as follows:
Although many CSS vendors probably won't be used, there might be 1 or 2, like Normalize.css.
The site's content will be written primarily in HTML (obviously), so the build system needs to account for this. React + JSX will be a good fit.
The static files produced from the site build need to live somewhere, and that place is Netlify. Getting hosting set up will likely include:
It would be cool to have a working example of the WGI.buzz app. This shouldn't be hard to do:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.