/css-starter

Looking for a static site template? Look no further!

Primary LanguageHTMLMIT LicenseMIT

CSS Starter Template

Looking for a basic website template that includes Hack Club's theme CSS? Look no further!

How it works

This is a blank repository all set up for you to start your own website. We include Hack Club's theme CSS for you to use if you wish.

  1. Create a copy of this template repository and name it css-starter
  2. Download or clone your new repository by clicking the green Code button
    • For downloading, click Download Zip. Drag that file to your desktop, open your terminal, and navigate to the file in your terminal:
      • Mac: cd ~/Desktop/css-starter
      • Windows: cd C:\Users\%USERNAME%\Desktop\css-starter
    • For cloning on the command line, copy the URL they provide and type into your command line git clone <URL> && cd css-starter into your terminal, replacing with the URL you copied
  3. Start server
    • python -m SimpleHTTPServer
  4. View your server
    • open http://localhost:8000/
  5. Write your code and refresh to see the changes
  6. Deploy your website to the internet!
    • We recommend Vercel, it's an simple and free way to get your website up quickly.
    • To use Vercel go to vercel.com
      • Create an account by authenticating your GitHub account with Vercel
      • Click New project on your dashboard
      • Select your css-starter GitHub repository
      • Add your project name and click Deploy
      • Click the Visit button to see your website!

Deploy with Vercel Deploy to Netlify

Theme examples

Want to use our theme but don't know where to start? Check out:

  • View our theme elements here
  • View our theme code and documentation here
  • View a static example of a site using our theme here and its code here
  • Join the Hack Club Slack and ask community members how they're using the theme!

Contributing

Contributions are encouraged and welcome! Feel free to submit a pull request with code changes, or open issues for suggestions or bug reports.

Development chatter happens in the #hackclub-site-dev channel in the Hack Club Slack.