jdownie/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved the content of the main page.

Browse Source
This commit is contained in:
James Downie
2025-05-19 21:30:18 +10:00
parent c57ab6f147
commit a9a5b88c7a
1 changed files with 21 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
index.html
View File

@@ -13,53 +13,51 @@
height: auto;
width: auto;
}
#about { float: right; font-size: 8pt; font-style: italic; }
</style>
</head>
<body>
<div class="container">
<div class="p-5 mt-4 mb-4 bg-body-secondary rounded-3">
<div class="container-fluid py-5">
<div class="container-fluid py-4">
<h1 class="display-5 fw-bold">Homelab Brisbane</h1>
<p class="col-md-12 fs-4">Using a series of utilities, you can create this jumbotron, just like the one in previous versions of Bootstrap. Check out the examples below for how you can remix and restyle it to your liking.</p>
<a id="about" href="about.html">Learn more...</a>
<p class="col-md-12 fs-4">We’re a group of tech enthusiasts who enjoy exploring the latest trends in technology using our own hardware, in our own time. We founded Homelab Brisbane to connect with others who share this passion — to ask and answer questions, share insights, and make discoveries together.</p>
</div>
</div>
<div class="row">
<div class="col">
<div class="card">
<div class="card-body">
<img src="image/icon/handshake.png" class="card-img-top" alt="...">
<h5 class="card-title">Meet In Person</h5>
This is some text within a card body.
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="col d-flex">
<div class="card h-100">
<div class="card-body">
<img src="image/icon/webcam.png" class="card-img-top" alt="...">
<h5 class="card-title">Meet Online</h5>
This is some text within a card body.
We meet online with our <a href="https://meet.homelabbrisbane.com.au/" target="jitsi">Jitsi</a> server every month. With these online meetings we can meet face to face, and even include people outside of Brisbane. They are announced on <a href="https://www.meetup.com/brisbane-homelabs/" target="meetup">meetup.com</a> and the Google calendar below.
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="col d-flex">
<div class="card h-100">
<div class="card-body">
<img src="image/icon/handshake.png" class="card-img-top" alt="...">
<h5 class="card-title">Meet In Person</h5>
Once a month we also meet in person in a library meeting room in Brisbane. We try to move these around to make them convenient to a broader range of people. These gatherings are also announced on <a href="https://www.meetup.com/brisbane-homelabs/" target="meetup">meetup.com</a> and on the Google calendar below.
</div>
</div>
</div>
<div class="col d-flex">
<div class="card h-100">
<div class="card-body">
<img src="image/icon/chat.png" class="card-img-top" alt="...">
<h5 class="card-title">Online Forum</h5>
This is some text within a card body.
When we're not meeting in person or online, we're discussing our various interests and projects on our <a href="https://discourse.homelabbrisbane.com.au/" target="discourse">Discourse</a> server.
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="col d-flex">
<div class="card h-100">
<div class="card-body">
<img src="image/icon/email.png" class="card-img-top" alt="...">
<h5 class="card-title">Contact Up</h5>
This is some text within a card body.
<h5 class="card-title">Contact Us</h5>
If you have any other inquiries you can always email us at <a href="mailto:listmaster@homelabbrisbane.com.au">listmaster@homelabbrisbane.com.au</a>.
</div>
</div>
</div>