Skip to content
Create an amazing new website for your local hackerspace within minutes!
Python HTML CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

Hackerspace Website Template

Create an amazing new website for your local hackerspace within minutes!

=> 🌍 Example websites

=> 🌟 Features

=> 🛠 How to setup

=> 🧹 How to customize

=> 💻 How to contribute

🌍 Example websites

Take a look at the hackerspaces which already use this template!:)

  • TAMI, Tel Aviv (Israel):
  • Noisebridge, San Francisco (USA): about to launch, needs to be deployed
  • and maybe your hackerspace soon as well?:)

🌟 Features

This website template has a lot of super useful features for your hackerspace! Don’t need all of them? Don’t worry, you can easily deactivate or customize them as well!

=> 💡LED Dark Mode!

=> 🛬Landingpage with all the essentials

=> ℹ️About section, tell your hackerspace’s story

=> 🔍Search everything, everywhere

=> 🗓Create & see all your events

=> 🖼All photos in one place

=> 🛠Show your projects

=> 🏠List your spaces & machines

=> 📝Create, archive and see all your meeting notes

=> 👥Consensus Items

=> 💲Tell people how to donate

=> 🌍Multi-language support

Want more? Learn how to contribute!

💡LED Dark Mode!

The most important key feature first - THIS WEBSITE HAS LEDs!!! *

I mean… do you really need anything else to convince your hackerspace community?

*if the website visitor has Dark Mode activated on their device / operating system

🛬Landingpage with all the essentials

  • "Currently open" indicator (automatically updated every minute)
  • hackerspace short description
  • upcoming events (automatically updated every minute)
  • overview of what areas your hackerspace covers & quick links to search
  • address, map & opening hours

ℹ️About section, tell your hackerspace’s story

  • the one rule - be excellent to each other
  • how to participate
  • your hackerspace history

🔍Search everything, everywhere

  • Discourse
  • Wiki
  • events
  • projects
  • meeting notes
  • machines
  • spaces
  • social media channels

🗓Create & see all your events

  • auto import existing events from Meetup and your Wiki, via Cronjob
  • allow community members to create new events directly via the website (which then get automatically posted to your Meetup group and Discourse as well)

🖼All photos in one place

  • from Twitter, Instagram, your Wiki & Flickr
  • including preview of the connected social media posts
  • sort by "Latest", "Oldest" or "Random" - to explore more of your Hackerspace's history!
  • always see the latest photos on the landingpage (automatically updated every minute)

🛠Show your projects

🏠List your spaces & machines

  • list all your spaces & most important machines

📝Create, archive and see all your meeting notes

  • easy import of existing meeting notes from your Wiki
  • automatically start a new meeting on Riseup Pad based on your meeting notes template
  • presenter/note taker mode - to allow everyone to see what the current topic is (and how long the meeting is already going on)
  • use #hashtags to tag keywords - which get extracted automatically when you finish a meeting

👥Consensus Items

  • auto import consensus items from your Discourse group
  • link to the consensus items section of your Discourse group to allow people to create new projects

💲Tell people how to donate

  • donation infos accessible from every page
  • links to donate money, hardware or organize or volunteer an event

🌍Multi-language support

  • easily switch between languages
  • more languages can be easily added via the translation files

🛠 How to setup

Step 1: Clone this repo

git clone

Step 2: Create & activate a Python virtual environment

Step 3: Via the main folder of this code - execute in your terminal:

pip install -r requirements.txt;python;python makemigrations;python migrate;python update_database

Step 4: Customize the settings in config.json to your hackerspace (and make sure it's a valid JSON, otherwise the server won't be able to start).

Step 5: Setup the cronjobs from cronjobs.txt - to keep the database updated

Step 6: To add your own logo: Add the following files to hackerspace/Website/static/images/:


Step 7: Create your own favicons and add the following files to hackerspace/Website/static/images/favicons/:


Step 8: Add your default background image as "header_banner.jpg" to hackerspace/Website/static/images/

Step 9: Test your website

Step 10: Deploy your website

🧹 How to customize

=> Click to change your default colors & fonts

=> Click to show templates

=> Click to show CSS files

=> Click to show images

=> Click to show JavaScript files

=> How to add a new page:

💻How to contribute

Want to help improving the website template? Check out our To Do's Board.

You can’t perform that action at this time.