Add BITS button and fix mobile header

parent c3b821eb
[submodule "assets/scss/material-kit"]
path = assets/vendor/material-kit
url = https://github.com/creativetimofficial/material-kit.git
<div class="material-kit hq-status-fab">
<a class="btn btn-round btn-lg btn-gialla" href="https://bits.poul.org">
<div class="ripple-container"></div>
</a>
</div>
......@@ -23,4 +23,5 @@
</nav>
</div>
</div>
{% include bits-button.html %}
</div><!-- end .header -->
This diff is collapsed.
<!-- Add jQuery and other scripts -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="{{ \'/assets/js/jquery-1.11.2.min.js\' | prepend: site.baseurl }}"><\/script>')</script>
<!--script src="{{ site.baseurl }}/assets/vendor/material-kit/assets/js/core/jquery.min.js" type="text/javascript"></script-->
<script src="="{{ site.baseurl }}/assets/vendor/material-kit/assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="="{{ site.baseurl }}/assets/vendor/material-kit/assets/js/core/bootstrap-material-design.min.js" type="text/javascript"></script>
<script src="{{ '/assets/js/dropcap.min.js' | prepend: site.baseurl }}"></script>
<script src="{{ '/assets/js/responsive-nav.min.js' | prepend: site.baseurl }}"></script>
<script src="{{ '/assets/js/scripts.js' | prepend: site.baseurl }}"></script>
This diff is collapsed.
.bg-very-dark {
background-color: #010101 !important;
}
.bg-a-bit-less-dark {
background-color: #1b1b1b !important;
}
.bg-kinda-dark {
background-color: #232323 !important;
}
.bg-black {
background-color: black !important;
}
.no-z-index {
z-index: unset !important;
}
.btn {
top: 0;
&, &:after {
font-family: $sans-serif;
font-weight: bold;
}
&.btn-gialla {
color: #fff;
background-color: #ffc500;
border-color: #ffc500;
box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12);
&:hover {
color: #fff;
background-color: #ffc500;
border-color: #7f6200;
box-shadow: 0 14px 26px -12px rgba(255, 202, 43, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
}
&:after {
content: 'Sede gialla';
}
&:focus, &.focus {
box-shadow: none, 0 0 0 0.2rem rgba(127, 98, 0, 1);
}
&:disabled, &.disabled {
color: #212529;
background-color: #ffc500;
border-color: #ffc500;
}
}
&.btn-open {
color: #212529;
background-color: #387002;
border-color: #387002;
box-shadow: 0 2px 2px 0 rgba(28, 56, 1, 0.14), 0 3px 1px -2px rgba(28, 56, 1, 0.2), 0 1px 5px 0 rgba(28, 56, 1, 0.12);
&:hover {
color: #fff;
background-color: #387002;
border-color: #1c3801;
}
&:after {
content: 'Sede aperta';
}
&:focus, &.focus {
box-shadow: none, 0 0 0 0.2rem rgb(28, 56, 1);
}
&:disabled, &.disabled {
color: #212529;
background-color: #387002;
border-color: #1c3801;
}
}
&.btn-closed {
color: #212529;
background-color: #d32f2f;
border-color: #d32f2f;
box-shadow: 0 2px 2px 0 rgba(105, 23, 23, 0.14), 0 3px 1px -2px rgba(105, 23, 23, 0.2), 0 1px 5px 0 rgba(105, 23, 23, 0.12);
&:hover {
color: #fff;
background-color: #d32f2f;
border-color: #691717;
}
&:after {
content: 'Sede chiusa';
}
&:focus, &.focus {
box-shadow: none, 0 0 0 0.2rem rgb(105, 23, 23);
}
&:disabled, &.disabled {
color: #212529;
background-color: #d32f2f;
border-color: #691717;
}
}
}
.stick-to-bar {
position: fixed !important;
left: 0 !important;
top: 38px !important;
}
.closed.value:after {
content: 'Chiusa';
}
.open.value:after {
content: 'Aperta';
}
......@@ -10,3 +10,6 @@ body {
height: 650px;
}
.hq-status-fab {
top: 88px;
}
......@@ -320,3 +320,19 @@ CONTACT PAGE STYLING
margin-bottom: 0;
}
}
.mobile-only {
display: none;
}
.hq-status-fab {
.header &, &{
display: block
}
top: 85px;
z-index: 2;
position: relative;
}
......@@ -511,4 +511,26 @@ POST LIST STYLING
color: $white;
}
.header .hq-status-fab {
display: none;
}
.mobile-home-logo {
padding: 5%;
}
.mobile-only {
display: block;
.hq-status-fab {
padding-bottom: 10%;
}
}
.hq-status-fab {
text-align: center;
display: block;
width: 100%;
}
../vendor/material-kit
\ No newline at end of file
......@@ -19,6 +19,12 @@
@import "modules/syntax";
@import "modules/alerts";
// Import Material Kit
.material-kit {
@import "material-kit/assets/scss/material-kit";
}
@import "material-tweaks";
// Mobile up base styles
@import "breakpoints/mobileup";
......
Subproject commit cb9cb17e07e880262eae290fde2e8742b6bb6f81
......@@ -5,6 +5,14 @@ title: POuL » Politecnico Open unix Labs
<div class="content bg-blueish-gray before-map">
<div class="container post text-align-center">
<div class="mobile-only mobile-home-logo">
{% include logo_full.svg %}
</div>
<div class="mobile-only">
{% include bits-button.html %}
</div>
<p>
We are a student organization and hacking community in “Politecnico di Milano”, the largest technical University in Italy.
</p>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment