From 066ea87c0bd82a3ec016dc97d2f065b89e1f7ff3 Mon Sep 17 00:00:00 2001
From: Nick Schaubeck <nick@devpost.com>
Date: Thu, 12 Nov 2015 17:10:33 -0500
Subject: [PATCH] Initial commit.

---
 .DS_Store                                     | Bin 0 -> 6148 bytes
 .gitignore                                    |   1 +
 .../_users.sassc                              | Bin 0 -> 10158 bytes
 devpost-reversed-rgb.svg                      |  26 +++++
 hacker-card.html                              |  91 ++++++++++++++++--
 index.html                                    |   9 +-
 package.json                                  |  14 +++
 users.css                                     |  79 +++++++++++++++
 8 files changed, 209 insertions(+), 11 deletions(-)
 create mode 100644 .DS_Store
 create mode 100644 .gitignore
 create mode 100644 .sass-cache/f722d28650ac725e34d54d4b7ca3c9f534140a23/_users.sassc
 create mode 100644 devpost-reversed-rgb.svg
 create mode 100644 package.json
 create mode 100644 users.css

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..0d3f73120a8428d5b6548b80e75159d273f22fcd
GIT binary patch
literal 6148
zcmeHKOHRWu5Pfbd(H0h6c9~^2MB)ZfRgl=i0iZvXPasv(RxERj9*P5SoAPFCRW+qc
z5JEH3_}LS`vHcvyF#y+JO)h{AfF@nA)?)FE$#d}otA)r3(P@qXub9%8C=YsD;4dm5
zd)LMo1zs>`x!b?%ycm!2V#Me2a$M1STQ$~zE+*XRwQ@@C_c<2Yo)SyeCK{Pxgp}<y
zW^q3E!5kZUeY=%(9OD5)&f}Tf1-WCk7R-_|zU18Un2&dIdUO}~Z9H=BGN-p=9Css}
zy)~SXQ7Gq*BS>w9oEge^ES+o2n}@j$F=PJ}Ph2Cli+QTqW^cR}^NTj3P|6jSUq{ka
z?K3!GGgH76Fa>@<0iM}n%~Ow7ngXVPDX>#Oz7GjqFbi0D)K3Qsy#f#$46Cs&zl*|2
z0%id#k9<ONo=Wso7p@r2(-}`fzbs(o(bM6=<->)MUAUn*9i90T?GBfDw9*tX1!4v2
zzS)uU|MK|#KPFkr6fgz;l>)9YxE=Jlq;R$#EKbhagnmyKlYW)Q9fcJ=irH6=;x1i{
Y@kA=bEMVo45t{u7s0>z^0>7%jCrTc1ZU6uP

literal 0
HcmV?d00001

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b512c09
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
\ No newline at end of file
diff --git a/.sass-cache/f722d28650ac725e34d54d4b7ca3c9f534140a23/_users.sassc b/.sass-cache/f722d28650ac725e34d54d4b7ca3c9f534140a23/_users.sassc
new file mode 100644
index 0000000000000000000000000000000000000000..fc715533a1d30ab55af59c046dc50d49145e0715
GIT binary patch
literal 10158
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
IMk#~t|7-jTivR!s

literal 0
HcmV?d00001

diff --git a/devpost-reversed-rgb.svg b/devpost-reversed-rgb.svg
new file mode 100644
index 0000000..c8ef425
--- /dev/null
+++ b/devpost-reversed-rgb.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 600 116.5" enable-background="new 0 0 600 116.5" xml:space="preserve">
+<polygon fill="#3ACCE6" points="566.4,0 539.8,0 573.4,58.2 539.8,116.5 566.4,116.5 600,58.2 "/>
+<polygon fill="#3ACCE6" points="33.6,0 60.2,0 26.6,58.2 60.2,116.5 33.6,116.5 0,58.2 "/>
+<polygon fill="#FFFFFF" points="50.2,116.5 16.6,58.2 50.2,0 549.8,0 583.4,58.2 549.8,116.5 "/>
+<g>
+	<path id="XMLID_2_" fill="#003E54" d="M84.2,93.6H63V22.9h22.1c20.2,0,35.2,9.5,35.2,35.4C120.3,83.1,102.3,93.6,84.2,93.6z
+		 M84.7,36.6h-7.5v43.2h7c14.8,0,21.6-8.7,21.6-21.6C105.8,43.8,99.6,36.6,84.7,36.6z"/>
+	<path id="XMLID_5_" fill="#003E54" d="M136.5,93.6V22.9h49.1v13.8h-35v12.2h20.3v13.7h-20.3v17.1h36.5v13.8H136.5z"/>
+	<path id="XMLID_7_" fill="#003E54" d="M237,93.6h-13.7l-25.1-70.7h15.7l13.3,40.9c1.3,3.9,2.7,9.1,3.3,11.6
+		c0.6-2.6,1.9-7.5,3.2-11.6l13-40.9h15.5L237,93.6z"/>
+	<path id="XMLID_9_" fill="#003E54" d="M306.9,68.5h-15.6v25.1h-14.1V22.9h30.9c13.3,0,24.3,7.4,24.3,22.4
+		C332.5,61.7,321.6,68.5,306.9,68.5z M307.7,36.6h-16.3v18.2h16.5c6.6,0,10.1-3,10.1-9.2C318,39.4,313.9,36.6,307.7,36.6z"/>
+	<path id="XMLID_12_" fill="#003E54" d="M374.9,94.7c-19.3,0-30.7-15-30.7-36.5s11.4-36.5,30.7-36.5s30.7,15,30.7,36.5
+		S394.2,94.7,374.9,94.7z M374.9,35.8c-11.4,0-16.2,9.8-16.2,22.4s4.7,22.4,16.2,22.4c11.4,0,16.2-9.8,16.2-22.4
+		S386.3,35.8,374.9,35.8z"/>
+	<path id="XMLID_15_" fill="#003E54" d="M444.6,94.7c-11.8,0-22.1-4.9-27.5-12.8l10.2-9.1c5,5.8,11.3,8.1,18.1,8.1
+		c8.4,0,12.3-2.3,12.3-7.7c0-4.5-2.4-6.6-15.8-9.6c-13-3-22.1-7.2-22.1-21.1c0-12.8,11.3-20.7,25.3-20.7c11,0,19.1,4.1,25.8,11.1
+		l-10.2,9.9c-4.5-4.6-9.6-7.3-16.1-7.3c-7.6,0-10.1,3.2-10.1,6.4c0,4.4,3,5.9,14.2,8.5c11.2,2.6,23.6,6.5,23.6,21.8
+		C472.4,85.6,463.9,94.7,444.6,94.7z"/>
+	<path id="XMLID_17_" fill="#003E54" d="M516.6,36.8v56.8h-14.1V36.8h-20.3V22.9h54.8v13.9H516.6z"/>
+</g>
+</svg>
diff --git a/hacker-card.html b/hacker-card.html
index 54c4e5b..50ad75f 100644
--- a/hacker-card.html
+++ b/hacker-card.html
@@ -5,21 +5,98 @@
 </head>
 <body>
   <link rel="import" href="components/bower_components/polymer/polymer.html">
+  <link rel="stylesheet" href="users.css"/>
+  <script src="node_modules/superagent/superagent.js"></script>
+
   <dom-module id="hacker-card">
     <template>
-      <style>
-        span {
-          font-weight: bold;
+      <div class='hacker-card' on-click="goToProfile">
+        <div class="gallery-item">
+          <div class="user-entry">
+            <header></header>
+            <div class='entry-body'>
+              <h5>
+                {{user.name}}
+                <span class="paragraph-end"></span>
+              </h5>
+
+              <p>{{user.bio}}</p>
+            </div>
+
+            <footer>
+              <div class="count">
+                <span>{{user.projects_count}}</span>
+                <br>
+                Projects
+              </div>
+              <div class="count">
+                <span>{{user.hackathons_count}}</span>
+                <br>
+                Hackathons
+              </div>
+              <div class="count">
+                <span>{{user.followers_count}}</span>
+                <br>
+                Followers
+              </div>
+            </footer>
+          </div>
+        </div>  
+      </div>
+    </template>
+
+    <script>
+      Polymer({
+        is: 'hacker-card',
+        properties: {
+          userName: {
+            type: String
+          },
+          user: {
+            type: Object
+          }
+        },
+        goToProfile: function() {
+
+        },
+        ready: function() {
+          var self = this;
+          request
+            .get("https://iii3mdppm7.execute-api.us-east-1.amazonaws.com/prod/UserPortfolioEndpoint/" + this.userName)
+            .end(function(err, res) {
+              window.user = self.user = res.body;
+            });
         }
-      </style>
-      <div>
-        <span>Some stuff</span>
+      });
+    </script>
+  </dom-module>
+
+  <dom-module id="hacker-tile">
+    <template>
+      <div class='hacker-card' on-click="goToProfile">
+        <img>  
       </div>
     </template>
 
     <script>
       Polymer({
-        is: 'hacker-card'
+        is: 'hacker-tile',
+        properties: {
+          userName: {
+            type: String
+          },
+          user: {
+            type: Object
+          }
+        },
+        ready: function() {
+          var self = this;
+          request
+            .get("https://iii3mdppm7.execute-api.us-east-1.amazonaws.com/prod/UserPortfolioEndpoint/" + this.userName)
+            .end(function(err, res) {
+              window.user = self.user = res.body;
+            });
+        }
       });
     </script>
   </dom-module>
diff --git a/index.html b/index.html
index 7088314..b6d05e9 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
-	<title></title>
+  <title></title>
 </head>
 <body>
-	<script src="components/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>	
-	<link rel="import" href="hacker-card.html">
-	<hacker-card></hacker-card>
+  <script src="components/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
+  <link rel="import" href="hacker-card.html">
+
+  <hacker-card user-name='MGerrior'></hacker-card>
 </body>
 </html>
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..728cff0
--- /dev/null
+++ b/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "hacker_card",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "superagent": "^1.4.0"
+  }
+}
diff --git a/users.css b/users.css
new file mode 100644
index 0000000..c0362c2
--- /dev/null
+++ b/users.css
@@ -0,0 +1,79 @@
+.user-photo, .user-avatar {
+  border-radius: 50%; }
+
+.user-entry {
+  text-align: center;
+}
+
+.entry-body h5 {
+  font-weight: bold;
+} 
+
+.entry-body p {
+  color: rgb(87, 85, 83);
+  font-family: 'Helvetica Neue', sans-serif;
+  font-size: 14px;
+  font-style: italic;
+  font-weight: normal;
+}
+
+.user-entry, .user-entry:hover, .user-entry:active, .user-entry:focus {
+  border-color: #b3b3b3;
+  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.4); 
+}
+
+.user-entry header {
+  height: 70px; 
+  background-image: url(/devpost-reversed-rgb.svg);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-color: #003E54;
+}
+
+.user-entry .entry-body h4 {
+  margin-top: 0.5em; 
+}
+
+.user-entry footer {
+  background-color: #f0f0f0;
+  padding: 6px;
+}
+
+.user-entry footer .count {
+  display: inline-block;
+  width: 32%;
+  font-size: 0.6875em;
+  color: #999794; 
+}
+
+.user-entry footer .count span {
+  font-weight: bold;
+  color: #1a1918;
+  font-size: 1rem; 
+}
+
+.user-entry .user-photo {
+  background: white;
+  margin: 0 auto;
+  height: 90px;
+  width: 90px;
+  margin-top: -52px;
+  border: 3px solid white; 
+}
+
+.user-entry .follow-button-wrapper {
+  min-height: 1.5em;
+  margin-bottom: 0.3em; 
+}
+
+.hacker-card {
+  cursor: pointer;
+  max-width: 270px;
+  font-family: 'HelveticaNeue', sans-serif;
+}
+
+.hacker-tile {
+  cursor: pointer;
+  max-width: 300px;
+  font-family: 'HelveticaNeue', sans-serif;
+}