Day 1 - Monday - 8/28/23
- Setup lab notebook
- Learned how to fix divergent branches error
- If you edit a file on github, commiting will throw an error at you
- Solution is in the long error message, is to specify what to do when the version on github is different from original
- Read Javascript Input article on teacher page
Day 2 - Tuesday - 8/22/23
- Removed CSSE and CSA pages, kept CSP
- Finished updating lab notebook
- Managed to get a custom Jekyll theme with help of teacher
- Follow instructions on theme readme
- bundle install theme-name
- add theme as dependency in gem file
- set theme in _config.yml
- remove head-custom line in head.html
- errors take a long time to pop up, make will get stuck
- go to /tmp/jekyll4200.log and cat file to view error
- add any required background images, rename layouts if needed
- header and other layouts may not show, need to copy from theme manually and update accordingly
- if any other things fail to show up, compare source of your site to demo site usually provided by theme
- add any html for titles or icons accordingly
- icons may create an error since the path to the image from the _posts folder and from the _layouts folder is slightly different
- links to posts are baseurl/year/month/day/title on website, so to reference an image in images folder ../../../images/image.png is required instead
- my solution was to create a new layout named default-post, and have the post layour include that rather than the normal post
- default-post layout includes a copy of header named header-post, which include the link to the icon image from a post, rather than from the homepage
Day 3 - Wednesday - 8/23/23
- Added Snake Game
- Messed around with CSS and JavaScript to better fit colors
- Changed border color, menu highlight color, and background color
- Changed food color and distinguished between food and snake color
- Created new function to paint snake different color
- Added option for two pieces of food by modifying existing code for more practice
- Two food was simply an idea that popped into my head, and doing so would give me more practice
- Added JS calculator
- Debugged issue with wrong reference in header for calculator to correctly reference style.scss
- Messed around with button CSS
- Changed hover color, added multiple hover colors for clear and equals buttons
- Made text float right using text-align and direction css
- Added division and exponent operations
- Option for division was already coded, had to add new case in switch for exponent
- Thank god for w3schools or else I would not have figured out that Math.pow is the way to do exponents and not the carat (^), which is an XOR operation in coding.
- Imported custom background javaScript files, they look very cool.