From b27a7e60fa76054db0d51b8776be68840de05cea Mon Sep 17 00:00:00 2001
From: Anxhelo Lushka <anxhelo1995@gmail.com>
Date: Mon, 8 Oct 2018 17:39:21 +0200
Subject: [PATCH] Added LibOCon project page

---
 css/style.css         | 12 ++++++
 projects/index.html   | 11 ++++--
 projects/libocon.html | 91 +++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 110 insertions(+), 4 deletions(-)
 create mode 100644 projects/libocon.html

diff --git a/css/style.css b/css/style.css
index 10b7154..148249f 100755
--- a/css/style.css
+++ b/css/style.css
@@ -361,6 +361,9 @@ body {
 .button.thunderbird::before {
   background: #0A84FF; }
 
+.button.libocon::before {
+  background: #11A500; }
+
 .button.boxed.white {
   border: 1px solid #fff;
   background: none;
@@ -455,6 +458,15 @@ body {
   color: #fff;
   background: #0A84FF; }
 
+.button.boxed.libocon {
+  border: 1px solid #11A500;
+  background: none;
+  color: #11A500; }
+
+.button.boxed.libocon:hover {
+  color: #fff;
+  background: ##11A500; }
+
 .button.boxed.openlabs {
   border: 1px solid #2BBBB0;
   background: none;
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>