Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Adding the files I forgot to add because I suck at git.

  • Loading branch information...
commit 57f9d88141a281b97363e4a07fda8823ec0487d8 1 parent 83b95e2
@dan-menard dan-menard authored
View
0  ShopSimilar/README
No changes.
View
90 ShopSimilar/shopSimilar.css
@@ -0,0 +1,90 @@
+html, body {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ text-align: center;
+ background-color: #000000;
+}
+
+.tlc {
+ width: 80%;
+ min-width: 900px;
+ margin: 0 auto;
+
+ background-color: #FFFFFF;
+}
+
+h1 {
+ padding-top: 5px;
+ padding-bottom: 5px;
+
+ font-family: "Lucidia Sans Unicode" "Lucidia Grande" sans-serif;
+ font-size: 50px;
+ font-style: oblique;
+ font-weight: normal;
+}
+
+div.swatchPanel {
+ float: left;
+ margin-left: 50px;
+
+ text-align: left;
+}
+
+div.swatchPanel + canvas + div.swatchPanel {
+ float: right;
+ margin-right: 50px;
+ margin-left: 0;
+
+ text-align: right;
+}
+
+div.swatch {
+ width: 100px;
+ height: 100px;
+
+ margin-bottom: 20px;
+
+ border: 2px solid #000000;
+}
+
+canvas {
+ display: inline-block;
+
+ width: 600px;
+ height: 400px;
+
+ border: 2px solid #000000;
+}
+
+div#userImageFooter {
+ clear: both;
+}
+
+div#productArea {
+ padding-top: 50px;
+ text-align: left;
+}
+
+div#productList {
+ text-align: center;
+}
+
+div.productWrapper {
+ width: 150px;
+ display: inline-block;
+}
+
+img.productImage {
+ width: 100px;
+ height: 150px;
+ background-color: #000000;
+}
+
+/* temp colour fills, get rid of these */
+div.swatch { background-color: #ff0; }
+div.swatch + div.swatch { background-color: #f0f; }
+div.swatch + div.swatch + div.swatch { background-color: #0ff; }
View
93 ShopSimilar/shopSimilar.html
@@ -0,0 +1,93 @@
+<html>
+ <head>
+ <title>Shop Similar</title>
+
+ <link type="text/css" rel="stylesheet" href="shopSimilar.css" />
+ </head>
+
+ <body>
+ <h1 class="tlc">ShopSimilar</h1>
+
+ <div id="userImageArea" class="tlc">
+ <div class="swatchPanel">
+ <div class="swatch"></div>
+ <div class="swatch"></div>
+ <div class="swatch"></div>
+ </div>
+
+ <canvas id="userImage"></canvas>
+
+ <div class="swatchPanel">
+ <div class="swatch"></div>
+ <div class="swatch"></div>
+ <div class="swatch"></div>
+ </div>
+
+ <div id="userImageFooter"></div>
+ </div>
+
+ <div id="productArea" class="tlc">
+ <div id="productList">
+ <div class="productWrapper">
+ <img class="productImage" alt="" />
+
+ <p class="descriptiion">Some product!</p>
+ </div>
+
+ <div class="productWrapper">
+ <img class="productImage" alt="" />
+
+ <p class="descriptiion">Some product!</p>
+ </div>
+
+ <div class="productWrapper">
+ <img class="productImage" alt="" />
+
+ <p class="descriptiion">Some product!</p>
+ </div>
+
+ <div class="productWrapper">
+ <img class="productImage" alt="" />
+
+ <p class="descriptiion">Some product!</p>
+ </div>
+
+ <div class="productWrapper">
+ <img class="productImage" alt="" />
+
+ <p class="descriptiion">Some product!</p>
+ </div>
+
+ <div class="productWrapper">
+ <img class="productImage" alt="" />
+
+ <p class="descriptiion">Some product!</p>
+ </div>
+
+ <div class="productWrapper">
+ <img class="productImage" alt="" />
+
+ <p class="descriptiion">Some product!</p>
+ </div>
+
+ <div class="productWrapper">
+ <img class="productImage" alt="" />
+
+ <p class="descriptiion">Some product!</p>
+ </div>
+
+ <div class="productWrapper">
+ <img class="productImage" alt="" />
+
+ <p class="descriptiion">Some product!</p>
+ </div>
+
+ <div class="productWrapper">
+ <img class="productImage" alt="" />
+
+ <p class="descriptiion">Some product!</p>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
Please sign in to comment.
Something went wrong with that request. Please try again.