Goal 1: Create an interactive website with multiple notebooks
- Attempt: Set up Jekyll and learned how to embed notebooks into the structure.
- Accomplishment: Successfully linked notebooks and implemented various sections, including a planning document.
Goal 2: Enhance the website with custom scripts and interactive cells
- Attempt: Tried incorporating JavaScript cells in one notebook.
- Accomplishment: Implemented a basic JavaScript example and ensured it works within the notebook.
Goal 3: Share personal experiences and achievements through text and images
- Attempt: Uploaded images and linked them with descriptions.
- Accomplishment: Created a gallery of personal achievements, focusing on competitions and music.
Record
08/29/2024
First CSP homework - add a page to personal website Anyi_2025 → Music
_layouts - create __.html
navigation - create __.md - add what you want (text, code...)
_config.yml - add your __.md
09/02/2024
Figure out how to change the theme of the web
index.md - delete # on one theme and add # on the other theme
09/04/2024
Add a mario png to the first page
_data - create mario.yml (copy from teacher's link)
images - create mario.png
index.md - add mario's code (copy from teacher's link)
09/05/2024
Add more details to the "About" page
type stuff in about.md
09/05/2024
Add more details to the "About" page
type stuff in about.md
09/10/2024
I did more edition on my about page, include text and some images
The Images I put in didn't go well at first, and all the pictures are really big and full my screen, which made me distressed. I searched up on the website and also the CSP guide and find that we could actually control the size of the images using "style" code
.medium-text { font-size: 20px; }
"p class="medium-text">- My name is Anyi Wang/p"
Additionally, I made the pictures into a gallary similar as the example showed on Mr. Mortensen's website
09/11/2024
I added side background to my website, making my pages become more colorful
09/12/2024
I added a snake game page to my website. I got the code from chat-gpt, but it doesn't have a restart button. I worked out a restart button by myself, with the help on google
The game is still not complete: snake moves so fast that I'm hard to control the direction
09/15/2024
I did the rainbow and js calculator during weekends and conticue working on it today
at first I was a little bit confused about the difference between .scss and .css
Now I figure it out that SCSS is essentially an enhanced version of CSS that allows for more powerful and organized styling capabilities.
Putting things in the right folder really helps management
09/16/2024
I added the cookieclicker game to my website
I found that adding sounds to the game has a really similar process as adding images, and only need to copy the mp3 I downloaded into my folder and code a relative path to it
09/17/2024
I continue making improvement on the website and try to change its style