diff --git a/README.html b/README.html index e486cc42..eed79280 100644 --- a/README.html +++ b/README.html @@ -12,7 +12,7 @@ const baseUrl = '/2025'
- + diff --git a/README.page-vue-render.js b/README.page-vue-render.js index 7ad2d35a..38348962 100644 --- a/README.page-vue-render.js +++ b/README.page-vue-render.js @@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"fixed":""} with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"cs3281-and-amp-2-student-data-website"}},[_v("CS3281&2 student data website"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#cs3281-and-amp-2-student-data-website","onclick":"event.stopPropagation()"}})])])} },function anonymous( ) { -with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('p',[_v("["),_c('strong',[_v("This site was generated using "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"25"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.5.3")])]),_v(" on Sun, 19 Jan 2025, 13:40:49 UTC]"),_c('br'),_v(" "),_c('span',{staticClass:"dimmed"},[_c('small',[_c('small',[_v("favicon.ico of this site was made by "),_c('a',{attrs:{"href":"https://www.flaticon.com/authors/smashicons","title":"Smashicons"}},[_v("Smashicons")]),_v(" from "),_c('a',{attrs:{"href":"https://www.flaticon.com/","title":"Flaticon"}},[_v("www.flaticon.com")]),_v(" is licensed by "),_c('a',{attrs:{"href":"http://creativecommons.org/licenses/by/3.0/","title":"Creative Commons BY 3.0","target":"_blank"}},[_v("CC 3.0 BY")])])])])])])])} +with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('p',[_v("["),_c('strong',[_v("This site was generated using "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"25"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.5.3")])]),_v(" on Sun, 19 Jan 2025, 18:27:18 UTC]"),_c('br'),_v(" "),_c('span',{staticClass:"dimmed"},[_c('small',[_c('small',[_v("favicon.ico of this site was made by "),_c('a',{attrs:{"href":"https://www.flaticon.com/authors/smashicons","title":"Smashicons"}},[_v("Smashicons")]),_v(" from "),_c('a',{attrs:{"href":"https://www.flaticon.com/","title":"Flaticon"}},[_v("www.flaticon.com")]),_v(" is licensed by "),_c('a',{attrs:{"href":"http://creativecommons.org/licenses/by/3.0/","title":"Creative Commons BY 3.0","target":"_blank"}},[_v("CC 3.0 BY")])])])])])])])} }]; \ No newline at end of file diff --git a/activities-dashboard.html b/activities-dashboard.html index b1424c0e..a5e64273 100644 --- a/activities-dashboard.html +++ b/activities-dashboard.html @@ -14,7 +14,7 @@Notes:
Update the knowledge.md
page in your folder with the knowledge of tools/technologies you gained by doing the project.
Update the observations.md
page in your folder with relevant observations from your work under the 'External Project' component.
Notes:
Update the knowledge.md
page in your folder with the knowledge of tools/technologies you gained by doing the project.
Update the observations.md
page in your folder with relevant observations from your work under the 'External Project' component.
Week | Achievements |
---|
Week | Achievements |
---|
...
...
Week | Achievements |
---|---|
1 | Solved issue: Upgrade GitHub Actions macOS runners to 13 and 14 (and possibly 15) #2259 |
1 | Solved issue: Add ubuntu-24.04 to CI runners and bump publish-RepoSense runner #2252 |
Week | Achievements |
---|---|
1 | Solved issue: Upgrade GitHub Actions macOS runners to 13 and 14 (and possibly 15) #2259 |
1 | Solved issue: Add ubuntu-24.04 to CI runners and bump publish-RepoSense runner #2252 |
Over the semester, I will be working on MarkBind.
The work will build on previous work done, recorded here
Week | Achievements |
---|---|
1 | Authored PR: Add Pagefind Plugin #2568 |
Over the semester, I will be working on MarkBind.
The work will build on previous work done, recorded here
Week | Achievements |
---|---|
1 | Authored PR: Add Pagefind Plugin #2568 |
Angular Component Communication:
@Output
and EventEmitter
.Conditional Class Application:
ngClass
directive.[class]
binding syntax.Event Binding:
(event)
binding syntax to handle user interactions.(change)="handleChange($event)"
to trigger functions when events like change
occur, passing the event object as an argument.Angular Official Documentation:
@Output
and EventEmitter
to enable child-to-parent communication.Udemy Course: "Angular - The Complete Guide" by Maximilian Schwarzmüller:
By combining these resources, I was able to implement a basic dark mode feature that functions effectively but still requires refinement. One key area for improvement is ensuring the dark mode state persists when navigating between routes. Currently, when the route changes (e.g., from localhost:4200/web/
to another route), the boolean variable controlling the dynamic CSS class allocation using ngClass
resets to its default light mode, even if dark mode was active prior to the route change.
I suspect this behavior occurs because the page component is re-rendered during navigation, causing the component's state (including the boolean variable) to be re-initialized. To address this, I plan to research and implement a solution to persist the dark mode state. A promising approach might involve using a shared Angular service to store and manage the state globally, ensuring it remains consistent across routes. While I am not yet an expert in Angular, I am confident that further exploration and practice will help me refine this feature.
Angular Component Communication:
@Output
and EventEmitter
.Conditional Class Application:
ngClass
directive.[class]
binding syntax.Event Binding:
(event)
binding syntax to handle user interactions.(change)="handleChange($event)"
to trigger functions when events like change
occur, passing the event object as an argument.Angular Official Documentation:
@Output
and EventEmitter
to enable child-to-parent communication.Udemy Course: "Angular - The Complete Guide" by Maximilian Schwarzmüller:
By combining these resources, I was able to implement a basic dark mode feature that functions effectively but still requires refinement. One key area for improvement is ensuring the dark mode state persists when navigating between routes. Currently, when the route changes (e.g., from localhost:4200/web/
to another route), the boolean variable controlling the dynamic CSS class allocation using ngClass
resets to its default light mode, even if dark mode was active prior to the route change.
I suspect this behavior occurs because the page component is re-rendered during navigation, causing the component's state (including the boolean variable) to be re-initialized. To address this, I plan to research and implement a solution to persist the dark mode state. A promising approach might involve using a shared Angular service to store and manage the state globally, ensuring it remains consistent across routes. While I am not yet an expert in Angular, I am confident that further exploration and practice will help me refine this feature.
Week | Achievements |
---|
Week | Achievements |
---|