Add initial Gentoo logo artwork overview page

2 files changed, 101 insertions, 2 deletions

diff --git a/inside-gentoo/artwork/gentoo-logo.html b/inside-gentoo/artwork/gentoo-logo.html
new file mode 100644
index 0000000..60aa9b2
--- /dev/null
+++ b/inside-gentoo/artwork/gentoo-logo.html
@@ -0,0 +1,95 @@
+---
+title: Gentoo Logo
+
+nav1: inside-gentoo
+nav2: artwork
+nav3: artwork-logos
+nav2-weight: 25
+nav3-show: true
+nav3-weight: 2
+layout: page-nav3
+---
+
+<p>
+  This page contains the official Gentoo logo and word mark graphics.
+  For other unofficial graphical building blocks, see the <a href="https://wiki.gentoo.org/wiki/Project:Artwork/Artwork">Artwork project</a> on our Wiki.
+</p>
+
+<h2 id="downloads">Downloads</h2>
+
+<div class="alert alert-danger">
+  <strong>Important</strong>
+  <br>
+  Usage of these logos is subject to our <a class="alert-link" href="/inside-gentoo/foundation/name-logo-guidelines">Name and Logo Usage Guidelines</a>.
+  <br>
+  Users of Adobe Illustrator are advised to use the EPS versions as the SVGs are known to not render properly.
+</div>
+
+<div class="table-responsive">
+  <table class="table table-striped logo-table">
+    <thead>
+      <tr>
+        <th>Rendering</th>
+        <th>Description</th>
+        <th colspan="3">Download</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td><img src="/assets/img/logo/gentoo-logo.svg" alt="Gentoo logo"></td>
+        <td>
+          <strong>Gentoo Logo</strong>
+        </td>
+        <td><a href="/assets/img/logo/gentoo-logo.svg" download>SVG</a></td>
+        <td><a href="/assets/img/logo/gentoo-logo.eps" download>EPS</a></td>
+        <td><a href="/assets/img/logo/gentoo-logo.png" download>PNG</a></td>
+      </tr>
+      <tr>
+        <td><img src="/assets/img/logo/gentoo-signet.svg" alt="Gentoo logo"></td>
+        <td>
+          <strong>Gentoo Signet</strong>
+        </td>
+        <td><a href="/assets/img/logo/gentoo-signet.svg" download>SVG</a></td>
+        <td><a href="/assets/img/logo/gentoo-signet.eps" download>EPS</a></td>
+        <td><a href="/assets/img/logo/gentoo-signet.png" download>PNG</a></td>
+      </tr>
+      <tr>
+        <td><img src="/assets/img/logo/gentoo-typo.svg" alt="Gentoo logo"></td>
+        <td>
+          <strong>Gentoo Word Mark</strong>
+        </td>
+        <td><a href="/assets/img/logo/gentoo-typo.svg" download>SVG</a></td>
+        <td><a href="/assets/img/logo/gentoo-typo.eps" download>EPS</a></td>
+        <td><a href="/assets/img/logo/gentoo-typo.png" download>PNG</a></td>
+      </tr>
+      <tr>
+        <td><img src="/assets/img/logo/gentoo-horizontal.svg" alt="Gentoo logo"></td>
+        <td>
+          <strong>Gentoo Logo (horizontal)</strong>
+          <br>
+          only use when vertical version is not suitable
+        </td>
+        <td><a href="/assets/img/logo/gentoo-horizontal.svg" download>SVG</a></td>
+        <td><a href="/assets/img/logo/gentoo-horizontal.eps" download>EPS</a></td>
+        <td><a href="/assets/img/logo/gentoo-horizontal.png" download>PNG</a></td>
+      </tr>
+      <tr>
+        <td class="img"><img src="/assets/img/logo/gentoo-3d-small.png" alt="Gentoo logo"></td>
+        <td>
+          <strong>Classic Gentoo Logo</strong>
+          <br>
+          not available as vector graphic
+        </td>
+        <td></td>
+        <td></td>
+        <td><a href="/assets/img/logo/gentoo-3d.png" download>PNG</a></td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
+The above imagery is copyright Gentoo Foundation and Lennart Andre Rolland, licensed under CC-BY-SA/2.5.
+
+<!--<h2 id="usage">Usage Guideline</h2>
+
+coming soon -->
diff --git a/inside-gentoo/artwork/index.html b/inside-gentoo/artwork/index.html
index 59c17fd..1ff2857 100644
--- a/inside-gentoo/artwork/index.html
+++ b/inside-gentoo/artwork/index.html
@@ -4,13 +4,17 @@ navtitle: Artwork
 
 nav1: inside-gentoo
 nav2: artwork
+nav3: artwork-index
 nav2-show: true
 nav2-weight: 25
+nav3-show: true
+nav3-weight: 1
+layout: page-nav3
+body_class: nav-align-h2
 ---
 
 <p>
   Here you can find <a href="#wallpapers">Wallpapers</a> and <a href="#badges">Badges</a> to brand your desktop or application.
-  For Gentoo logos and other graphical building blocks, see the <a href="https://wiki.gentoo.org/wiki/Project:Artwork/Artwork">Artwork project</a> on our Wiki.
 </p>
 
 <div class="alert alert-info">
@@ -475,4 +479,4 @@ nav2-weight: 25
 <p>
   The graphics on this page are created by various authors who grant you permission to use and modify them as you see fit.
   The use of the Gentoo name and logo are governed by the <a href="/inside-gentoo/foundation/name-logo-guidelines.html">Gentoo Name and Logo Usage Guidelines</a>.
-</p>
\ No newline at end of file
+</p>