Add GitHub link (GustavoFernandes#43)

* Add github link to webclient * Add github link to chrome extension
dumbbillyhardy · Jul 13, 2017 · 5257edc · 5257edc
1 parent 2e16a58
commit 5257edc
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 0 deletions.
diff --git a/chrome_extension/popup.html b/chrome_extension/popup.html
@@ -36,6 +36,7 @@
         <link rel="manifest" href="manifest.json">
 
         <link rel="import" href="../elements/example-order.html">
+        <link rel="import" href="../elements/github-link.html">
         <link rel="import" href="../elements/order-input.html">
         <link rel="import" href="../elements/order-split-results-table.html">
 
@@ -141,5 +142,6 @@
         </script>
         <button id="parse">Parse Dom? Wut?</button>
         <order-split-results-table id="table"></order-split-results-table>
+        <github-link></github-link>
     </body>
 </html>
diff --git a/elements/github-link.html b/elements/github-link.html
@@ -0,0 +1,33 @@
+<dom-module id="github-link">
+    <template>
+        <style>
+            #mainContainer {
+                padding: 5px;
+                align-items: center;
+                display: inline-flex;
+                flex-direction: row;
+            }
+
+            #mainContainer > :first-child {
+                padding-right: 5px;
+            }
+        </style>
+        <a href="https://github.com/MergeMyPullRequest/order-splitter" target="new">
+            <div id="mainContainer" title="Check us out on GitHub">
+                <!-- svgs from octicons.github.com -->
+                <svg height="24" width="24" class="octicon octicon-mark-github" viewBox="0 0 16 16" version="1.1" aria-hidden="true">
+                    <path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z">
+                    </path>
+                </svg>
+                <svg class="octicon octicon-logo-github" viewBox="0 0 45 16" version="1.1" width="45" height="16" aria-hidden="true">
+                    <path fill-rule="evenodd" d="M18.53 12.03h-.02c.009 0 .015.01.024.011h.006l-.01-.01zm.004.011c-.093.001-.327.05-.574.05-.78 0-1.05-.36-1.05-.83V8.13h1.59c.09 0 .16-.08.16-.19v-1.7c0-.09-.08-.17-.16-.17h-1.59V3.96c0-.08-.05-.13-.14-.13h-2.16c-.09 0-.14.05-.14.13v2.17s-1.09.27-1.16.28c-.08.02-.13.09-.13.17v1.36c0 .11.08.19.17.19h1.11v3.28c0 2.44 1.7 2.69 2.86 2.69.53 0 1.17-.17 1.27-.22.06-.02.09-.09.09-.16v-1.5a.177.177 0 0 0-.146-.18zm23.696-2.2c0-1.81-.73-2.05-1.5-1.97-.6.04-1.08.34-1.08.34v3.52s.49.34 1.22.36c1.03.03 1.36-.34 1.36-2.25zm2.43-.16c0 3.43-1.11 4.41-3.05 4.41-1.64 0-2.52-.83-2.52-.83s-.04.46-.09.52c-.03.06-.08.08-.14.08h-1.48c-.1 0-.19-.08-.19-.17l.02-11.11c0-.09.08-.17.17-.17h2.13c.09 0 .17.08.17.17v3.77s.82-.53 2.02-.53l-.01-.02c1.2 0 2.97.45 2.97 3.88zm-8.72-3.61H33.84c-.11 0-.17.08-.17.19v5.44s-.55.39-1.3.39-.97-.34-.97-1.09V6.25c0-.09-.08-.17-.17-.17h-2.14c-.09 0-.17.08-.17.17v5.11c0 2.2 1.23 2.75 2.92 2.75 1.39 0 2.52-.77 2.52-.77s.05.39.08.45c.02.05.09.09.16.09h1.34c.11 0 .17-.08.17-.17l.02-7.47c0-.09-.08-.17-.19-.17zm-23.7-.01h-2.13c-.09 0-.17.09-.17.2v7.34c0 .2.13.27.3.27h1.92c.2 0 .25-.09.25-.27V6.23c0-.09-.08-.17-.17-.17zm-1.05-3.38c-.77 0-1.38.61-1.38 1.38 0 .77.61 1.38 1.38 1.38.75 0 1.36-.61 1.36-1.38 0-.77-.61-1.38-1.36-1.38zm16.49-.25h-2.11c-.09 0-.17.08-.17.17v4.09h-3.31V2.6c0-.09-.08-.17-.17-.17h-2.13c-.09 0-.17.08-.17.17v11.11c0 .09.09.17.17.17h2.13c.09 0 .17-.08.17-.17V8.96h3.31l-.02 4.75c0 .09.08.17.17.17h2.13c.09 0 .17-.08.17-.17V2.6c0-.09-.08-.17-.17-.17zM8.81 7.35v5.74c0 .04-.01.11-.06.13 0 0-1.25.89-3.31.89-2.49 0-5.44-.78-5.44-5.92S2.58 1.99 5.1 2c2.18 0 3.06.49 3.2.58.04.05.06.09.06.14L7.94 4.5c0 .09-.09.2-.2.17-.36-.11-.9-.33-2.17-.33-1.47 0-3.05.42-3.05 3.73s1.5 3.7 2.58 3.7c.92 0 1.25-.11 1.25-.11v-2.3H4.88c-.11 0-.19-.08-.19-.17V7.35c0-.09.08-.17.19-.17h3.74c.11 0 .19.08.19.17z">
+                    </path>
+                </svg>
+            </div>
+        </a>
+    </tempalte>
+</dom-module>
+<script>
+    defineCustomElement('github-link', class extends Polymer.Element {
+    });
+</script>
diff --git a/webclient/index.html b/webclient/index.html
@@ -44,6 +44,7 @@
         <link rel="import" href="../elements/example-order.html">
         <link rel="import" href="../elements/order-input.html">
         <link rel="import" href="../elements/order-split-results-table.html">
+        <link rel="import" href="../elements/github-link.html">
 
         <style>
             body {
@@ -156,5 +157,8 @@ <h1>How it Works</h1>
                 </div>
             </div>
         </div>
+        <center>
+            <github-link></github-link
+        </center>
     </body>
 </html>