Personal Website for Zachary Watkins

This website hosts my most relevant work, skills, writings, experiences, and more.

Technology

1. VitePress for static site generation
2. Vue.js for templating and reactive components
3. Tailwind CSS for styling
4. Sharp for image processing during the build step

Directory Structure

This website uses VitePress for static site generation from markdown files. See VitePress - Routing for more information.

• .github - GitHub Actions workflows and other integration files.
• .vitepress - VitePress theme and configuration files.
• .vscode - Visual Studio Code workspace settings.
• articles - Website articles.
• assets - Files used during the build process and not uploaded to the website.
• public - Files uploaded to the website without processing.
• bin - Scripts used during the build process.
• index.md - Home page content.
• <other top-level directories> - Pages on the website.

Design Notes

Fonts

• Long-form content: Georgia, Times, 'Times New Roman', serif;
• Everything else: 'Franklin Gothic', sans-serif;

Favicon

The favicon was generated using the following font:

• Font Title: Roboto Slab
• Font Author: Copyright 2018 The Roboto Slab Project Authors (https://github.com/googlefonts/robotoslab)
• Font Source: http://fonts.gstatic.com/s/robotoslab/v34/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoJYOWaG5iddG-1A.ttf
• Font License: Apache License, version 2.0 (http://www.apache.org/licenses/LICENSE-2.0.html))