Skip to content

MJ Css frameworks#303

Open
mjohank wants to merge 63 commits intoNoroffFEU:mainfrom
mjohank:css-frameworks
Open

MJ Css frameworks#303
mjohank wants to merge 63 commits intoNoroffFEU:mainfrom
mjohank:css-frameworks

Conversation

@mjohank
Copy link

@mjohank mjohank commented Sep 24, 2024

My initial commit of the full project. Lacking validation on authentication page form will be addressed

- Installed dev dependencies: SASS, live-server
- Created package.json scripts: build, watch
- Installed Bootstrap
- Imported Bootstrap from node_modules into index.scss
Added project images to resources folder
Added initial content
Added initial content
Images not optimised
Added initial content
Renamed folder to adhere to naming conventions
corrected link pathways to follow new folder name
- This change ensures that Netlify can properly serve the site's main entry point
- The folder structure for other pages remains
- Added reset partial for global CSS reset.
- Set up page-specific SCSS partials for authentication, feed, and profile.
- Linked all current SCSS partials in index.scss to prepare for further styling.
- Temporarily using @import, will migrate to @use for future compatibility.
- Moved styling of hero image to authentication partial
- Temporary styling of hero image. Will replace with mixin
Removed inline styling of profile picture
Added temporary styling of profile picture. Will be replaced with mixin
Replaced feed thumbnails div elements with anchors in order to act as interactable thumbnails
- Replaced hero image
- Changed hero img alt text
Added font import for brand logo
Added global styling for navbar
- Added class to navbar to fix it to the top of the viewport
- Minor styling fixes to footer
- Added html validation to log in form
- Minor styling fix to navbar and footer
Added node_modules back to the ignorelist
Made all thumbnails interactable in order for user to "click in" on the thumb to view larger image and read description
Added mixin for a more DRY styling of images
Replaced image custom css with mixin for more DRY code
Replaced image custom css with mixin for more DRY code
Imported new partial file (_mixins.scss)
Removed commented out script tag which was obsolete
Removed commented out script tag which was obsolete
Removed commented out script tag which was obsolete
- Updated script tag from Bootstrap v5.2 -> v5.3.3
- Reason for update: Had installed Bootstrap 5.3.3 as dependency
Added dist folder to ignore list
- Added "needs-validation" class and novalidate to form element to activate Bootstrap validation feedback
- Added valid + invalid feedback to email and password inputs
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant