Spooky is a pre-built static site — all HTML, CSS, and JavaScript files are already compiled and ready to render in a browser. There is noDocumentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/spooky/llms.txt
Use this file to discover all available pages before exploring further.
npm install, no build step, and no framework to configure before you can preview the theme locally. Download the repository, serve it over HTTP, and your Halloween portfolio is live on your machine in seconds.
Clone or download
Clone the Spooky repository from GitHub and move into the project folder:Alternatively, download the ZIP from the repository page and extract it to a local directory.
Open locally
Spooky uses ES module imports, which means browsers block the scripts when a page is opened directly as a
file:// URL. You must serve the project over HTTP. Choose one of the two options below:Preview in browser
Open your browser and navigate to:The full homepage loads immediately. The candle cursor, flickering lights, and slide-in navigation are all active — no further setup needed.
Personalize content
All editable content lives directly inside the HTML files. Open any of the following pages in your editor and replace the placeholder text, links, and details with your own:
| File | Content |
|---|---|
index.html | Homepage — hero copy, intro statement |
home.html | Alternate homepage entry retained by the theme |
about.html | Biography and background |
projects.html | Featured project portfolio |
skills.html | Skills, technologies, and capabilities |
work.html | Professional experience and work history |
casestudies.html | Detailed project and technical breakdowns |
articles.html | Writing archive and article index |
writing.html | Articles, notes, and long-form writing |
testimonials.html | Testimonials and feedback |
contact.html | Contact details and communication links |
placeholders.html | Theme placeholder and utility preview page |
The JavaScript files inside
assets/ (main.js, index.js, proxy.js, etc.) and components/ (CandleCursor.js, Navigation.js, FlickeringLights.js, and others) are pre-compiled Vite output. Editing them directly is not recommended. Developers who want to modify component behavior — such as adjusting the candle cursor, jump-scare effects, or navigation animations — should refer to the Components section of this documentation.What to customize first
Personal info
Update your name, bio, and background in
about.html. This is the first place visitors go after the homepage.Projects
Showcase your work by editing
projects.html. Add titles, descriptions, links, and screenshot images for each project.Color palette
Spooky ships with a Halloween-inspired palette. Learn how to adjust accent colors and background tones to fit your personal brand.
Typography
Review the font choices and heading scale used across the theme. Swap typefaces or adjust sizing to match your style.