- Hover effects on blog posts
- Refine CSS grid spacing for Blog Items
- Sitemap
- Add contact email to footer
- Start planning out interaction events for users
- Markdown css updates
- Refactor CSS
- Need to add downloadable resume
- New Post - Using State in React. Class-Based vs Functional Components
- h3 styling added for blog posts
- font size on blog items reduced to 16px (
1.6rem
)
- Newsletter signup form added to bottom of blog posts template
gatsby-plugin-mailchimp
added
- Updated README
- New blog post. gatsby-source-s3
- Updated some CSS in the blog posts. Was not looking that great once it was full with code blocks
- Removed CSS in index that would have prevented users from copying text from the blog posts
user-select: none;
- Query to source S3 images update to allow a max width of 1500px. Default is 800px which was causing images on large screens to look blurry
v0.2.0 is now deployed version. This version features the new services, about and blog pages.
- S3 bucket changed to production bucket
- Services page
- Wrote content for both About and Services pages
- Home link to both footer and header navs
- .gitignore updated to now include
posts
files. Needed to build phase
- Prismjs added for syntax highlighting
gatsby-remark-prismjs
prismjs
- gatsby-browser.js added to include the Prismjs css file prism-tomorrow.css
- Changed the default prism-tomorrow.css slightly. Made background my color grey and put an orange border-left to follow my design.
- Custom scroll bar styling
- Hover effects on Nav items. Underline follow
- Click location to blog posts changed from their titles to the images
- Dates changed to
longdate
format. Still using numbered dates for ordering posts
- Footer Nav open on each page load. Using Local Storage to set value if a user has been to the site before. Only shows open on load if no value set.
- Logic added to create blog pages from data;
createPages
- Logic added to create slugs for blog posts;
onCreateNode
- Links added to BlogItems to Post
- Slug field added to blog.js GraphQL query
- Blog Post template added; blogPost.js
- index.css updated so elements such as h tags and lists are no longer being globally styled. Markdown renders were inheriting these styles.
- Installed
gatsby-source-s3
in order to pull in images from my S3 bucket - Added environment variables for AWS keys
- GraphQL query in blog.js updated in order to pull images from S3 Bucket and process them
- Image in blogItem.js updated from
<img>
tag to a Gatsby<Img>
component .map()
in blog.js updated to pass the new images data from the new GraphQL query
- Blog page added. Pulling and displaying Markdown data from
post
directory. Installedgatsby-transformer-remark
- Footer added to Blog page
- gatsby-config
gatsby-source-filesystem
plugin updated so its path is set tosrc
notimages
. Headshot and Icon GraphQL queries needed updated - ID added to homepage paragraph so all
<p>
elements weren't inheriting its style -#mainParagraph
- Links added to Nav
- Issue of footer starting in middle of screen
- Google Analytics using
gatsby-plugin-google-analytics
- Some slight animations have been added
- Dissolve text and icons
- Headshot outline
- Divider bar
- Since this is the soft launch version, the blog and projects pages are not included. Because of this, the nav has been removed from this version
- The Social Icons in the footer have been enlarged to accommodate for this missing nav
- Footer modified so if on mobile the footer is open for 2 seconds then closes. The hope is this will alert users to interact with this element.
- 404
- Font weight
200
extra light for 404 page
- Classes on
Nav
andIcon
components in footer.js so their display can be set tonone
when not on mobile. Classes passed as props - Code refactored to display footer on desktop layout without the Nav and Icons included
- Awesome Button changes from email to "Start Awesomeness" on hover
- footer.js now includes
componentDidMount()
function that will set footer toopen
if screen width is larger than1200px
- Copyright font-sized enlarged
- Footer arrow tab widened on mobile
- New CSS breakpoints and settings within those breakpoints tweaked to improve layout. Not finalized
root
font-size change for large screen sizes removed from index.css- Unneeded/Duplicate CSS
- "Start Awesomeness" functional
- CSS styling for
<a>
tags in index.css
- CHANGELOG updated to use links to files referenced
awesomeButton
border changed to1px
for mobile layout- Homepage paragraph updated to new content. Still not 100% final version
- Unneeded code removed from footer.js
- Comparison Operators in
toggleNav()
function in footer.js changed to===
due to ESLint Warnings on Gatsby build - Social icons updated to all be the same size and positioned the same so they are uniform
awesomeButton
converted to<a>
tag formailto
abilityhref="mailto:[email protected]?subject=Awesome%20Project"
- Social icons, Nav and Copyright added to footer
- Logic to raise and lower footer
- New
darkGrey
color for footer background - Site Title
- Favicon
- Gatsby Helmet added to index.js for site title and SEO
- Meta author and keywords added to helmet information
- Class name added to
TEISENHOWER.DEV
in nav.js so it can be hidden when in mobile layout - Original
darkGrey
color variable changed togrey
- Top margin removed from
welcome
section, margin added tomain
media query - Social icons added to a 'social' folder so they can be queried separately
- GraphQL query to grab social icons changed to
relativeDirectory: { eq: "social" }
- GraphQL query to grab social icons changed to
- Basic media queries to start mobile layout
- Headshot changed from fixed to fluid in gatsby-image
- Headshot accent
border
property changed tooutline
property - Theme color changed to grey
#191919
in gatsby-config - About section changed to
display: grid
. This was the fix needed to removeclearfix
awesomeButton
andp
now usejustify-self
property for alignmentwidth: max-content
removed fromawesomeButton
content
propertygrid-template-rows:
value changed toauto 12rem auto 1fr;
- Main elements
me
,headshot
,welcome
, etc. changed to<section>
tags vs<div>
- Removed
clearfix
on social icons
- Refactor css into modules
- Homepage elements using CSS Grid to allow reordering for mobile layout
- Unused CSS Classes and IDs removed
- Homepage layout/structure
- URLs to social icons on homepage
webp
function to headshotgatsby-image
with use of...GatsbyImageSharpFixed_withWebp
fragment