- Changed the
rootMargin
property value ofsectionOnScrollOptions
fromrootMargin: '-200px 0px -60px 0px'
torootMargin: '-400px 0px -250px 0px'
. - Added
@media (hover: none)
for the about image's hover effect. - Updated README.md.
- Added
devServer
property towebpack.config
and removedpublicPath
fromoutput
. - Removed
server.js
file.
- Locally saved a variable font,
Caveat
. - Navigation bar items are stylized based on what section is scrolled into view; the Intersection Observer's options could use tweaking.
- Installed
postcss
andautoprefixer
dependencies. - Added
loading: 'lazy'
toimg
elements.
- Made use of
classList.toggle
, instead of removing an element's class based on it'sclassList
contains a string. - If
.nav_right
is active and a.nav_item
is clicked the.nav_right
is closed; the.btn_menu
is clicked but only closes.nav_right
if the button's computed display style is 'block'. - The contact section, 'on scroll view', will slide it's content from left and right once.
- Created a two media query breakpoints,
min-width: 481px
andmin-width: 1025px
. - Applied
scroll-behavior: smooth
to all elements. - Continued applying CSS styles to elements.
- Attempted to wrap about text around the about image.
- Created a
ResizeObserver
in theapp
module; this will observedocument.body
and add/remove a class 'stop_transitions' to the body. - Created
loading.config
consisting ofspan
elements spelling outloading...
. - The
loading
module will display a loading screen and remove it's self once thewindow
is loaded. - Created
wave
animation for the loading text.
- Added a variety of CSS styles throughout sections, including but not limited to padding, margin, transform, transition, et cetera.
- Applied a
position: sticky
to theheader
element containing thenav
element. - Fixed the unordered list of class
.nav_right
appearing in the background by applying az-index: 1
toheader id="header_primary"
. - Added
fill="currentColor"
to SVG files in use. - Added the following style sheets:
footer
/main
/socials
.
- Defined
sizes
andsrcset
for the about section'simg
element. - Created
socials
module that renders an unordered list of common social media icons inside anchor elements. - The heading and anchor tags in article elements are wrapped in a
header
element. - Created
about
/contact
/projects
style sheets. - Added basic CSS styles to the projects section.
- Created
images
subdirectory.
- Hamburger menu implemented; toggles the unordered list of class
.nav_right
for mobile/tablets. - Added a case for
instanceof HTMLElement
in thesetChildren
method. - Created a
buttons
subdirectory and abtn_menu
module. - Filled sections with placeholder content.
- Added GitHub Pages deployment to instructions in
README.md
. - Used
module-webpack-starter
repository as a template to createhomepage
repository. - Updated
devDependencies
towanted
versions. - Removed
devServer
fromwebpack.config.js
,server.js
, andtesting
subdirectory. - Initialized a variety of components.
- Created
createElement
andpubSub
helpers. - Downloaded a handful of icons.
- Installed npm packages:
jest
,babel/core
,babel/preset-env
, andbabel-jest
. - Added
babel.config.js
file to target current version of Node. - Changed test script to
jest --testPathPattern=src/testing
. - Created
containers
andtesting
sub-directories insidesrc
directory. - Starting files
sum
andsum.test
generated for temporary testing. - Fixed repeated text in
CHANGELOG.md
.
- Reformatted
CHANGELOG.md
. - Updated instructions in
README.md
.
- Initial
module-webpack-starter
structure created. - ESLint and Prettier enabled for the module.
- Configuration files for ESLint and Prettier created.
README.md
included with instructions and notes.- Placeholder directories created in components.
- Added
.eslintrc.json
to.prettierignore
.