The second iteration of franciscalizo.com, my personal portfolio showcasing my skillset and latest projects.
Built with Gatsbyjs and Styled Components.
-
Set global body styles using styled components - https://stackoverflow.com/questions/46760861/styled-components-how-to-set-styles-on-html-or-body-tag
-
Emojis in React (Best practices) - https://medium.com/@seanmcp/%EF%B8%8F-how-to-use-emojis-in-react-d23bbf608bf7
-
Paths for Logos - https://stackoverflow.com/questions/37644265/correct-path-for-img-on-react-js
-
Fluid Typography - https://css-tricks.com/snippets/css/fluid-typography/
-
Extending Styles in Styled Components for Two Button on Home page - https://styled-components.com/docs/basics#adapting-based-on-props
-
Stop Border on Hover from Pushing other Elements Around it - https://stackoverflow.com/questions/18887058/css-hover-creating-border-but-pushing-content
-
React Proptypes Array (Shape) - https://til.hashrocket.com/posts/ytrzhrpfxk-proptypes-array-of-shape
-
Get Pathname of URL = https://css-tricks.com/how-to-the-get-current-page-url-in-gatsby/
-
Horizontal Highlight Animation - https://codepen.io/kay8/pen/azKbjN
-
Dark Mode with Styled Components - https://www.youtube.com/watch?v=MMivyJS49jU and https://medium.com/swlh/create-a-dark-mode-of-your-app-using-styled-components-a44bc5a59330 and https://github.com/krofax/Dark-Mode-Using-Styled-Component-In-React-Apps
-
PDF Link in Static Folder (resume)- gatsbyjs/gatsby#3086
-
Dark Mode not persisting | Temporary Solution - styled-components/styled-components#2629
-
Wave Animation - https://jarv.is/notes/css-waving-hand-emoji/