Skip to content

1. STATE OF THE ART

RESEARCH AND HELPFUL TOOLS

It is very beneficial to have a workflow of how to resize, optimize, and upload files.

The main ways that i upload files: - pictures and gifs directly to site - youtube videos embedded into the site - 3D models embeded into the site

USEFUL WEBSITES AND TOOLS EZGIF - to optimize and edit gifs, convert video to gifs TINYPNG - to reduce and optimize png files SKETCHFAB - to upload 3D models

DOCUMENTATION CHANGES

Below are all the changes i have made to the website:

  • Added a dark and light toggle switch
  • Changed the theme colors to black, white, red.
  • Changed the favicon
  • Added my logo as the home button

CODE

# Replace the text below to customize your site
site_name: Zander Webster
site_description: Your name Fabricademy site
site_author: Your Zander Webster
copyright: Copyright 2024 Your name - Creactive Commons Attribution Non-commercial

site_url: https://class.textile-academy.org/2025/zander-webster/
repo_url: https://gitlab.fabcloud.org/academany/fabricademy/2025/students/zander-webster
repo_name: fabricademy/2025/zander-webster

extra:
  social:
    - icon: fontawesome/brands/instagram
      link: https://instagram.com/lostgoodz

theme:
  name: material
  palette:
    # light mode
    - scheme: default
      toggle:
        icon: material/brightness-1
        name: Switch to dark mode
      primary: black
      accent: red

    # dark mode
    - scheme: slate
      toggle:
        icon: material/brightness-3
        name: Switch to light mode
      primary: white
      accent: red

  font:
    # See available fonts from https://fonts.google.com/
    text: Space Grotesk
    code: Roboto Mono

  icon:
    # Read about icons at https://squidfunk.github.io/mkdocs-material/setup/changing-the-logo-and-icons/
    logo: 
    repo: 

  logo: images/logo_perfecto_red_solid.png
  favicon: images/logo_perfecto_red_favicon-1.png


  features:
    - navigation.tabs
    - navigation.footer

# Add custom CSS
  extra_css:
    - stylesheets/extra.css

# Read more here https://squidfunk.github.io/mkdocs-material/customization/#additional-css 
# extra_css:
#   - stylesheets/extra.css

# extra_javascript:
#   - 'javascript/extra.js'

plugins:
  - search
  - git-revision-date:
      enabled_if_env: CI

# See more extensions at https://squidfunk.github.io/mkdocs-material/reference/
markdown_extensions:
  - admonition
  - codehilite:
      guess_lang: false
  - toc:
      permalink: true
  # https://squidfunk.github.io/mkdocs-material/reference/admonitions/
  - pymdownx.details
  # https://squidfunk.github.io/mkdocs-material/reference/content-tabs/
  - pymdownx.tabbed:
      alternate_style: true 
  - pymdownx.superfences
  - tables
  - footnotes
  - attr_list
  - md_in_html