Added project page for RustFest Rome 2018

css/style.css

@@ -370,6 +370,9 @@ body {
 .button.securedrop::before {
   background: #034482; }
 
+.button.rustfest::before {
+  background: #b20f32; }
+
 .button.boxed.white {
   border: 1px solid #fff;
   background: none;
@@ -491,6 +494,15 @@ body {
   color: #fff;
   background: #034482; }
 
+.button.boxed.rustfest {
+  border: 1px solid #b20f32;
+  background: none;
+  color: #b20f32; }
+
+.button.boxed.rustfest:hover {
+  color: #fff;
+  background: #b20f32; }
+
 .button.boxed.openlabs {
   border: 1px solid #2BBBB0;
   background: none;

index.html

@@ -36,34 +36,34 @@ slides:
   image: images/main/half-4.jpg
 
 works_left:
-- title: SecureDrop Style Guide
+- title: RustFest Rome Visual Identity
-  link_to: /projects/securedrop
+  link_to: /projects/rustfestrome
-  image: images/projects/securedrop_overview.png
+  image: images/projects/rustfestrome-thumb.png
-  categories: Style Guide
+  categories: Visual Identity
 - title: Thunderbird Style Guide and Usability Study
   link_to: /projects/thunderbird
   image: images/projects/tb_overview.png
   categories: Usability Study | Style Guide
 
 works_middle:
-- title: I2P Style Guide and Usability Study
+- title: SecureDrop Style Guide
-  link_to: /projects/i2p
+  link_to: /projects/securedrop
-  image: images/projects/i2p_overview.png
+  image: images/projects/securedrop_overview.png
-  categories: Usability Study | Style Guide
+  categories: Style Guide
 - title: Reproducible Builds Styleguide
   link_to: /projects/reproducible-builds
   image: images/projects/rb_thumbnail.png
   categories: Style Guide
 
 works_right:
+- title: I2P Style Guide and Usability Study
+  link_to: /projects/i2p
+  image: images/projects/i2p_overview.png
+  categories: Usability Study | Style Guide
 - title: LibOCon 2018 Visual Identity
   link_to: /projects/libocon
   image: images/projects/libocon_overview.png
   categories: Visual Identity
-- title: Enigmail Rebranding
-  link_to: /projects/enigmail
-  image: images/projects/enigmail_overview.png
-  categories: Visual Identity
 
 testimonials_left:
 - author: Jeff Beatty - Mozilla

projects/index.html

@@ -2,31 +2,31 @@
 layout: default
 section_id: portfolio
 works_left:
+- title: RustFest Rome Visual Identity
+  link_to: rustfestrome
+  image: images/projects/rustfestrome-thumb.png
+  categories: Visual Identity
 - title: SecureDrop Style Guide
   link_to: securedrop
   image: images/projects/securedrop_overview.png
   categories: Style Guide
-- title: I2P Style Guide and Usability Study
-  link_to: i2p
-  image: images/projects/i2p_overview.png
-  categories: Usability Study | Style Guide
 - title: Thunderbird Style Guide and Usability Study
   link_to: thunderbird
   image: images/projects/tb_overview.png
   categories: Usability Study | Style Guide
-- title: Open Labs
+- title: Software Freedom Kosova
-  link_to: openlabs
+  link_to: sfk16
-  image: images/projects/openlabs_thumbnail.png
+  image: images/projects/poster_SFK.jpg
-  categories: Visual Identity
+  categories: Visual Identity, Print
 works_middle:
 - title: LibOCon 2018 Visual Identity
   link_to: libocon
   image: images/projects/libocon_overview.png
   categories: Visual Identity
-- title: Software Freedom Kosova
+- title: I2P Style Guide and Usability Study
-  link_to: sfk16
+  link_to: i2p
-  image: images/projects/poster_SFK.jpg
+  image: images/projects/i2p_overview.png
-  categories: Visual Identity, Print
+  categories: Usability Study | Style Guide
 - title: Tor Style Guide
   link_to: tor-style-guide
   image: images/projects/tor_thumb.png
@@ -48,6 +48,10 @@ works_right:
   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;">

projects/rustfestrome.html

@@ -0,0 +1,105 @@
+---
+layout: default
+section_id: portfolio
+title: RustFest Rome Visual Identity
+---
+
+<div style="background-color: #b20f32;" 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;">RustFest Rome 2018</h1>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="full text">
+  <div class="row">
+    <div class="large-8 columns">
+      <img class="lazy" data-src="../images/projects/RustFest Rome 2018 Portfolio-01.png" alt="Main Logo">
+      <div class="spacing"></div>
+      <img class="lazy" data-src="../images/projects/RustFest Rome 2018 Portfolio-02.png" alt="Typography">
+      <div class="spacing"></div>
+      <img class="lazy" data-src="../images/projects/RustFest Rome 2018 Portfolio-03.png" alt="Logo Alternations">
+      <div class="spacing"></div>
+      <img class="lazy" data-src="../images/projects/RustFest Rome 2018 Portfolio-04.png" alt="Attendee Badge">
+      <div class="spacing"></div>
+      <img class="lazy" data-src="../images/projects/RustFest Rome 2018 Portfolio-05.png" alt="Staff Badge">
+      <div class="spacing"></div>
+      <img class="lazy" data-src="../images/projects/RustFest Rome 2018 Portfolio-06.png" alt="Speaker Badge">
+      <div class="spacing"></div>
+      <img class="lazy" data-src="../images/projects/RustFest Rome 2018 Portfolio-07.png" alt="T-Shirts">
+      <div class="spacing"></div>
+      <img class="lazy" data-src="../images/projects/RustFest Rome 2018 Portfolio-08.png" alt="Stickers">
+      <div class="spacing"></div>
+      <img class="lazy" data-src="../images/projects/RustFest Rome 2018 Portfolio-09.png" alt="Cover Photo">
+      <div class="spacing"></div>
+    </div>
+    <div class="large-4 columns">
+      <div class="project-intro">
+        <p>RustFest is Europe’s Rust-dedicated conference. This edition of RustFest took place as a two-day event in Rome, Italy.</p>
+        <p>We were approached to work on this project after a successful collaboration for an earlier RustFest that happened this year in Paris, France.</p>
+        <hr>
+        <div class="spacing"></div>
+        <h4>Date</h4>
+        <p><span>November, 2018</span></p>
+        <h4>Clients</h4>
+        <p><span><a href="https://rome.rustfest.eu/" target="_blank" rel="noopener">RustFest Rome</a></span></p>
+        <h4>Category</h4>
+        <p><span>Visual Identity</span></p>
+         <hr>
+        <a class="button boxed black" href="https://github.com/uracreative/works/tree/master/RustFestRome 2018" target="_blank" rel="noopener"><i class="fab fa-github"></i> Sources</a><br />
+         <a class="button boxed identihub" href="https://demo.identihub.co/" target="_blank" rel="noopener"><img class="lazy" data-src="../images/projects/identihub.svg" > Identihub</a><br />
+        <a class="button boxed rustfest" href="https://rome.rustfest.eu" 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>