egfrank / elliot-g-frank-site Goto Github PK
View Code? Open in Web Editor NEWMy website
Home Page: https://elliotgfrank.com
License: MIT License
My website
Home Page: https://elliotgfrank.com
License: MIT License
bio can be the text that goes on the home page
burger is good
card is the card that is imported into the web section of the home page
if we need a different card for the web index we should make another file
custom footer is fully from the starter blog. I want to make a footer for the home page instead.
How many layouts do I have?
Home page layout.
blog-post layout.
Clips, web, blog layout
all of them have
reset, menu, seo in common.
Other things (footer, what type of grid / flex they use) are different
menu, nav, alll good.
social links! good to keep around and then use in the footer.
Do I need other components?
I think developing variables in the theme would be really smart.
Figuring out uniform headings etc.
Fixing that green background and making it shift.
The whole home page can be like made into components.
Honestly ugh
Figure out how the Gatsby images work.
https://www.gatsbyjs.org/packages/gatsby-image/
https://www.gatsbyjs.org/tutorial/gatsby-image-tutorial/
https://www.gatsbyjs.org/docs/images-and-files/
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images#Art_direction
https://developers.google.com/web/fundamentals/design-and-ux/responsive/images#art_direction_in_responsive_images_with_picture
https://www.smashingmagazine.com/2014/05/responsive-images-done-right-guide-picture-srcset/
https://www.smashingmagazine.com/2014/02/one-solution-to-responsive-images/
Place DIVs with borders where images should be to get responsive images
So just using CSS and media queries etc.
Don't touch the main page layout until very very last!
Can use the social buttons, should be responsive, can just center the buttons and then add left and right margins on Desktop
And clean up those queries!
This should also be handled in the theme ..... and also the text item component(s)
Do this by setting CSS variables in the Theme and then converting components to use the theme provider. The only components that should need the theme provider are the layout ones!
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.