merge master

layouts/home/index.html

@@ -38,18 +38,28 @@
 	<div class="hero-body">
 		<div class="container has-text-centered">
 			<h2 class="subtitle is-2">Sponsors</h2>
-			<div class="columns">
+			<div class="columns" style="align-items: center;justify-content: center;margin-top:15px;">
 				<div class="column">
-					<a href="http://inblockchain.com"><img style="width: 175px" src="/images/inblockchain.png" alt="INBlockchain"></a>
+					<a href="http://inblockchain.com"><img style="height: 100px" src="/images/inblockchain.png" alt="INBlockchain"></a>
 				</div>
 				<div class="column">
-					<a href="https://metal.equinix.com"><img src="/images/EM-Standard-Color.png" alt="Equinix Metal is an on-demand bare metal service from Equinix."></a>
+					<a href="https://metal.equinix.com"><img style="height: 100px" src="/images/EM-Standard-Color.png" alt="Equinix Metal is an on-demand bare metal service from Equinix."></a>
+				</div>
+			</div>
+			<div class="columns" style="align-items: center;justify-content: center;margin-top:15px;">
+				<div class="column">
+					<a href="https://digitalocean.com"><img style="height:100px" src="/images/digitalocean.svg" alt="DigitalOcean"></a>
 				</div>
 				<div class="column">
-					<a href="https://digitalocean.com"><img style="width: 201px;vertical-align: top;margin-top: 15px" src="/images/digitalocean.svg" alt="DigitalOcean"></a>
+					<a href="https://cloudron.io"><img src="/images/cloudron.png" style="height:100px;" alt="Cloudron"></a>
+				</div>
+			</div>
+			<div class="columns" style="align-items: center;justify-content: center;margin-top:15px;">
+				<div class="column">
+					<a href="https://soebes.io/"><img src="/images/soebes.gif" style="height:100px;" alt="SoEBeS"></a>
 				</div>
 				<div class="column">
-					<a href="https://opencollective.com/gitea"><img src="/images/opencollective.svg" style="vertical-align: top;margin-top: 16px;" alt="Open Collective"></a>
+					<a href="https://opencollective.com/gitea"><img src="/images/opencollective.svg" style="height:100px" alt="Open Collective"></a>
 				</div>
 			</div>
 		</div>

layouts/partials/footer.html

@@ -5,7 +5,7 @@
 						Copyright &copy; {{ now.Year }} <a href="{{ .Site.Params.website }}">{{ .Site.Params.author }}</a>. All rights reserved. Made with <i class="fa fa-heart" aria-hidden="true"></i> and <a href="https://gohugo.io">Hugo</a>.
 					</p>
 					<p>
-						 Sponsored by <a href="http://inblockchain.com">INBlockchain</a>, <a href="https://metal.equinix.com/">Equinix Metal</a>, <a href="https://digitalocean.com">DigitalOcean</a>, and all of our backers on <a href="https://opencollective.com/gitea">Open Collective</a>.
+						 Sponsored by <a href="http://inblockchain.com">INBlockchain</a>, <a href="https://metal.equinix.com/">Equinix Metal</a>, <a href="https://digitalocean.com">DigitalOcean</a>, <a href="https://soebes.io/">SoEBeS</a>, <a href="https://www.cloudron.io/">Cloudron</a>, and all of our backers on <a href="https://opencollective.com/gitea">Open Collective</a>.
 					</p>
 					<p>
 						{{ $lang := .Lang }}{{ $base := .Site.BaseURL }}{{ range .Site.Languages }}

src/main.scss

@@ -76,7 +76,7 @@
   transition: all ease 300ms;
 }
 
-@media screen and (max-width:1087px){
+@media screen and (max-width:1023px){
   .navbar-menu{
     position: fixed;
     bottom: 0;
@@ -141,12 +141,54 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   padding-bottom: 10px;
 }
 
-.menu-label {
-  color: #528321;
+.menu {
+  font-size: 1rem;
+}
+.menu.is-small {
+  font-size: 0.85em;
+}
+.menu.is-medium {
+  font-size: 1.25rem;
+}
+.menu.is-large {
+  font-size: 1.5rem;
 }
 
+.menu-list {
+  line-height: 1;
+  font-size: 0.9em;
+}
+.menu-list a {
+  border-radius: 3px;
+  color: #34495e;
+  display: block;
+  padding: 0.5em 0.75em;
+}
+.menu-list a:hover {
+  background-color: #ecf0f1;
+  color: #2b3c4e;
+}
 .menu-list a.is-active {
-  background-color: #528321 !important;
+  background-color: #528321;
+  color: #fff;
+}
+.menu-list li ul {
+  border-left: 1px solid #dee2e5;
+  margin: 0.75em;
+  padding-left: 0.75em;
+}
+
+.menu-label {
+  color: #528321;
+  font-size: 0.8em;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+}
+.menu-label:not(:first-child) {
+  margin-top: 1em;
+}
+.menu-label:not(:last-child) {
+  margin-bottom: 0.5em;
 }
 
 code {