You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
99 lines
3.9 KiB
99 lines
3.9 KiB
---
|
|
layout: default
|
|
section_id: portfolio
|
|
title: Reproducible Builds | Styleguide
|
|
---
|
|
|
|
<div style="background-color: #1E5B96;" class="full new">
|
|
<div class="section-title new">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<h1 class="wow slideInUp" style="color: white; font-size: 2rem;">Reproducible Builds Styleguide</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="full text">
|
|
<div class="row">
|
|
<div class="large-8 columns">
|
|
<img src="../images/projects/rb_header.png" alt="">
|
|
<div class="spacing"></div>
|
|
<img src="../images/projects/RB_image_1.png" alt="">
|
|
<div class="spacing"></div>
|
|
<img src="../images/projects/RB_image_4.jpg" alt="">
|
|
<div class="spacing"></div>
|
|
<img src="../images/projects/RB_image_2.jpg" alt="">
|
|
<div class="spacing"></div>
|
|
<img src="../images/projects/RB_image_3.jpg" alt="">
|
|
<div class="spacing"></div>
|
|
<img src="../images/projects/RB_image_5.jpg" alt="">
|
|
<div class="spacing"></div>
|
|
</div>
|
|
<div class="large-4 columns">
|
|
<div class="project-intro">
|
|
<p><a href="https://reproducible-builds.org" target="_blank">Reproducible Builds</a> has been the first project we supported as part of the Usability Lab. Reproducible Builds represents a set of software development practices that create an independently-verifiable path from source code to the binary code used by computers. </p>
|
|
<p>We have been in talks with the Reproducible Builds community since late 2017 where they were looking to have a new logo to represent the project. Going a step further, we also decided to work on a fully fledged live style guide. The style guide itself works with JavaScript disabled / Tor High Security mode and is free of any 3rd party components.</p>
|
|
<hr>
|
|
<div class="spacing"></div>
|
|
<h4>Date</h4>
|
|
<p><span>May, 2018</span></p>
|
|
<h4>Clients</h4>
|
|
<p><span><a href="https://reproducible-builds.org" target="_blank">Reproducible Builds</a></span></p>
|
|
<h4>Category</h4>
|
|
<p><span>Styleguide</span></p>
|
|
<hr>
|
|
<a class="button boxed blog" href="https://ura.design/2018/06/13/reproducible-builds-styleguide" target="_blank"><i class="fas fa-pencil-alt"></i> Blogpost</a><br />
|
|
<a class="button boxed identihub" href="https://demo.identihub.co/project/reproducible-builds" target="_blank"><img src="../images/projects/identihub.svg" > Identihub</a><br />
|
|
<a class="button boxed reproduciblebuilds" href="https://reproducible-builds.org" target="_blank"><i class="fas fa-globe"></i> Website</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="full">
|
|
<div class="section-title">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<h2>Related projects</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="related-works">
|
|
<div class="row">
|
|
<div class="large-4 columns">
|
|
<div class="work-wrapper">
|
|
<a href="openlabs" class="work">
|
|
<img src="../images/projects/openlabs.jpg" alt="">
|
|
<div class="info">
|
|
<h3>Open Labs</h3>
|
|
<p>Rebranding</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="large-4 columns">
|
|
<div class="work-wrapper">
|
|
<a href="tor-style-guide" class="work">
|
|
<img src="../images/projects/tor_thumb.png" alt="">
|
|
<div class="info">
|
|
<h3>Tor Style Guide</h3>
|
|
<p>Style Guide</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="large-4 columns">
|
|
<div class="work-wrapper">
|
|
<a href="enigmail" class="work">
|
|
<img src="../images/projects/enigmail_overview.png" alt="">
|
|
<div class="info">
|
|
<h3>Enigmail Rebranding</h3>
|
|
<p>Rebranding</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|