add client side social integration, use webassets

1 files changed, 46 insertions, 0 deletions

diff --git a/syte/static/templates/google-view.html b/syte/static/templates/google-view.html
new file mode 100644
index 0000000..0a2e0be
--- /dev/null
+++ b/syte/static/templates/google-view.html
@@ -0,0 +1,46 @@
+<div class="profile google modal fade" id="google-profile">
+  {{#with user}}
+  <div class="profile-info">
+    <button class="close" data-dismiss="modal">×</button>
+    <a href="{{ url }}" class="profile-avatar">
+      <img src="{{ image.url }}" alt="{{ displayName }}" />
+    </a>
+    <div class="profile-name">
+      <h2><a href="{{ url }}">{{ displayName }}</a></h2>
+    </div>
+    {{#if tagline}}
+    <p class="profile-description">{{{ tagline }}}</p>
+    {{/if}}
+    <p class="profile-location-url">
+      {{#if placesLived }}
+      <span>{{ placesLived.0.value }}</span>
+      <span class="divider">·</span>
+      {{/if}}
+    </p>
+  </div>
+  <ul class="profile-stats">
+  </ul>
+  <div class="profile-info-footer">
+    <a href="{{ url }}" class="btn">Follow on Google+</a>
+  </div>
+  {{/with}}
+  <ul class="profile-tweets">
+    {{#each posts}}
+      <li>
+        <a href="{{ url }}" class="tweet-title">
+          <img src="{{ actor.image.url }}" alt="{{ actor.displayName }}" />
+          <strong>{{ actor.displayName }}</strong>
+        </a>
+        <p class="tweet-text">
+        {{{ title }}}
+        </p>
+        <ul class="profile-repo-stats tweet-date" style="padding-left: 30px; font-size: 12px;">
+          <li>{{ published }}</li>
+          <li><a class="profile-plusoners">{{ plusoners }}</a></li>
+          <li><a class="profile-resharers">{{ resharers }}</a></li>
+        </ul>
+      </li>
+    {{/each}}
+  </ul>
+</div>
+