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.

README.md

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): https://telavivmakers.org/
  • 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 git@github.com:marcoEDU/HackerspaceTemplatePackage.git

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 setup.py;python manage.py makemigrations;python manage.py migrate;python manage.py 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/:

logo.svg
header_logo.jpg

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

favicon.ico
favicon-32x32.png
favicon-16x16.png
apple-touch-icon.png

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.