mw-site/README.md

Mike Wink Website

That is the static website for Mike Wink. It is powered by pure HTML and Tailwind CSS. The index is a PHP file so that I can have a dynamic elements.

Installation

Do a normal npm install to install dependencies. See the Tailwind CSS documentation for details.

Run dev watch

npx tailwindcss \
    -i ./src/css/styles.css \
    -o public/build/styles.css \
    --jit \
    --purge="./public/**/*.php" \
    --watch

Run production build

NODE_ENV=production \
    npx tailwindcss \
    -i ./src/css/styles.css \
    -o public/build/styles.css \
    --jit \
    --purge="./public/**/*.php" \
    --minify

Serving the site

Use the PHP commandline server to serve the site locally.

php -S localhost:8000 -t ./public

Used assets

• Background pattern "Topography" from Hero Patterns
• D-DIN fonts from 1001 Fonts
• Color palette from Coolers
• SVG icons from Simple Icons