From 0eb20472ae53e39768a060d9dd6ed951ef5b7a88 Mon Sep 17 00:00:00 2001
From: Anxhelo Lushka <anxhelo1995@gmail.com>
Date: Sun, 14 Oct 2018 11:48:23 +0200
Subject: [PATCH] libocon page revival

---
 projects/index.html   | 11 ++++--
 projects/libocon.html | 91 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 98 insertions(+), 4 deletions(-)
 create mode 100644 projects/libocon.html

diff --git a/projects/index.html b/projects/index.html
index ba071ab..ebbd967 100644
--- a/projects/index.html
+++ b/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>
diff --git a/projects/libocon.html b/projects/libocon.html
new file mode 100644
index 0000000..72d655e
--- /dev/null
+++ b/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>