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.
114 lines
3.3 KiB
114 lines
3.3 KiB
---
|
|
layout: default
|
|
section_id: portfolio
|
|
works_left:
|
|
- title: FSFE Infographic
|
|
link_to: fsfe-infographic
|
|
image: images/projects/fsfe-thumb.png
|
|
categories: Infographic
|
|
- title: Reproducible Builds Style Guide
|
|
link_to: reproducible-builds
|
|
image: images/projects/rb_thumbnail.png
|
|
categories: Style Guide
|
|
- title: SecureDrop Style Guide
|
|
link_to: securedrop
|
|
image: images/projects/securedrop_overview.png
|
|
categories: Style Guide
|
|
- title: Thunderbird Style Guide and Usability Study
|
|
link_to: thunderbird
|
|
image: images/projects/tb_overview.png
|
|
categories: Usability Study | Style Guide
|
|
- title: Software Freedom Kosova
|
|
link_to: sfk16
|
|
image: images/projects/poster_SFK.jpg
|
|
categories: Visual Identity, Print
|
|
works_middle:
|
|
- title: RustFest Rome Visual Identity
|
|
link_to: rustfestrome
|
|
image: images/projects/rustfestrome-thumb.png
|
|
categories: Visual Identity
|
|
- title: I2P Style Guide and Usability Study
|
|
link_to: i2p
|
|
image: images/projects/i2p_overview.png
|
|
categories: Usability Study | Style Guide
|
|
- title: Tor Style Guide
|
|
link_to: tor-style-guide
|
|
image: images/projects/tor_thumb.png
|
|
categories: Style Guide
|
|
- title: OpenChain Penguins
|
|
link_to: openchain
|
|
image: images/projects/penguins_thumb.jpg
|
|
categories: Illustration
|
|
works_right:
|
|
- title: LibOCon 2018 Visual Identity
|
|
link_to: libocon
|
|
image: images/projects/libocon_overview.png
|
|
categories: Visual Identity
|
|
- title: Enigmail Rebranding
|
|
link_to: enigmail
|
|
image: images/projects/enigmail_overview.png
|
|
categories: Visual Identity
|
|
- title: Mozilla L10N T-Shirts
|
|
link_to: mozilla-l10n
|
|
image: images/projects/mozilla-l10n.jpg
|
|
categories: Print
|
|
- title: Open Labs
|
|
link_to: openlabs
|
|
image: images/projects/openlabs_thumbnail.png
|
|
categories: Visual Identity
|
|
---
|
|
|
|
<div class="full new" style="background-color: #3399d4;">
|
|
<div class="section-title new">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<h1 class="wow slideInUp" style="font-size: 2rem;">Projects</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="full text">
|
|
<div class="row">
|
|
<div class="large-4 columns">
|
|
{% for work in page.works_left %}
|
|
<div class="work-wrapper">
|
|
<a href="{{work.link_to}}" class="work">
|
|
<img class="lazy" data-src="{{site.baseurl}}/{{work.image}}" alt="">
|
|
<div class="info">
|
|
<h3>{{work.title}}</h3>
|
|
<p>{{work.categories}}</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="large-4 columns">
|
|
{% for work in page.works_middle %}
|
|
<div class="work-wrapper">
|
|
<a href="{{work.link_to}}" class="work">
|
|
<img class="lazy" data-src="{{site.baseurl}}/{{work.image}}" alt="">
|
|
<div class="info">
|
|
<h3>{{work.title}}</h3>
|
|
<p>{{work.categories}}</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="large-4 columns">
|
|
{% for work in page.works_right %}
|
|
<div class="work-wrapper">
|
|
<a href="{{work.link_to}}" class="work">
|
|
<img class="lazy" data-src="{{site.baseurl}}/{{work.image}}" alt="">
|
|
<div class="info">
|
|
<h3>{{work.title}}</h3>
|
|
<p>{{work.categories}}</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|