Commit 9df5ba77 authored by Chris Lamb's avatar Chris Lamb 💬

Move the remaining site to the new website design (Closes: #2)

parent db5d1b5e
Pipeline #52745 passed with stage
in 2 minutes and 49 seconds
---
title: Archive metadata
layout: docs
layout: new/docs
permalink: /docs/archives/
---
......
---
title: Build path
layout: docs
layout: new/docs
permalink: /docs/build-path/
---
......
---
title: Building from source
layout: docs
layout: new/docs
permalink: /docs/build-toolchain-from-source/
---
......
---
title: Buy-in
layout: docs
layout: new/docs
permalink: /docs/buy-in/
---
......
---
title: Cryptographic checksums
layout: docs
layout: new/docs
permalink: /docs/checksums/
---
......
---
title: Definitions
layout: docs
layout: new/docs
permalink: /docs/definition/
---
......
---
title: Definition strategies
layout: docs
layout: new/docs
permalink: /docs/definition-strategies/
---
......
---
title: Deterministic build systems
layout: docs
layout: new/docs
permalink: /docs/deterministic-build-systems/
---
......
---
title: Embedded signatures
layout: docs
layout: new/docs
permalink: /docs/embedded-signatures/
---
......
---
title: Formal definition
layout: docs
layout: new/docs
permalink: /docs/formal-definition/
---
......
---
title: JVM
layout: docs
layout: new/docs
permalink: /docs/jvm/
---
......
---
title: Locales
layout: docs
layout: new/docs
permalink: /docs/locales/
---
......
---
title: What's in a build environment?
layout: docs
layout: new/docs
permalink: /docs/perimeter/
---
......
---
title: Making plans
layout: docs
layout: new/docs
permalink: /docs/plans/
---
......
---
title: Proprietary operating systems
layout: docs
layout: new/docs
permalink: /docs/proprietary-os/
---
......
---
title: Randomness
layout: docs
layout: new/docs
permalink: /docs/randomness/
---
......
---
title: Recording the build environment
layout: docs
layout: new/docs
permalink: /docs/recording/
---
......
---
title: Sharing certifications
layout: docs
layout: new/docs
permalink: /docs/sharing-certifications/
---
......
---
title: SOURCE_DATE_EPOCH
layout: docs
layout: new/docs
permalink: /docs/source-date-epoch/
---
......
---
title: Stable order for inputs
layout: docs
layout: new/docs
permalink: /docs/stable-inputs/
---
......
---
title: Stable order for outputs
layout: docs
layout: new/docs
permalink: /docs/stable-outputs/
---
......
---
title: System images
layout: docs
layout: new/docs
permalink: /docs/system-images/
---
......
---
title: Test bench
layout: docs
layout: new/docs
permalink: /docs/test-bench/
---
......
---
title: Timestamps
layout: docs
layout: new/docs
permalink: /docs/timestamps/
---
......
---
title: Timezones
layout: docs
layout: new/docs
permalink: /docs/timezones/
---
......
---
title: Value initialization
layout: docs
layout: new/docs
permalink: /docs/value-initialization/
---
......
---
title: Version information
layout: docs
layout: new/docs
permalink: /docs/version-information/
---
......
---
title: Virtual machine drivers
layout: docs
layout: new/docs
permalink: /docs/virtual-machine-drivers/
---
......
---
title: Volatile inputs can disappear
layout: docs
layout: new/docs
permalink: /docs/volatile-inputs/
---
......
<div class="hide-on-mobiles">
<aside>
{% for section in site.data.docs %}
<h4>{{ section.title }}</h4>
{% include docs_ul.html items=section.docs %}
{% endfor %}
</aside>
</div>
<div class="show-on-mobiles">
<select onchange="if (this.value) window.location.href=this.value">
<option value="">Navigate the docs…</option>
{% for section in site.data.docs %}
<optgroup label="{{ section.title }}">
{% include docs_option.html items=section.docs %}
</optgroup>
{% endfor %}
</select>
</div>
{% assign items = include.items %}
{% for item in items %}
{% assign item_url = item | prepend:"/docs/" | append:"/" %}
{% for p in site.docs %}
{% if p.url == item_url %}
<option value="{{ p.url | prepend: site.baseurl }}">{{ p.title }}</option>
{% endif %}
{% endfor %}
{% endfor %}
{% assign items = include.items %}
<ul>
{% for item in items %}
{% assign item_url = item | prepend:"/docs/" | append:"/" %}
{% if item_url == page.url %}
{% assign c = "current" %}
{% else %}
{% assign c = "" %}
{% endif %}
{% for p in site.docs %}
{% if p.url == item_url %}
<li class="{{ c }}"><a href="{{ p.url | prepend: site.baseurl }}">{{ p.title }}</a></li>
{% break %}
{% endif %}
{% endfor %}
{% endfor %}
</ul>
<h1 id="assets"></h1>
<div class="page-header mb-4 mt-5">
<h3>Identity Assets</h3>
<p class="text-muted">The Reproducible Builds Project brand assets are included here. Use them responsibly.</p>
</div>
<div class="row">
<div class="col-xs-12 col-md-4 col-sm-6">
<div class="image border p-5">
<img src="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_1.svg" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">Default</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_1.svg"
class="button btn btn-sm btn-outline-primary">Download SVG</a>
</span>
</p>
</div>
<div class="col-xs-12 col-md-4 col-sm-6">
<div class="image border p-5">
<img src="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_3.svg" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">Black</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_3.svg"
class="button btn btn-sm btn-outline-primary">Download SVG</a>
</span>
</p>
</div>
<div class="col-xs-12 col-md-4 col-sm-6">
<div class="image border p-5 bg-dark">
<img src="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_55.svg" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">White</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_55.svg"
class="button btn btn-sm btn-outline-primary">Download SVG</a>
</span>
</p>
</div>
</div>
<div class="row mt-5">
<div class="col-xs-12 col-md-4 col-sm-6">
<div class="image border p-5">
<img src="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_4.svg" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">Default</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_4.svg"
class="button btn btn-sm btn-outline-primary">Download SVG</a>
</span>
</p>
</div>
<div class="col-xs-12 col-md-4 col-sm-6">
<div class="image border p-5">
<img src="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_5.svg" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">Black</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_5.svg"
class="button btn btn-sm btn-outline-primary">Download SVG</a>
</span>
</p>
</div>
<div class="col-xs-12 col-md-4 col-sm-6">
<div class="image border p-5 bg-dark">
<img src="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_58.svg" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">White</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_58.svg"
class="button btn btn-sm btn-outline-primary">Download SVG</a>
</span>
</p>
</div>
</div>
<div class="row mt-5">
<div class="col-xs-12 col-md-4 col-sm-6">
<div class="image border p-5">
<img src="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_7.svg" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">Default</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_7.svg"
class="button btn btn-sm btn-outline-primary">Download SVG</a>
</span>
</p>
</div>
<div class="col-xs-12 col-md-4 col-sm-6">
<div class="image border p-5">
<img src="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_8.svg" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">Black</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_8.svg"
class="button btn btn-sm btn-outline-primary">Download SVG</a>
</span>
</p>
</div>
<div class="col-xs-12 col-md-4 col-sm-6">
<div class="image bg-dark border p-5">
<img src="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_36.svg" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">White</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/ReproducibleBuilds_ICONS_36.svg"
class="button btn btn-sm btn-outline-primary">Download SVG</a>
</span>
</p>
</div>
</div>
<div class="row mt-5">
<div class="col-md-6">
<div class="border p-5 mb-3">
<h6>Reproducible Builds repo</h6>
<p class="m-0">Download SVG and PNG files</p>
<a class="btn btn-lg btn-link p-0" title="Reproducible Builds Repo"
href="https://salsa.debian.org/reproducible-builds/reproducible-styleguide" target="_blank">Visit Repo</a></div>
</div>
<div class="col-md-6">
<div class="border p-5 text-left">
<h6>Styleguide Mirror on Identihub</h6>
<p class="m-0">Identihub Project</p>
<a class="btn btn-lg btn-link p-0" href="https://demo.identihub.co/project/reproducible-builds"
target="_blank">Visit Project Page</a>
</div>
</div>
</div>
<h1 id="colors"></h1>
<div class="page-header mb-4 mt-4">
<h3>Colors</h3>
<p class="text-muted">The main Reproducible Builds color is Dark Blue. Use Light Blue as a secondary option.</p>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-primary text-white small">#1e5b96</div>
<h6 class="pt2 text-left">Primary Color</h6>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-secondary text-white small">#2b89d6</div>
<h6 class="pt2 text-left">Secondary color</h6>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-0 text-black small">#f8f9fa</div>
<h6 class="pt2 text-left">Gray 0</h6>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-1 text-black small">#f1f3f5</div>
<h6 class="pt2 text-left">Gray 1</h6>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-2 text-black small">#e9ecef</div>
<h6 class="pt2 text-left">Gray 2</h6>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-3 text-black small">#dee2e6</div>
<h6 class="pt2 text-left">Gray 3</h6>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-4 text-black small">#ced4da</div>
<h6 class="pt2 text-left">Gray 4</h6>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-5 text-black small">#adb5bd</div>
<h6 class="pt2 text-left">Gray 5</h6>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-6 text-white small">#868e96</div>
<h6 class="pt2 text-left">Gray 6</h6>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-7 text-white small">#495057</div>
<h6 class="pt2 text-left">Gray 7</h6>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-8 text-white small">#343a40</div>
<h6 class="pt2 text-left">Gray 8</h6>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-9 text-white small">#212529</div>
<h6 class="pt2 text-left">Gray 9</h6>
</div>
</div>
<h1 id="grid"></h1>
<div class="page-header mb-4 mt-5">
<h3>Grid</h3>
<p class="text-muted">Our main used grid compositions are outlined here. Use them to generate one column or various columns layouts.</p>
</div>
<div class="container bg-light p-5">
<div class="row mb-1">
<div class="col-12">
<p class="background-primary p-3 text-white small">
12
</p>
</div>
</div>
<div class="row mb-1">
<div class="col-4">
<p class="background-primary p-3 text-white small">
4
</p>
</div>
<div class="col-8">
<p class="background-primary p-3 text-white small">
8
</p>
</div>
</div>
<div class="row mb-1">
<div class="col-3">
<p class="background-primary p-3 text-white small">
3
</p>
</div>
<div class="col-9">
<p class="background-primary p-3 text-white small">
9
</p>
</div>
</div>
<div class="row mb-1">
<div class="col-2">
<p class="background-primary p-3 text-white small">
2
</p>
</div>
<div class="col-2">
<p class="background-primary p-3 text-white small">
2
</p>
</div>
<div class="col-2">
<p class="background-primary p-3 text-white small">
2
</p>
</div>
<div class="col-2">
<p class="background-primary p-3 text-white small">
2
</p>
</div>
<div class="col-2">
<p class="background-primary p-3 text-white small">
2
</p>
</div>
<div class="col-2">
<p class="background-primary p-3 text-white small">
2
</p>
</div>
</div>
<div class="row mb-1">
<div class="col-3">
<p class="background-primary p-3 text-white small">
3
</p>
</div>
<div class="col-3">
<p class="background-primary p-3 text-white small">
3
</p>
</div>
<div class="col-3">
<p class="background-primary p-3 text-white small">
3
</p>
</div>
<div class="col-3">
<p class="background-primary p-3 text-white small">
3
</p>
</div>
</div>
<div class="row mb-1">
<div class="col-4">
<p class="background-primary p-3 text-white small">
4
</p>
</div>
<div class="col-4">
<p class="background-primary p-3 text-white small">
4
</p>
</div>
<div class="col-4">
<p class="background-primary p-3 text-white small">
4
</p>
</div>
</div>
<div class="row mb-1">
<div class="col-6">
<p class="background-primary p-3 text-white small">
6
</p>
</div>
<div class="col-6">
<p class="background-primary p-3 text-white small">
6
</p>
</div>
</div>
<div class="row mb-1">
<div class="col-8 offset-2">
<p class="background-primary p-3 text-white small">
8
</p>
</div>
</div>
<div class="row mb-1">
<div class="col-6 offset-3">
<p class="background-primary p-3 text-white small">
6
</p>
</div>
</div>
</div>
\ No newline at end of file
<div class="mt-5" id="icons">
<h1>Icons</h1>
<div class="">
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
</div>
<div class="mt-3">
<div class="mt-3">
<div class="row">
{% for icons_hash in page.icons %}
{% for icon in icons_hash %}
<div class="col-md-1 col-sm-1 col-xs-1 ">
<div class="">
<span class="{{ icon[1] }} icon"></span>
</div>
<div class="mb-5 text-center">
<span>{{icon[0]}}</span>
</div>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
</div>
</div>
\ No newline at end of file
<h1 id="typography"></h1>
<div class="page-header mb-4 mt-5">
<h3>Typography</h3>
<p class="text-muted">Our main typography is Overpass made by Red Hat.</p>
</div>
<div class="row">
<div class="col-12">
<p class="text-black small text-muted">H1</p>
<h1>From source code to binary code</h1>
<p class="text-black small text-muted">H2</p>
<h2>From source code to binary code</h2>
<p class="text-black small text-muted">H3</p>
<h3>From source code to binary code</h3>
<p class="text-black small text-muted">H4</p>
<h4>From source code to binary code</h4>
<p class="text-black small text-muted">H5</p>
<h5>From source code to binary code</h5>
<p class="text-black small text-muted">H6</p>
<h6>From source code to binary code</h6>
<p class="text-black small pt-5 text-muted">H1 display</p>
<h1 class="color-primary">Reproducible Builds</h1>
<p class="text-black small text-muted">H2 display</p>
<h1 class="color-primary">Reproducible Builds</h1>
<p class="text-black small text-muted">H3 display</p>
<h1 class="color-primary">Reproducible Builds</h1>
<p class="text-black small text-muted">H4 display</p>
<h1 class="color-primary">Reproducible Builds</h1>
</div>
</div>
<div class="row pt-5">
<div class="col-md-5">
<p class="text-black small">
<span class="text-left color-gray-2 rb-isBold">Paragraph</span>
<span class="text-right color-primary rb-isBold" style="float: right;">Overpass Regular</span>
</p>
<p>
Reproducible Builds are a set of software development practices that create an
<mark>independently-verifiable path from source code to the binary code</mark>
used by computers.
</p>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<p class="text-black small">
<span class="text-left color-gray-2 rb-isBold">Code Snippet</span>
<span class="text-right color-primary rb-isBold" style="float: right;">Overpass Mono</span>
</p>
<pre class="bg-light p-2 prettyprint rb-code" style="border: none;">
$('.rb-sidebar').on('click', 'a',function() {
$('.rb-sidebar a.active').removeClass('active');
$(this).addClass('active');