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 @@ +
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + +
+
+
+ View this post on Instagram +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +

+ Shared post on + +

+
+
+ +
Instagram + embed
+ + \ No newline at end of file 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/_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/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 cd57b9a..af1f4b2 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
@@ -21,35 +24,42 @@

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 tools and experience to help you create with:

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

+
+
+
-

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:

- +

Whats happening

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

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 +67,9 @@

Open Nights

-
+
-
+

Talk with us

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