CDA Archive Website

Stack

• PHP 7
• Kirby CMS
• HTML, (S)CSS, JS
• Svelte JS Framework

Development

Install

git clone --recursive -–depth 1 https://github.com/moritzebeling/documentary-architecture.org.git
cd documentary-architecture.org

# to install sass
npm install -g sass

# to install svelte
cd site/plugins/framework/assets
npm install

Update modules

git submodule foreach git pull origin master

Run

# php server
php -S localhost:8000 kirby/router.php

# compile sass on save
sass --watch --style=compressed assets/scss:assets/css

# svelte
cd assets/frontend/app
npm run dev

Deploy

Before deploy, compile svelte frontend

npm run build

Used tools

• Reflex responsive CSS grid system
• Lazysizes lazyloading responsive images
• SmoothScroll
• Mapbox
• Three.js
  • FBX Loader
  • OrbitControls
  • Equirectangular Panorama
• UnityLoader
• Sitemapper

Web APIs

The website offeres some public APIs

• To get a JSON representation of the currently viewed page, just append .json to the url.
• To get a list of all Liebling-House Tours and Tourstops and all 3D-world-linked elements, call

http://localhost:8000/i/liebling-house/worlditems.json