index.html

---
layout: default
script: main.js
---

<!-- Header -->
<div id="intro">
  <div class="container d-flex justify-content-center align-items-center h-100 text-center">
    <div class="row">
      <div class="col">
        <h1 class="display-1 fw-bold">MAKE SOMETHING AMAZING AT<br /><span class="brand">HSBNE</span></h1>
        <p class="">We are a community workshop run by members located in Brisbane.</p>
        <p>&nbsp;</p>
        <a class="btn hsbne-btn btn-lg" href="join.html">Join Us</a>
      </div>
    </div>

  </div>
  <div class="scroll-indicator">
    <span>Scroll down</span>
    <i class="bi bi-chevron-down"></i>
  </div>

</div>
<!-- About Section -->
<div id="about" class="home-odd">
  <div class="container py-5 text-center">
    <div class="row">
      <div class="col">
        <h2 class="display-2 mb-0 fw-semibold">Welcome!</h2>
        <p class="fw-light">HSBNE, the HackerSpace Brisbane, is a community workshop located in Sumner</p>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <p class="fw-medium">We're a group of people brought together by a shared interest in tinkering, creating, and
          making things. HSBNE is entirely run by its members — we have no employees or staff. Everything that happens
          here is thanks to the shared effort of our community.</p>
        <p>Our space currently includes:</p>
        <ul class="list-unstyled">
          <li><a href="explore/woodworking">Woodworking</a></li>
          <li><a href="explore/digifab">Digital Fabrication</a></li>
          <li><a href="explore/metalshop">Metalworking</a></li>
          <li><a href="explore/electronics">Electronics</a></li>
          <li><a href="explore/craftpunk">Crafts</a></li>
        </ul>
      </div>
    </div>
    <div class="row">
      <div class="col mx-lg-5">
        <div id="carouselExampleCaptions" class="carousel slide rounded hsbne-shadow-dark overflow-hidden">
          <div class="carousel-inner">
            <div class="carousel-item active">
              <img src="./assets/img/carousel/Cover00.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">The Shop</h5>
                <p>After more than 18 months in storage, we finally set up shop in Sumner around March 2024, where we
                  share the premises with Accelerando Consulting. Since then, members have spent countless hours getting
                  the space ready for projects and tinkering. Everything that happens at HSBNE exists thanks to the
                  dedication and hard work of our members.</p>

              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover01.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">Woodworking</h5>
                <p>Our woodworking area is equipped with a variety of tools and machinery to help you bring your
                  projects to life. From hand tools to power tools, we have everything you need to work with wood
                  safely
                  and effectively.</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover02.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">Woodworking</h5>
                <p>Our woodworking area is equipped with a variety of tools and machinery to help you bring your
                  projects to life. From hand tools to power tools, we have everything you need to work with wood
                  safely
                  and effectively.</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover03.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">Woodworking</h5>
                <p>Our woodworking area is equipped with a variety of tools and machinery to help you bring your
                  projects to life. From hand tools to power tools, we have everything you need to work with wood
                  safely
                  and effectively.</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover04.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">Woodworking</h5>
                <p>Our woodworking area is equipped with a variety of tools and machinery to help you bring your
                  projects to life. From hand tools to power tools, we have everything you need to work with wood
                  safely
                  and effectively.</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover05.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">Metal Fabrication</h5>
                <p>We’re working on getting our metal fabrication area fully functional. We currently have a TIG setup
                  and plan to add a MIG welder and other improvements before the end of the year.</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover06.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">Metal Fabrication</h5>
                <p>We’re working on getting our metal fabrication area fully functional. We currently have a TIG setup
                  and plan to add a MIG welder and other improvements before the end of the year.</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover07.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">Mitre Station</h5>
                <p>The mitre station is part of our woodworking area and also includes other useful machines like a
                  sharpening setup and a drill press.</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover12.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h2 class="display-4">CNC Router</h2>
                <p>Our Blue Elephant CNC router features an automatic tool changer and a vacuum bed, making it easy to
                  cut sheet materials and natural wood with precision. Members also have access to VCarve Makerspace
                  Edition for designing and preparing toolpaths.</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover08.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">Machining and Laser Cutting</h5>
                <p>We’re setting up a shared area in this room for machining and laser cutting. Our CO₂ laser will be
                  upgraded before the end of the year, and we plan to add a milling machine soon.</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover09.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">3D Printing</h5>
                <p>Our 3D printing area is powered by a Bambu X1 Carbon and a dedicated slicing computer, making
                  high-quality printing easy and approachable for beginners. Just load your model, slice, and start your
                  print in minutes.</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover10.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">Electronics & 3D Printing</h5>
                <p>This shared workspace combines our 3D printing and electronics areas. Members can prototype, test,
                  and refine their ideas using tools like our Bambu X1 Carbon printer, soldering stations,
                  oscilloscopes, and dedicated computers for design and slicing.</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./assets/img/carousel/Cover11.jpg" class="d-block w-100" alt="...">
              <div class="carousel-caption d-none d-md-block p-0">
                <h5 class="display-4">Electronics Bench</h5>
                <p>Our electronics bench is set up for soldering, testing, and small repairs. It includes power
                  supplies, microscopes, and oscilloscopes to help you work on a wide range of electronic projects.</p>
              </div>
            </div>
          </div>
          <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
            data-bs-slide="prev">
            <i class="bi bi-arrow-left-circle-fill text-white fs-1"></i>
            <span class="visually-hidden">Previous</span>
          </button>
          <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
            data-bs-slide="next">
            <i class="bi bi-arrow-right-circle-fill text-white fs-1"></i>
            <span class="visually-hidden">Next</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="open-days">
  <div class="container py-5">
    <div class="row">
      <div class="col text-start">
        <h2 class="display-4 mb-0 fw-semibold">Day Tour</h2>
        <p class="fw-light mb-0 ms-1">Visit during the day and explore what we do</p>
      </div>
    </div>
    <div class="row my-4">
      <div class="col">
        <img src="/assets/img/index/day-tour.jpg" class="img-fluid rounded hsbne-shadow-dark"
          alt="Open Nights at HSBNE">
      </div>
    </div>
    <div class="row">
      <div class="text-center">
        <p class="fw-medium mb-5">Every <strong>Saturday from 10 am – 1 pm</strong>, our doors are open to the public.
          Come for a tour at <strong>11 am</strong>, stay for a chat, and enjoy pizza around <strong>12:30 pm</strong>.
          It’s the perfect time to see the space in action and meet our members. </p>
        <a class="btn hsbne-btn btn-lg" href="https://hsbnedaytour.eventbrite.com.au" target="_blank">Book a tour</a>
      </div>
    </div>
  </div>
