Skip to content
This repository has been archived by the owner on Mar 13, 2018. It is now read-only.

Commit

Permalink
evolve discover.html
Browse files Browse the repository at this point in the history
  • Loading branch information
Scott Miles committed Nov 1, 2013
1 parent a1600d4 commit a5c90fd
Show file tree
Hide file tree
Showing 2 changed files with 69 additions and 7 deletions.
75 changes: 68 additions & 7 deletions discover.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,34 @@
<style>
body {
font-family: "Helvetica Neue", Arial, Roboto, sans-serif;
padding: 10px 128px;
}
h2 {
width: auto;
font-size: 40px;
text-transform: uppercase;
border-radius: 0;
box-sizing: border-box;
margin: 0;
padding: 64px;
color: white;
background: #4285f4;
}
h3 {
color: #4285f4;
position: relative;
line-height: 24px;
padding: 0;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
Xdisplay: inline-block;
margin-bottom: 28px;
}
</style>
<!--<script src="../platform/platform.js"></script>-->
<script src="../polymer/polymer.js"></script>
<link rel="import" href="../polymer-elements/elements.html">
<link rel="import" href="../polymer-ui-elements/polymer-ui-icon/polymer-ui-icon.html">
<link rel="import" href="../designer-elements/x-meta/x-meta.html">
<link rel="import" href="elements.html">
Expand Down Expand Up @@ -39,15 +63,52 @@ <h3>Individually Wrapped</h3>

<polymer-element name="elt-list">
<template>
<style>
.item {
border-top: 1px solid rgba(0,0,0,0.1);
position: relative;
cursor: pointer;
padding: 48px 0;
}
.inner {
height: 150px;
}
section {
margin-left: -100px;
}
h4 {
margin: 0px;
font-size: 20px;
line-height: 20px;
color: #666;
vertical-align: middle;
text-transform: uppercase;
font-weight: 400;
}
meta-archetype {
height: 300px;
width: 400px;
zoom: 50%;
X-webkit-transform-origin: 0 0;
X-webkit-transform: scale(0.5);
overflow: hidden;
border: 1px solid #ccc;
background-color: #eee;
}
</style>
<x-meta id="meta" list="{{list}}"></x-meta>
<template repeat="{{list}}">
<div style="border: 1px dotted gray; padding: 8px; margin-bottom: 4px;">
<h4 style="margin-top: 0; line-height: 36px;">{{id}}<a href="http://localhost:3003/bower?{{id}}=https%3A//github.com/sjmiles/{{id}}.git"><polymer-ui-icon icon="shortcut" style="margin: 0 0 8px 8px;"></polymer-ui-icon></a></h4>
<meta-archetype meta="{{}}" style="display:block;"></meta-archetype>
<br>
<a href="{{id}}">Test Page</a>
<!--<br>
<a href="http://localhost:3003/bower?{{id}}=https%3A//github.com/sjmiles/{{id}}.git">Bowager Install</a>-->
<div class="item">
<div class="inner">
<polymer-layout></polymer-layout>
<meta-archetype meta="{{}}"></meta-archetype>
<section flex>
<h4>{{id}}<a href="http://localhost:3003/bower?{{id}}=https%3A//github.com/sjmiles/{{id}}.git"><polymer-ui-icon icon="shortcut" style="margin: 0 0 8px 8px;"></polymer-ui-icon></a></h4>
<p>We don't have text descriptions in our metadata at this time, sorry. Maybe you would like to take a look at the <a href="{{id}}">test page</a>.</p>
<!-- <br>
<a href="http://localhost:3003/bower?{{id}}=https%3A//github.com/sjmiles/{{id}}.git">Bowager Install</a> -->
</section>
</div>
</div>
</template>
</template>
Expand Down
1 change: 1 addition & 0 deletions elements.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
<link rel="import" href="polymer-ui-overlay/polymer-ui-overlay.html">
<link rel="import" href="polymer-ui-pages/polymer-ui-pages.html">
<link rel="import" href="polymer-ui-ratings/polymer-ui-ratings.html">
<link rel="import" href="polymer-ui-scaffold/polymer-ui-scaffold.html">
<link rel="import" href="polymer-ui-sidebar/polymer-ui-sidebar.html">
<link rel="import" href="polymer-ui-sidebar-header/polymer-ui-sidebar-header.html">
<link rel="import" href="polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html">
Expand Down

0 comments on commit a5c90fd

Please sign in to comment.