Added HTTPSE Redesign project

css/style.css

@@ -373,6 +373,9 @@ body {
 .button.rustfest::before {
   background: #b20f32; }
 
+.button.httpse::before {
+  background: #0060DF; }
+
 .button.fsfe::before {
   background:  #53b749; }
 
@@ -533,6 +536,15 @@ body {
   color: #fff;
   background: #fc9606; }
 
+.button.boxed.httpse {
+  border: 1px solid #0060DF;
+  background: none;
+  color: #0060DF; }
+
+.button.boxed.httpse:hover {
+  color: #fff;
+  background: #0060DF; }
+
 .button.boxed.openchain {
   border: 1px solid #00adbb;
   background: none;

index.html

@@ -36,30 +36,30 @@ slides:
   image: images/main/half-4.jpg
 
 works_left:
-- title: RustFest Rome Visual Identity
+- title: HTTPS Everywhere Redesign
-  link_to: /projects/rustfestrome
+  link_to: /projects/https-everywhere
-  image: images/projects/rustfestrome-thumb.png
+  image: images/projects/httpse-thumb.png
-  categories: Visual Identity
+  categories: Redesign
 - 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: 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: 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
+- 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: LibOCon 2018 Visual Identity
   link_to: /projects/libocon
   image: images/projects/libocon_overview.png

projects/https-everywhere.html

@@ -0,0 +1,89 @@
+---
+layout: default
+section_id: portfolio
+title: HTTPS Everywhere Redesign
+---
+
+<div style="background-color: #0060DF;" 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;">HTTPS Everywhere Redesign</h1>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="full text">
+  <div class="row">
+    <div class="large-8 columns">
+      <img class="lazy" data-src="../images/projects/HTTPSE-Redesign.png" alt="Process of HTTPS Everywhere Redesign and Iterations">
+      <div class="spacing"></div>
+    </div>
+    <div class="large-4 columns">
+      <div class="project-intro">
+        <p>HTTPS Everywhere is a Firefox, Chrome, and Opera extension that encrypts your communications with many major websites, making your browsing more secure.</p>
+        <p>HTTPS Everywhere is produced as a collaboration between The Tor Project and the Electronic Frontier Foundation.</p>
+        <hr>
+        <div class="spacing"></div>
+        <h4>Date</h4>
+        <p><span>September, 2019</span></p>
+        <h4>Clients</h4>
+        <p><span><a href="https://eff.org/" target="_blank" rel="noopener">EFF</a></span></p>
+        <h4>Category</h4>
+        <p><span>Redesign</span></p>
+         <hr>
+        <a class="button boxed black" href="https://github.com/uracreative/works/tree/master/HTTPS%20Everywhere" target="_blank" rel="noopener"><i class="fab fa-github"></i> Sources</a><br />
+         <a class="button boxed httpse" href="https://github.com/uracreative/works/raw/master/HTTPS%20Everywhere/HTTPSE%20Redesign.pdf" target="_blank" rel="noopener"><i class="fas fa-download"></i> Redesign</a><br />
+        <a class="button boxed httpse" href="https://eff.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>

projects/index.html

@@ -2,6 +2,10 @@
 layout: default
 section_id: portfolio
 works_left:
+- title: HTTPS Everywhere Redesign
+  link_to: https-everywhere
+  image: images/projects/httpse-thumb.png
+  categories: Redesign
 - title: FSFE Infographic
   link_to: fsfe-infographic
   image: images/projects/fsfe-thumb.png
@@ -18,10 +22,6 @@ works_left:
   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
@@ -39,6 +39,10 @@ works_middle:
   link_to: openchain
   image: images/projects/penguins_thumb.jpg
   categories: Illustration
+- title: Software Freedom Kosova
+  link_to: sfk16
+  image: images/projects/poster_SFK.jpg
+  categories: Visual Identity, Print
 works_right:
 - title: LibOCon 2018 Visual Identity
   link_to: libocon