Day 5
x--------x
PUSHING AND UPDATE TO REPO ONCE SAVED:
GET INTO GIT: cd /c/xampp/htdocs/judsonsclocks
1. git status
2. git add (filename) or git add . (for all files)
3. git commit -m "short message goes here"
4. git push
5. git push --set-upstream origin [branch-name] (only if its the first time pushing or you set up a new branch)
x--------x
Day 5
Project Goal:
- fix bold font on homepage
- add white rounded box to homepage
- fill box with expounded homepage content
- create separate navbar (navbox), put rounded content box and navbox side by side to fill viewport
*** look into potentially ensuring responsive mobile design with boxes stacked vertically (mobile) versus side by side (desktop)
- revisit css theme and ensure compatability
- explore using codepen items to soup up the site
*** need to decide on a larger project for the coming week
- create contact page
- do whatever else comes to mind that finishes the website
Tidbits:
* You can define color variables in CSS by doing:
:root {
--pastel-green: rgba(168, 219, 168, 0.95);
--frosted-white: rgba(255, 255, 255, 0.75);
--pastel-blue: rgba(131, 175, 215, 0.95);
--pastel-pink: rgba(246, 174, 198, 0.95);
--pastel-purple: rgba(194, 150, 215, 0.95);
}
Work Log:
- browsing codepen for a new item
- experimenting with gradient theme
- importing html, css, javascript function to toggle theme
- troubleshooting issues with properly displaying theme and switching models
- expirimenting with generating my own rainbow theme gradient
- learning how to create (and learning to understand) reusable content boxes, which have style instructions within a css sheet, that I can apply to any HTMl element for consistency and reusability
- recreating and expirimenting with stylesheet
- creating new directories / deleting older files
- separating stylesheets and adding the gradient CSS to it's own sheet
- experimenting with css keyframes for properly animating
- recreating files
- fixing syntax issue
- integerating old site structure with new theme and changing colors
- creating new div class in frosted manner for nav bar
- divorcing nav bar from inner box in main homepage.html file
- rewriting homepage content
- editing footer colors and transparency
- adding flex to css
- changing padding
- adding new pages
- troubleshooting
- remaking styles.css files
- adding blog
- handporting data, files, folders, scripts, etc. from old judsonsclocks folder to new version
- i was working for like 9 hours so i gave up writing notes sorry