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.
89 lines
3.1 KiB
89 lines
3.1 KiB
---
|
|
layout: default
|
|
section_id: portfolio
|
|
title: FSFE Infographic
|
|
---
|
|
|
|
<div style="background-color: #53b749;" 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;">FSFE Infographic</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="full text">
|
|
<div class="row">
|
|
<div class="large-8 columns">
|
|
<img class="lazy" data-src="../images/projects/FSFE-infographic-horizontal.jpg" alt="Horizontal">
|
|
<div class="spacing"></div>
|
|
<img class="lazy" data-src="../images/projects/FSFE-infographic-vertical.jpg" alt="Vertical">
|
|
</div>
|
|
<div class="large-4 columns">
|
|
<div class="project-intro">
|
|
<p>Free Software Foundation Europe is a charity that empowers users to control technology.</p>
|
|
<p>We were approached to work on this project after previous successful collaborations with the Free Software Foundation Europe.</p>
|
|
<hr>
|
|
<div class="spacing"></div>
|
|
<h4>Date</h4>
|
|
<p><span>December, 2018</span></p>
|
|
<h4>Clients</h4>
|
|
<p><span><a href="https://fsfe.org/" target="_blank" rel="noopener">FSFE</a></span></p>
|
|
<h4>Category</h4>
|
|
<p><span>Infographic</span></p>
|
|
<hr>
|
|
<a class="button boxed black" href="https://github.com/uracreative/works/tree/main/FSFE Infographic" target="_blank" rel="noopener"><i class="fab fa-github"></i> Sources</a><br />
|
|
<a class="button boxed fsfe" href="https://fsfe.org" target="_blank" rel="noopener"><i class="fas fa-globe"></i> Website</a><br />
|
|
</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="reproducible-builds" class="work">
|
|
<img class="lazy" data-src="../images/projects/rb_thumbnail.png" alt="">
|
|
<div class="info">
|
|
<h3>Reproducible Builds Style Guide</h3>
|
|
<p>Style Guide</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="large-4 columns">
|
|
<div class="work-wrapper">
|
|
<a href="thunderbird" class="work">
|
|
<img class="lazy" data-src="../images/projects/tb_overview.png" alt="">
|
|
<div class="info">
|
|
<h3>Thunderbird Style Guide and Usability Study</h3>
|
|
<p>Style Guide | Usability Study</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="large-4 columns">
|
|
<div class="work-wrapper">
|
|
<a href="i2p" class="work">
|
|
<img class="lazy" data-src="../images/projects/i2p_overview.png" alt="">
|
|
<div class="info">
|
|
<h3>I2P Style Guide and Usability Study</h3>
|
|
<p>Style Guide | Usability Study</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|