From d45926f71902f07ab7a30821c83cc61546bb0179 Mon Sep 17 00:00:00 2001 From: Douglas Miller Date: Wed, 18 Jun 2025 14:41:38 +1000 Subject: [PATCH 1/3] Reworked the front page with some different marketing for the front page with different call-to-actions and removed soem of the elements that were superflous to getting the messaging across. --- _sass/_home.scss | 12 +- assets/css/style.scss | 734 ------------------------------------------ index.html | 43 ++- 3 files changed, 22 insertions(+), 767 deletions(-) diff --git a/_sass/_home.scss b/_sass/_home.scss index 5a4a36b..ba293ea 100644 --- a/_sass/_home.scss +++ b/_sass/_home.scss @@ -1,9 +1,8 @@ #intro { position: relative; - height: 100vh; + /* height: 100vh; */ background: url(../img/services-bg.jpg) no-repeat center center fixed; background-size: cover; - // z-index: 0; &::before { content: ""; @@ -32,19 +31,14 @@ } } +/* @media (min-width: 768px) { #intro { height: 75vh; padding: 0; } - -// #intro .intro-body .intro-text { -// // font-size: 18px; -// letter-spacing: 1px; -// margin-bottom: 3em; -// color: rgba(255, 255, 255, 0.9); -// } } +*/ .home-odd { background: $hsbne-light-grey; diff --git a/assets/css/style.scss b/assets/css/style.scss index bde4d8a..d7c8c4e 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -4,737 +4,3 @@ @import "global"; @import "home"; @import "footer"; -/* This is not needed since we are using bootstrap. Below we have the minimized version with the needed overrides. -body, -html { - font-family: "Open Sans", sans-serif; - text-rendering: optimizeLegibility !important; - -webkit-font-smoothing: antialiased !important; - color: #777; - width: 100% !important; - height: 100% !important; -} */ - - - -/* Removing so bootstrap can take over -p { - font-size: 14px; -} */ - -/* ul, ol { - list-style: none; -} */ -/* these already exists on bootstrap - -.clearfix:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} - -.clearfix { - display: inline-block; -} - -* html .clearfix { - height: 1%; -} - -.clearfix { - display: block; -} */ - -/* Not in use - -#preloader { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #ddd; - z-index: 99999; - height: 100%; -} - -#status { - position: absolute; - left: 50%; - top: 50%; - width: 64px; - height: 64px; - margin: -32px 0 0 -32px; - padding: 0; -} */ - -/* ul, -ol { - padding: 0 0 5 0; - webkit-padding: 0; - moz-padding: 0; -} */ - -/* Navigation */ -/* .navbar-custom { - padding: 0; - border-bottom: 0; - letter-spacing: 1px; - background: #333; - width: 100%; - min-height: 50px; -} - -.navbar-custom .navbar-brand { - font-weight: 600; -} - -.navbar-custom .fa{ - color: #ffffff; -} - -.navbar-custom .fab{ - color: #ffffff; -} - -.navbar-custom .navbar-brand:focus { - outline: 0; -} - -.navbar-custom .navbar-toggle { - color: #eee; - font-size: 18px; - border-radius: 2px; - padding: 0 4px; -} - -.navbar-custom .navbar-toggle:hover, -.navbar-custom .navbar-toggle:focus { - background-color: #F44336; - color: #ffffff; -} - -.navbar-custom .navbar-brand .navbar-toggle:focus, -.navbar-custom .navbar-brand .navbar-toggle:active { - outline: 0; -} - -.navbar-custom a { - color: #fff; -} - -.navbar-custom .nav li a { - -webkit-transition: background .3s ease-in-out; - -moz-transition: background .3s ease-in-out; - transition: background .3s ease-in-out; -} - -.navbar-custom .nav li a:hover { - outline: 0; - color: #F44336; - background-color: transparent; -} - -.navbar-custom .nav li a:focus, -.navbar-custom .nav li a:active { - outline: 0; - background-color: transparent; - color: #F44336; -} - -.navbar-custom .nav li.active { - outline: 0; -} - -.navbar-custom .nav li.active a { - background-color: rgba(255, 255, 255, .3); -} - -.navbar-custom .nav li.active a:hover { - color: #fff; -} - */ -/* Home Section */ - - -/* .btn-default { - color: #f6f6f6; - background: #F44336; - border: 0; - padding: 12px 24px; - margin: 0 8px; - // font-size: 18px; - transition: all 0.5s; -} - -.btn-default:hover, -.btn-default:focus, -.btn-default.focus, -.btn-default:active, -.btn-default.active { - color: #f6f6f6; - background-color: #F44336; -} */ - -// .section-title.center { -// padding: 30px 0; -// } - -// .section-title h2, -// .section-title.center h2 { -// margin-bottom: 30px; -// } - -/* About Section */ -/* #about { - // padding: 5px 0; - background: #f6f6f6; -} */ - -/* #about H4 { - font-size: 20px; -} */ - -/* #about li { - margin-bottom: 3px; - list-style: none; - padding: 0; - font-size: 13px; -} */ - -// #about li:before { -// content: "✓"; -// font-weight: 600; -// padding-right: 10px; -// color: #F44336; -// } - -/* #about i.fa { - float: left; - display: block; - margin-right: 15px; - color: #fff; - font-size: 44px; - text-shadow: 0 0 1px #666; -} */ - -// #about img { -// margin-top: 20px; -// } - -// #about p { -// margin-top: 20px; -// margin-bottom: 30px; -// } - -/* causes Section */ -/* #causes { - padding: 10px 0; - background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/services-bg.jpg); - background-size: cover; - background-attachment: fixed; -} - -#causes .service { - padding: 20px 10px; -} - -#causes h2 { - color: #f6f6f6; -} - -#causes h3 { - font-size: 20px; - font-weight: 600; - color: #f6f6f6; -} - -#causes p { - color: rgba(255, 255, 255, 0.7); -} - -.space { - margin-top: 40px; -} - -#causes i.fa { - font-size: 36px; - color: #F44336; - transition: all 0.5s; -} */ - -/* Gallery Section */ -/* #works { - padding: 10px 0; - background: #f6f6f6; -} - -.categories { - padding-bottom: 30px; - text-align: center; -} - -ul.cat li { - display: inline-block; -} - -ol.type li { - display: inline-block; - margin-left: 20px; -} - -ol.type li a { - color: #777; - padding: 8px 16px; - border: 1px solid #ccc; - border-radius: 2px; -} - -ol.type li a.active { - color: #f6f6f6; - border: 1px solid #F44336; - background: #F44336; -} - -ol.type li a:hover { - color: #f6f6f6; - border: 1px solid #F44336; - background: #F44336; -} - -.portfolio-item { - margin-bottom: 30px; - height: 100%; -} - -.portfolio-item .hover-bg { - max-height: 190px; - overflow: hidden; - position: relative; -} - -.hover-bg .hover-text { - position: absolute; - text-align: center; - margin: 0 auto; - color: rgba(255, 255, 255, 0.3); - background: rgba(0, 0, 0, 0.5); - padding: 25% 0; - height: 100%; - width: 100%; - opacity: 100; - transition: all 0.5s; -} - -.hover-bg .hover-text>h4 { - opacity: 100; - -webkit-transform: translateY(100%); - transform: translateY(100%); - transition: all 0.3s; - color: #f6f6f6; -} - -.hover-bg:hover .hover-text>h4 { - opacity: 1; - -webkit-backface-visibility: hidden; - -webkit-transform: translateY(0); - transform: translateY(0); -} - -.hover-bg .hover-text>p { - opacity: 0; - -webkit-transform: translateY(100%); - transform: translateY(100%); - transition: all 0.3s; -} - -.hover-bg:hover .hover-text>p { - opacity: 1; - -webkit-backface-visibility: hidden; - -webkit-transform: translateY(0); - transform: translateY(0); -} - -.hover-bg .hover-text>i { - opacity: 0; - -webkit-transform: translateY(0); - transform: translateY(0); - transition: all 0.3s; -} - -.hover-bg:hover .hover-text>i { - opacity: 1; - -webkit-backface-visibility: hidden; - -webkit-transform: translateY(100%); - transform: translateY(100%); -} - -.hover-bg:hover .hover-text { - opacity: 1; -} - -#works i.fa { - font-size: 20px; - padding: 5px; - color: #F4D03F; -} */ - -/* Team Section */ -/* #team { - padding: 140px 0; - background: #e6e6e6; -} - -img.img-thumbnail.team-img { - width: 200px; - height: 200px; - border: 0; - border-radius: 0; - background-color: #f6f6f6; -} - -#team .thumbnail { - background: transparent; - border: 0; -} - -#team .thumbnail .caption { - padding: 9px; - color: #777; -} - - -#links .thumbnail { - border: none; -} -#links .thumbnail h3 { - text-align: center; -} -#links .thumbnail .caption p { - font-size: 0.8em; - text-align: center; -} -#links .thumbnail .image{ - position:relative; - overflow:hidden; - padding-bottom:100%; -} -#links .thumbnail .image img{ - position: absolute; - max-width: 100%; - max-height: 100%; - top: 50%; - left: 50%; - transform: translateX(-50%) translateY(-50%); -} */ - -/* sponsors Section */ -/* #sponsors { - - // * This image never existed? its not in the history... - background: url(../img/sponsors-bg.jpg); - - background-size: cover; - background-attachment: fixed; - //color: #ddd; - padding: 50px 0; - background: #333; - color: #FFFDE7; - -} - -#sponsors h2 { - color: #f6f6f6; -} - -#sponsors blockquote { - position: relative; - margin-top: 20px; - border: 0; - text-align: center; - color: rgba(255, 255, 255, 0.8); -} - -#sponsors i { - font-size: 24px; - color: rgba(255, 255, 255, 0.3); - margin-bottom: 14px; -} - -#sponsors .clients-name { - display: inline-block; - border-top: 1px solid rgba(255, 255, 255, 0.3); - padding: 20px 0; - margin-top: 10px; -} - -/* Contact Section */ -/* #contact { - padding: 50px 0 100px 0; - background: #f6f6f6; -} - -#contact .contact-item { - padding: 10px; - margin: 10px; - height: 80px; - border-radius: 4px; -} - -#contact h3 { - font-size: 20px; - font-weight: 400; - margin-top: 40px; -} - -#contact form { - padding: 30px 0; -} - -#contact i.fa { - font-size: 36px; - color: #F44336; - margin-bottom: 10px; -} - -#contact .text-danger { - color: #ff3333; - text-align: left; -} - -label { - font-size: 12px; - font-weight: 400; - font-family: 'Open Sans', sans-serif; - float: left; -} - -#contact .form-control { - display: block; - width: 100%; - padding: 6px 12px; - font-size: 14px; - line-height: 1.42857143; - color: #555; - background-color: #fff; - background-image: none; - border: 1px solid #ccc; - border-radius: 2px; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: none; - -o-transition: none; - transition: none; -} - -#contact .form-control:focus { - border-color: inherit; - outline: 0; - -webkit-box-shadow: transparent; - box-shadow: transparent; -} - -#contact .btn-default { - background: #F44336; - border: 0; - border-radius: 4px; - padding: 10px 20px; - color: #f6f6f6; - margin-top: 15px; - font-size: 15px; -} - -#contact .btn-default:hover, -#contact .btn-default:focus { - color: #f6f6f6; - background: #F44336; -} */ - -/* .btn:active, -.btn.active { - background-image: none; - outline: 0; - -webkit-box-shadow: none; - box-shadow: none; -} - -a:focus, -.btn:focus, -.btn:active:focus, -.btn.active:focus, -.btn.focus, -.btn:active.focus, -.btn.active.focus { - outline: none; - outline-offset: none; -} */ - -/* #contact .social ul { - margin-top: 30px; -} - -#contact .social ul li { - display: inline-block; - margin: 0 20px; -} - -#contact .social i.fa { - font-size: 24px; - padding-top: 8px; - color: #F44336; - border-radius: 4px; - transition: all 0.3s; -} - -#contact .social i.fa:hover { - color: #F44336; -} */ - -/* Footer Section*/ -/* #footer { - background: #333; - color: #FFFDE7; - padding: 20px 0; - text-align: center; - min-height: 115px; -} - -#footer a { - color: #999999; -} - -#footer a:hover, -a:focus { - color: #F44336; -} - -#footer p { - //font-size: 13px; - margin-top: 10px; -} - */ - - /* -@media (max-width: 768px) { - .hover-bg .hover-text { - padding: 20%; - } -} */ - -/* @media (max-width: 640px) { - #intro .intro-body H1 { - font-size: 5em; - } -} */ - -/* .slider { - max-height: 300px !important; -} - -.bodypad { - padding-top: 50px !important; -} - -.inverted { - font-size: 16px; - font-weight: 700; - color: #fff; -} - -.slick-prev:before, -.slick-next:before { - color: red !important; - - -} - -@media (max-width: 768px) { - .dropdown-menu>li>a { - color: #fff !important; - } -} - -.img-sponsor { - width: auto; - height: 5em; - margin-bottom: 0.5em; -} */ - -/* Style the buttons that are used to open and close the accordion panel */ -// .accordion { -// cursor: pointer; -// padding: 18px; -// width: 100%; -// text-align: left; -// border: none; -// outline: none; -// transition: 0.4s; -// font-size: 20px; - -// } - -/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ -/* .active, .accordion:hover { - background-color: #ccc; -} */ - -/* Style the accordion panel. Note: hidden by default */ -/* .panel { - padding: 0 18px; - background-color: white; - display: none; - overflow: hidden; -} - -.happeningstream img { - padding-bottom: 1em; -} - -.col #h5 { - vertical-align: bottom !important; - display: none; -} - */ -// .row { -// display: flex; -// flex-wrap: wrap; -// /* equal height of the children */ -// } - -// .col { -// flex: 2 1 15%; -// /* additionally, equal width */ -// margin: 0.5em; -// } - -/* #body { - min-height: calc(100vh - 166px); -} -i.fa { - margin-right: 10px; -} -#page-top hr { - margin-top: 40px; -} - -#body.layout-default p { - width: 100% -} */ - -// .image-full-width { -// width: 100% -// } - -// .left-align { -// float: left; -// margin-right: 10px; -// margin-bottom: 10px; -// } - -// .flex-container { -// display: flex; -// align-items: flex-start; /* Aligns the items to the top */ -// } diff --git a/index.html b/index.html index cd57b9a..fc07d52 100755 --- a/index.html +++ b/index.html @@ -5,13 +5,16 @@
-
+
-
-

