Maintenance

The content of this website can be maintained seperately from the code. You can preview the changes on your local computer before uploading on the webserver.

Pre steps

Follow these steps to run the website locally when you want to start editing content:

• Open Terminal app
• Switch to your project folder with cd path/to/your/folder/felixwiedemann
• Run git pull --rebase to update your local copy of the project
  • If you have already modified some files this command is not possible and throws an error
  • Run git stash instead to temporary save your modified files
  • Run git pull --rebase afterwards
  • Run git stash pop to re apply your modified files
• Run npm start
• Open a browser with the URL http://localhost:8080
• Keep Terminal open while editing content

Edit content

Open the project's subfolder content in Finder where you can maintain the following files:

• bg
  • Background image files for the pages (can be assigned to the pages in navigation.json)
• commercials
  • commercials.json
    • Data of commercial clips
    • With this data the teaser list and the player is created
    • Needs to be in correct JSON syntax
      • tl;dr: Always use double quotation and last item must not have a colon at the end
  • framegrabs
    • Framegrab images for commercials
  • teasers
    • Teaser images for commercials
• contact.html
  • Content of the contact page
• cv.html
  • Content of the CV page
• films
  • Films are maintained the same as commercials except for the file name films.json
• intro
  • images
    • Intro images (can be assigned in the intro.json)
  • intro.json
    • Images that are shown in the intro slideshow
    • Transiton configuration
      • transitionDelay: amount of seconds between the fade transition
      • transitionDuration: amount of seconds of the fade transition
• navigation.json
  • Items of the site navigation
  • Note: adding new items is not possible without code changes
• settings.json
  • Adjustments such as lazyloading threshold customization (at value 800 on desktop around 3 images are preloaded)
• title.json
  • Text of the name, title, title addition, navigation label and SEO description of the website

Once you have edited content you can preview it by reloading the browser window.

➡️ Now you need to save your changes via Git versioning.