To-Do.md

To-Do/Ideas List:

---

Footer

• Make wave exact same color

Imagegallery

• Priority true for whole visual side of component

• Figure out how to click over to all images

• Customizable height and width property

• Figure out how to add optional styling for image descriptions

• Statically import images

Projects cards

• Make cards images load faster

Page Transitions

• Look into why page transitions are lagging

---

Mobile:

• Fix Homepage mobile
• Fix cad page

Footer + Navbar

• Make a website footer
• Footer animation onhover
• Fix footer scaling problems:
  • stop it from scaling the height
  • put the actual footer behind the text
  • Footer animation from below when hovering

Fun:

• Interactive Logo
  • Change font
  • Change particle size
  • Change particle shape
  • Try on title page

Testing page

- [x] Autofocus on password bar - [x] Hide password bar after password has been entered

Page transitions

• Figure out how to make page transitions without breaking everything

• Add page transitions to children pages

• Add transition animations for elements on the page aswell, not just pages themselves

• Fix page transitions to not only work on reload

• SOLUTION --> super hacky workaround because nextjs page transitions are broken

Backbutton

• Bring back "backbutton"
• Make it not show up on mobile

Search:

• Search function? --> https://nextjs.org/learn/dashboard-app/adding-search-and-pagination
  • Visual
  • Figure out how how to make it functional
    • index.js file with all pages + keywords listed
    • only display onFocus
    • Make it go away on focus loss or empty field
    • Animatepresence opening and closing animation
    • Click outside for closing
    • (x) Button to clear search field
    • Page previews?
  • Only show search results on typing

Suspense

• Figure out why layout.js isnt applying to child pages --> just use loading.js
• Add suspense to children pages

3D models:

• Figure out how to make textures --> just use gtlf

• Figure out better lighting

• Flowers:

  • Buttons for all the "molds"
  • Visualizer of the finished card, cardboard look
  • Maybe some bool switch of "mold"/"Card" and then the flowers

• CAD:

  • Figure out how to display multiple models side to side
  • Figure out how to switch between multiple models
  • Buttons to switch from open to closed
    • Make buttons not take up entire row
  • add to cad page

Updates:

• Update Portfolio

NEW TO-DO PAGES:

• ZHdK homework

Creative Coding:

• Make better buttons (?) to toggle drawing etc
• Doublecheck that mobile etc works
• figure out how to set drawing to true on mouse over?
• figure out how to have followmouse & autocolor on, and still be able to turn it off

Videos/Gifs/Images:

General:

• Make a component for my images with the handleoutsideclick etc
• Change general background of all pages (fml) --> to something that doesnt look like the circle cut off halfway through
• Maybe add borderRadius:'24px' to motion images
• Add "title" when big
• Video embedding --> dim background
• Figure out how to make "mouse hover tipps" show up --> for dim button/focus button,
• Implement the tooltips
• Add page with calendar for dates (hausaufgaben etc)

Animations:

• Make cards bigger
• Change background for main animation page
• Change background for sub-animation pages
• Add background blur onhover
• Upload all animations
• Kontakt
• Logo
• Plasticine
• Skate
• Train
• Music
• Add descriptions on cards
• Add descriptions on pages
• credit maude on plasticine video
• Figure out why Google Drive wont work for some videos
• Decide on Layout when multiple videos per page

Skylands

• Maybe add an svg background?
• Add background to description of images
• Structure & add screenshots --> like portfolio
• Figure out background colors (different ones)
• Upload Screenshots
• Upload Video
• Upload apk
• Figure out why video wont work

Creative-Coding

• Fix code snippets looking really bad
• Add code screenshots (+ maybe little "test" code sandbox things that only have the current code)
• Decide on background --> colorful or not
• Scrollable window/codesandbox under gallery or video
• Scrollable container element?
• Move "tips" button to top
• Add all screenshots --> like portfolio
• p5js editor
• Add examples with code view + screenshots
• Github Link
• image gallery

Sketches

• Add all sketches that are in portfolio
• Maybe change background slightly
• Look into picture/svg as backgroundcolor ?
• Add description
• Upload screenshots

CAD

• Figure out how to dynamically scale vl
• Change background to be green --> like portfolio
• Figure out how to make grid -->

  ---

  and maybe?
• Add description
• Upload screenshots

Voxel Art

• Change voxel backgrounds slightly
• Upload screenshots
• Add description

Arts & Crafts

• Change crafts backgrounds slightly
• Upload screenshots
• Add description

Illustrator

• Change illustrator backgrounds slightly
• Upload Screenshots
• Add description

Links:

• Google Drive Link
• Portfolio Link (google drive)
• Github Link

About:

• Copy paste CV svg files
• Style app icons

Less Priority (Visual/Layout)

General Website issues:

• Add a "page divider", a half transparent thin line to "section" different parts of a page?
• Figure out dark mode on other devices
• Fix title not centered on mobile
• Fix youtube not allowing fullscreen

Navbar:

• subNavbar animation --> not just fade in/out
• SubNavbar button --> add background
• Make menu buttons on navbar "morph" onclick
• Look into SVG Drawing --> Navbar open/close icon animated - [x] Navbar colors finalize --> maybe feedback
• Navbar open/close button --> make background (backgroundColor:'#211f1e') and have other items go BEHIND that
• Animate the "active-path" gray box
• Navbar --> maybe bring back hover and add an outline for active path?
• Navbar gray box --> figure out different colors for each page (if possible)
• Make second version without hover-path
• Fix not centered on mobile still
• Navbar animation --> from the side
• Sub-Navbar (Projects)
• Navbar icon
• Navbar change toggle from top to left
• Change animation to not look like shit
• Figure out why it closes automatically (turns out it was not using the Link router)
• Navbar fixed on top of screen?
• adjust spacing for focus button based on new navbar
• onTap animation

Focus/Dim Buttons:

• get some padding on top of id for focus button? (make new div with 1rem padding and take away 1rem padding from subtitle div) or
• Implement focus button on all pages

Background:

• Gradient like github page
• Change background
• Figure out gradient

Links:

• Add github links
• Add Icons

Cards:

• Uniform card logos (maybe stylized)

• Figure out how the hover works

• Add spacing between cards

• Change Backgroud of cards

• Figure out individual backgrounds

• Fix Background Creative Coding

• Fix Background Animations

• Add Project descriptions