Experiment with "hero" style homepage. (2f50ba8a) · Commits · Reproducible Builds / reproducible-website

assets/styles/custom.scss

+26 −0

Original line number	Diff line number	Diff line
		@@ -114,3 +114,29 @@ main {
		}
		}
		}

		.hero {
		background-color: #1e5b96;
		left: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		margin-top: -3rem;
		max-width: 100vw;
		position: relative;
		right: 50%;
		width: 100vw;

		padding-top: 8rem;
		@media (min-width: 800px) {
		padding-top: 19rem;
		padding-bottom: 12rem !important;
		}

		.lead {
		color: #ffffffde;

		a {
		color: inherit;
		}
		}
		}

+18 −14

Original line number	Diff line number	Diff line
		@@ -6,12 +6,14 @@ order: 10
		permalink: /
		---

		<div class="text-center mt-md-5 mb-4">
		<div class="hero mb-4">
		<div class="container text-center">
		<div class="col-sm-8 offset-sm-2">
		<a href="{{ "/" \| relative_url }}">
		<img class="img-fluid" src="{{ "/images/logos/rb.svg" \| relative_url }}" alt="Reproducible Builds" style="height: 150px;" />
		<img class="mb-4 img-fluid" src="{{ "/assets/images/logo-text-white.png" \| relative_url }}" alt="Reproducible Builds" />
		</a>

		<p class="lead mt-3 mt-md-5 mx-md-5 px-md-5">
		<p class="lead mt-5 pt-5 pb-5">
		<strong>Reproducible builds</strong> are a set of software development
		practices that create an independently-verifiable path from source
		to binary code.
		@@ -21,6 +23,8 @@ permalink: /
		</small>
		</p>
		</div>
		</div>
		</div>

		{% include nav_buttons.html %}