MAKE SOMETHING AMAZING AT
HSBNE

-

We are a community workshop run by members located in Brisbane.

+
+

Make something amazing at
HSBNE

+

24/7/365 access to Woodworking, Digital Fabrication, Metalworking, Electronics, Crafting tools and more.

+

Located in Brisbane, we are a community run hacker space / maker space workshop run entirely by its members.

 

- Join Us + Join Us + Location + Tour
@@ -19,37 +22,29 @@

MAKE SOMETHING AMAZING AT
-
-
-

Welcome!

-

HSBNE, the HackerSpace Brisbane, is a community workshop located in Sumner

-
-

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.

-

Our space currently includes:

- +

Our space currently includes tools and experience to help you create with:

+ Woodworking + Digital Fabrication + Metalworking + Electronics + Crafts
-
+
-
+

Open Nights

Come and get to know the community and our place

-
+

The best way to get to know us is by visiting during one of our Open Nights. Every Tuesday, we open our doors to the public. You're welcome to come by, meet our members, and see what we’re all about. A guided tour of the Workshop starts at 6:30 pm, though people begin arriving from around 5 pm.

Book a Tour
@@ -57,9 +52,9 @@

Open Nights

-
+
-
+

Talk with us

Say hello, ask a question, or just hang out online

From 38b4999db1ae4b488742806973fa195ca496d9f4 Mon Sep 17 00:00:00 2001 From: Douglas Miller Date: Wed, 18 Jun 2025 15:54:15 +1000 Subject: [PATCH 2/3] Cleaned up some links and removed apparently unused commented sections --- _includes/navbar.html | 28 ++++++++------------- _includes/script_ga.html.old | 15 ------------ _includes/script_head.html.old | 42 -------------------------------- _includes/script_inline.html.old | 15 ------------ _layouts/index.html.old | 14 ----------- contact.html | 4 +-- index.html | 14 +++++------ 7 files changed, 19 insertions(+), 113 deletions(-) delete mode 100644 _includes/script_ga.html.old delete mode 100644 _includes/script_head.html.old delete mode 100644 _includes/script_inline.html.old delete mode 100644 _layouts/index.html.old diff --git a/_includes/navbar.html b/_includes/navbar.html index 211f994..fd76fdd 100644 --- a/_includes/navbar.html +++ b/_includes/navbar.html @@ -5,12 +5,11 @@
diff --git a/_includes/script_ga.html.old b/_includes/script_ga.html.old deleted file mode 100644 index b502509..0000000 --- a/_includes/script_ga.html.old +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - diff --git a/_includes/script_head.html.old b/_includes/script_head.html.old deleted file mode 100644 index d25d9fc..0000000 --- a/_includes/script_head.html.old +++ /dev/null @@ -1,42 +0,0 @@ - - - {% if page.title %}{{ page.title }} - {% endif %} {% if page.layout == "meeting" and page.date != nil %}Meeting {{ page.date }} - {% endif %} {{ site.title }} - -{% if page.description %} - {% endif %} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {% include script_ga.html %} diff --git a/_includes/script_inline.html.old b/_includes/script_inline.html.old deleted file mode 100644 index d87529c..0000000 --- a/_includes/script_inline.html.old +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - - - - -{% if page.script %} - -{% endif %} diff --git a/_layouts/index.html.old b/_layouts/index.html.old deleted file mode 100644 index 836af1a..0000000 --- a/_layouts/index.html.old +++ /dev/null @@ -1,14 +0,0 @@ - - - - {% include script_head.html %} - - - {% include header.html %} - - {{ content }} - - {% include script_inline.html %} - {% include footer.html %} - - diff --git a/contact.html b/contact.html index 8892dfe..b635c6d 100644 --- a/contact.html +++ b/contact.html @@ -8,13 +8,13 @@

