Phoenix Phantoms

Double, double toil and trouble; Phoenix burn, and cauldron bubble!

A spoooooooky boilerplate project for your Halloween-themed Phoenix app. Made by Elixir Oasis for our Halloween 2023 Code Jam. Happy Haunting!

Installation

Clone this repository, then to start your Phoenix server:

• Run mix setup to install and setup dependencies
• Start Phoenix endpoint with mix phx.server or inside IEx with iex -S mix phx.server

Now you can visit localhost:4000 from your browser.

Ready to run in production? Please check our deployment guides.

Fonts

This repo comes bundled with 13 frightening fonts that can be used to make your text super scary. Like super duper scary.

Coraline's Cat

<span class="font-['CoralinesCat']">Coraline's Cat</span>

Ghastly Panic

<span class="font-['GhastlyPanic']">Ghastly Panic</span>

Horrorcore

<span class="font-['Horrorcore']">Horrorcore</span>

It Lives In The Swamp

<span class="font-['ItLivesInTheSwamp']">It Lives In The Swamp</span>

Lycanthrope

<span class="font-['Lycanthrope']">Lycanthrope</span>

Raven Song

<span class="font-['RavenSong']">Raven Song</span>

Spiderfingers

<span class="font-['Spiderfingers']">Spiderfingers</span>

Swamp Witch

<span class="font-['SwampWitch']">Swamp Witch</span>

Vampyrish ABC

<span class="font-['VampyrishABC']">Vampyrish ABC</span>

Vintage Halloween

<span class="font-['VintageHalloween']">Vintage Halloween</span>

Witch

<span class="font-['Witch']">Witch</span>

Zombie

<span class="font-['Zombie']">Zombie</span>

Zombified

<span class="font-['Zombified']">Zombified</span>

Sound FX

This Phoenix app has been haunted by a bunch of noisy ghosts! Use the <.sfx /> component to make your elements play a sound effect when clicked.

<.sfx id="sound" sample="sfx/wolf.mp3">
  <span class="text-green-500 text-8xl">Click me if you dare!</span>
</.sfx>

The following samples are included out of the box:

• sfx/crow.wav
• sfx/scream.wav
• sfx/thunder.wav
• sfx/witch.wav
• sfx/wolf.mp3
• sfx/zombie.wav

Add custom sounds by copying them into the priv/static/sfx directory of this repo.

Learn more

• Official Phoenix website: https://www.phoenixframework.org/
• Guides: https://hexdocs.pm/phoenix/overview.html
• Docs: https://hexdocs.pm/phoenix
• Forum: https://elixirforum.com/c/phoenix-forum
• Source: https://github.com/phoenixframework/phoenix