</div>
<div id="open-nights" class="home-odd">
  <div class="container py-5">
    <div class="row">
      <div class="col text-start">
        <h2 class="display-4 mb-0 fw-semibold">Night Tour</h2>
        <p class="fw-light mb-0 ms-1">Drop in after hours and see the space come alive</p>
      </div>
    </div>
    <div class="row my-4">
      <div class="col">
        <img src="/assets/img/index/night-tour.jpg" class="img-fluid rounded hsbne-shadow-dark"
          alt="Open Nights at HSBNE">
      </div>
    </div>
    <div class="row">
      <div class="text-center">
        <p class="fw-medium mb-5">Every <strong>Tuesday evening</strong>, HSBNE opens its doors for the public to
          explore, chat, and create.
          Members start arriving from <strong>5 pm</strong>, and a guided tour of the workshop begins at <strong>6:30
            pm</strong>.
          Whether you’re curious or already building something — come hang out!</p>
        <a class="btn hsbne-btn btn-lg" href="https://hsbnenighttour.eventbrite.com.au" target="_blank">Book a
          tour</a>
      </div>
    </div>
  </div>
</div>
<div id="talk-with-us">
  <div class="container py-5">
    <div class="row">
      <div class="col text-start">
        <h2 class="display-4 mb-0 fw-semibold">Talk with us</h2>
        <p class="fw-light mb-5 ms-1">Say hello, ask a question, or just hang out online</p>
      </div>
    </div>
    <div class="row">
      <div class="text-center">
        <p class="fw-medium mb-5">Want to ask a few questions about the space? Or just chat with someone from the
          community? The best way to do that is by joining our Discord server. Discord is a free chat app where you can
          connect with like-minded people and get to know us better. Click the link below to join our server!</p>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-auto mb-5">
        <a href="https://chat.hsbne.org/" target="_blank" class="text-decoration-none">
          <button class="btn d-flex align-items-center gap-3 hsbne-btn btn-lg">
            <i class="bi bi-discord" style="font-size: 4rem"></i>
            Join us on Discord
          </button>
        </a>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-auto">
        <p class="fw-medium">Looking for more familiar digital platforms? You can reach out through our <a
            href="/contact.html">contact</a> page or find us on <a href="https://facebook.hsbne.org/"
            target="_blank">Facebook</a> and <a href="https://instagram.hsbne.org" target="_blank">Instagram</a>.</p>
      </div>
    </div>
  </div>
</div>

<!-- Script for the scroll indicator -->
<script>
  const scrollIndicator = document.querySelector('.scroll-indicator');

  window.addEventListener('scroll', () => {
    const triggerHeight = window.innerHeight * 0.05; // fade after ~10% scroll
    if (window.scrollY > triggerHeight) {
      scrollIndicator.classList.add('hidden');
    } else {
      scrollIndicator.classList.remove('hidden');
    }
  });
</script>