Want to Donate?

-

All sorts of individuals and businesses' donate to HSBNE.

+

All sorts of individuals and businesses' donate to HSBNE.

Media contact?

-

We'd love you to quote us, check our Media pack!

+

We'd love you to quote us, check our Media pack!

diff --git a/index.html b/index.html index fc07d52..23de45d 100755 --- a/index.html +++ b/index.html @@ -9,10 +9,10 @@

Make something amazing at
HSBNE

-

24/7/365 access to Woodworking, Digital Fabrication, Metalworking, Electronics, Crafting tools and more.

+

24 / 7 / 365 access to Woodworking, Digital Fabrication, Metalworking, Electronics, Crafting tools and more.

Located in Brisbane, we are a community run hacker space / maker space workshop run entirely by its members.

 

- Join Us + Join Us Location Tour
@@ -26,11 +26,11 @@

24/7/365 access to Woodworking, Digital Fabrication, Metalworking, Electroni

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.

Our space currently includes tools and experience to help you create with:

- Woodworking - Digital Fabrication - Metalworking - Electronics - Crafts + Woodworking + Digital Fabrication + Metalworking + Electronics + Crafts

From 278c15766884ee453b9a3d8191dc94be07fade67 Mon Sep 17 00:00:00 2001 From: Douglas Miller Date: Mon, 23 Jun 2025 10:44:36 +1000 Subject: [PATCH 3/3] Naieve instagram embed. Benefit is that it is easy and consistant and updates without outside intervention. Con is no SEO boost? --- _includes/instagram.html | 81 ++++++++++++++++++++++++++++++++++++++++ index.html | 15 ++++++++ 2 files changed, 96 insertions(+) create mode 100644 _includes/instagram.html diff --git a/_includes/instagram.html b/_includes/instagram.html new file mode 100644 index 0000000..dbbb57d --- /dev/null +++ b/_includes/instagram.html @@ -0,0 +1,81 @@ +
+ +
+ + +
+ \ No newline at end of file diff --git a/index.html b/index.html index 23de45d..af1f4b2 100755 --- a/index.html +++ b/index.html @@ -35,6 +35,21 @@

24 / 7 / 365 access to Woodworking, Digital Fabrication, Metalworking, Elect

+
+
+
+
+

Whats happening

+
+
+
+
+ + {% include instagram.html %} +
+
+
+