2phi.de

A modern website for the 2phi organization.

🚀 Getting Started

Prerequisites

• LFTP (for deployment)

Development

# Open the website directly in your browser
open public/index.html

The website is a static HTML/CSS site with minimal JavaScript for mobile touch highlighting and caption display on touch devices.

🚢 Deployment

Setup

# Rename LFTP configuration template and edit with your FTP credentials
cp lftp.config.example lftp.config

Deploy

npm run deploy

📁 Project Structure

2phi.de/
├── public/                    # Web files
│   ├── css/                   # Modularized stylesheets
│   ├── assets/                # Images, logos, favicons, and author portraits
│   │   ├── favicon/           # Favicon images, .htaccess, and manifest assets
│   │   ├── logos/             # Logos of partner institutions and projects
│   │   └── portraits/         # Author/people images for the website
│   ├── site.webmanifest       # Web app manifest (at root for best compatibility)
│   └── index.html             # Main page
├── favicon/                   # Source and export files for favicons
├── deploy.sh                  # Deployment script
├── lftp.config.example        # FTP config template
└── package.json               # Node.js configuration

🖼️ Favicon & Manifest Management

Favicons are managed according to this guide and generated using RealFaviconGenerator.

Displaying the favicons requires

• that files and directories in public/assets/favicon/ are readable (permissions 755 for directories, 644 for files),
• and that there is a .htaccess file in public/assets/favicon/ configured accordingly. This allows Apache to serve favicon files correctly.

👥 Authors

• Dr.-Ing. Philipp Rosendahl - Center of Snow and Avalanche Research, TU Darmstadt
• Prof. Dr.-Ing. Philipp Weißgraeber - Chair of Lightweight Design, University of Rostock

🔗 Links

• Center of Snow and Avalanche Research
• Chair of Lightweight Design
• WEAC on GitHub
• WEAC on PyPI
• Oracle Web App