libocon page revival

projects/index.html

@@ -36,7 +36,10 @@ works_right:
   link_to: enigmail
   image: images/projects/enigmail_overview.png
   categories: Visual Identity
-
+- title: LibOCon 2018 Visual Identity
+  link_to: libocon
+  image: images/projects/libocon_overview.png
+  categories: Visual Identity
 ---
 
 <div class="full new" style="background-color: #3399d4;">
@@ -56,7 +59,7 @@ works_right:
     {% for work in page.works_left %}
       <div class="work-wrapper">
         <a href="{{work.link_to}}" class="work">
-          <img src="{{site.url}}/{{work.image}}" alt="">
+          <img src="{{site.baseurl}}/{{work.image}}" alt="">
           <div class="info">
             <h3>{{work.title}}</h3>
             <p>{{work.categories}}</p>
@@ -69,7 +72,7 @@ works_right:
     {% for work in page.works_middle %}
       <div class="work-wrapper">
         <a href="{{work.link_to}}" class="work">
-          <img src="{{site.url}}/{{work.image}}" alt="">
+          <img src="{{site.baseurl}}/{{work.image}}" alt="">
           <div class="info">
             <h3>{{work.title}}</h3>
             <p>{{work.categories}}</p>
@@ -82,7 +85,7 @@ works_right:
     {% for work in page.works_right %}
       <div class="work-wrapper">
         <a href="{{work.link_to}}" class="work">
-          <img src="{{site.url}}/{{work.image}}" alt="">
+          <img src="{{site.baseurl}}/{{work.image}}" alt="">
           <div class="info">
             <h3>{{work.title}}</h3>
             <p>{{work.categories}}</p>

projects/libocon.html

@@ -0,0 +1,91 @@
+---
+layout: default
+section_id: portfolio
+title: LibOCon 2018 Visual Identity
+---
+
+<div style="background-color: #11a500;" 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;">LibOCon 2018 Visual Identity</h1>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="full text">
+  <div class="row">
+    <div class="large-8 columns">
+      <img src="../images/projects/libocon.png" alt="">
+      <div class="spacing"></div>
+      <img src="../images/projects/libocon_totebag.png" alt="">
+      <div class="spacing"></div>
+    </div>
+    <div class="large-4 columns">
+      <div class="project-intro">
+        <p>LibOCon is the annual gathering of the LibreOffice community. At LibOCon, LibreOffice users gather to network and meet key LibreOffice developers, designers, localizers, documenters, supporters and marketers, and to learn about the latest in LibreOffice development.</p>
+        <p>We worked on the conference visual identity as a sponsor of the event.</p>
+        <hr>
+        <div class="spacing"></div>
+        <h4>Date</h4>
+        <p><span>September, 2018</span></p>
+        <h4>Clients</h4>
+        <p><span><a href="https://libocon.org" target="_blank" rel="noopener">LibOCon</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/LibOCon 2018" target="_blank" rel="noopener"><i class="fab fa-github"></i> Sources</a><br />
+         <a class="button boxed identihub" href="https://demo.identihub.co/project/libocon" target="_blank" rel="noopener"><img src="../images/projects/identihub.svg" > Identihub</a><br />
+        <a class="button boxed libocon" href="https://libocon.org" target="_blank" rel="noopener"><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="mozilla-l10n" class="work">
+            <img src="../images/projects/mozilla-l10n.jpg" alt="">
+            <div class="info">
+              <h3>Mozilla L10N T-shirts</h3>
+              <p>Print</p>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>