Permalink
Browse files

add mark's changes

  • Loading branch information...
1 parent 30ebb6a commit 70e032761177c78aa1fede3345015f53d54358af Cody Fauser committed Nov 20, 2009
Showing with 129 additions and 819 deletions.
  1. +0 −64 public/contest.html
  2. BIN public/images/bg-activelink-header.gif
  3. BIN public/images/bg-banner.jpg
  4. BIN public/images/bg-body.jpg
  5. BIN public/images/bg-supportbanner.png
  6. BIN public/images/btn-download.png
  7. BIN public/images/corners/bl.png
  8. BIN public/images/corners/br.png
  9. BIN public/images/corners/gbl.png
  10. BIN public/images/corners/gbr.png
  11. BIN public/images/corners/gtl.png
  12. BIN public/images/corners/gtr.png
  13. BIN public/images/corners/tl.png
  14. BIN public/images/corners/tr.png
  15. BIN public/images/docs.gif
  16. BIN public/images/download.gif
  17. BIN public/images/hdr-tile-top.gif
  18. BIN public/images/hdr-tile-top.png
  19. BIN public/images/header-copy.png
  20. BIN public/images/heading-about.png
  21. BIN public/images/heading-documentation.png
  22. BIN public/images/heading-screencast.png
  23. BIN public/images/jp-symbol.gif
  24. BIN public/images/logo-2.png
  25. BIN public/images/logo.gif
  26. BIN public/images/logo.png
  27. BIN public/images/logo2.ai
  28. BIN public/images/logo3.png
  29. BIN public/images/media.gif
  30. BIN public/images/nano.jpg
  31. BIN public/images/notify.png
  32. BIN public/images/plan-free.gif
  33. BIN public/images/plan-premium.gif
  34. BIN public/images/register.gif
  35. BIN public/images/shlogo-large.png
  36. BIN public/images/shopify-logo.png
  37. BIN public/images/software.gif
  38. BIN public/images/ss-screenshot.png
  39. BIN public/images/supportlogo-header.gif
  40. BIN public/images/themes.gif
  41. BIN public/images/tile-ablue.gif
  42. BIN public/images/tile-blue.gif
  43. BIN public/images/tile-green.gif
  44. BIN public/images/tile.gif
  45. BIN public/images/top-box.gif
  46. BIN public/images/tour.gif
  47. BIN public/images/us.gif
  48. BIN public/images/vision-screen.gif
  49. BIN public/images/win-nano.gif
  50. BIN public/images/xlink.gif
  51. +46 −108 public/index.html
  52. +0 −36 public/ruby.html
  53. +66 −0 public/stylesheets/style.css
  54. +0 −567 public/stylesheets/vision.css
  55. +17 −44 public/update.html
View
@@ -1,64 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <meta name="keywords" content="e-commerce, shopping cart, shopping, ruby on rails, rails, shoppingcart, content management, selling goods, jaded pixel, software development" />
- <meta name="description" content="Jaded Pixel is a small Web 2.0 software company that is focused simplifying the complex world of e-commerce." />
-
- <link rel="stylesheet" href="stylesheets/vision.css" type="text/css" media="screen" />
- <title>Vision - Win a 1GB iPod Nano</title>
- <script src="http://shopify.com/mint/?js" type="text/javascript"></script>
- </head>
-
- <body>
- <!-- HEADER -->
- <div id="header">
- <h1 id="logo">Vision - Theme design toolkit</h1>
- <div id="nav" class="clear">
- <ul class="clear">
- <li id="first"><a href="/" title="Vision homepage">Home</a></li>
- <li><a href="http://blog.shopify.com" title="We talk about shopify here!">Our Blog</a></li>
- <li><a href="http://www.shopify.com" title="Shopify screenshots">Shopify</a></li>
- </ul>
- </div>
- </div>
- <!-- /HEADER -->
- <div id="container">
-<div id="highlight" class="clear" style="background:#000;margin-top:-5px;">
- <div id="hleft">
- <img src="images/nano.jpg" title="1GB iPod Nano" alt="1GB iPod Nano" />
- </div>
- <div id="hright">
- <h2 id="tagline" style="margin-top:80px;font-size:180%">
- Sorry the theme contest is now closed. Thanks to everyone who participated.&hellip;
- </h2>
- </div>
-</div>
-
-<div id="content">
-
- <div id="main">
- <div id="info">
-
- <h2 style="margin-top:0;">Will there be more contests?</h2>
- <p>We hope to make this contest a regular thing. We let you know on our <a href="http://blog.jadedpixel.com">blog</a> as soon as we made up our minds :)</p>
-
-
- </div>
- </div>
-
-</div>
-<div id="footer">
- <ul>
- <li id="first"><a href="/" title="Shopify homepage">Home</a></li>
- <li><a href="http://blog.shopify.com" title="We talk about shopify here!">Our Blog</a></li>
- <li><a href="http://www.shopify.com">Shopify</a></li>
- <li><a href="http://shopify.com/contact/">Contact us</a></li>
- </ul>
- Copyright &copy; 2006-2009 <a href="http://jadedpixel.com">JadedPixel</a>&trade;
-</div>
- </div>
- </body>
-</html>
-
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Deleted file not rendered
Deleted file not rendered
Deleted file not rendered
Deleted file not rendered
Deleted file not rendered
Deleted file not rendered
Deleted file not rendered
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
Deleted file not rendered
Deleted file not rendered
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Deleted file not rendered
View
Binary file not shown.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
Diff not rendered.
View
Diff not rendered.
Diff not rendered.
Diff not rendered.
View
Diff not rendered.
Diff not rendered.
Diff not rendered.
View
Diff not rendered.
Diff not rendered.
View
Diff not rendered.
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
Diff not rendered.
View
Diff not rendered.
View
Diff not rendered.
View
@@ -1,118 +1,56 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <meta name="keywords" content="e-commerce, shopping cart, shopping, ruby on rails, rails, shoppingcart, content management, selling goods, jaded pixel, software development" />
- <meta name="description" content="Jaded Pixel is a small Web 2.0 software company that is focused simplifying the complex world of e-commerce." />
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <link rel="stylesheet" href="stylesheets/vision.css" type="text/css" media="screen" />
- <title>Vision - A Designers toolkit for Shopify themes</title>
-
- <script src="http://shopify.com/mint/?js" type="text/javascript"></script>
- </head>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+ <title>Vision - Build Shopify Themes Offline</title>
+ <link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" title="no title" charset="utf-8" />
- <body>
- <!-- HEADER -->
- <div id="header">
- <h1 id="logo">Vision - Theme design toolkit</h1>
- <div id="nav" class="clear">
- <ul class="clear">
- <li id="first"><a href="/" title="Vision homepage">Home</a></li>
- <li><a href="http://blog.shopify.com" title="We talk about shopify here!">Our Blog</a></li>
- <li><a href="http://www.shopify.com" title="Shopify screenshots">Shopify</a></li>
- <li><a href="http://forums.shopify.com/community" title="Vision Community">Community</a></li>
- </ul>
- </div>
- </div>
- <!-- /HEADER -->
- <div id="container">
-<div id="highlight" class="clear">
- <div id="hleft">
- <a href="/media/vision.mov" title="Watch vision in action"><img src="images/vision-screen.gif" alt="Shopify screenshots" class="" /></a>
- </div>
- <div id="hright">
- <h2 id="tagline" style="margin-top:5px;">
- Design and package your own Shopify theme straight from your desktop&hellip;
- </h2>
- <ul>
- <li id ="download">
- <h3><a href="files/<%= @file_zip %>">Download it</a></h3>
- <p>Download Vision and get rolling. For those about to rock, we salute you.</p>
+</head>
+
+<body>
+ <div class="wrapper">
+ <div class="support-nav">
+ <div class="content">
+ <a href="http://www.shopify.com/support/"><img alt="Supportlogo-header" src="images/supportlogo-header.gif?1256837733" /></a>
<ul>
- <li>OSX 10.3 Panther users need to <a href="misc/Ruby-1.8.2.dmg" title="Install Ruby 1.8.2 for OSX 10.3 Panther">install ruby</a></small></li>
+ <li class="back-to-shopify"><a href="http://www.shopify.com">&lsaquo; back to shopify</a></li>
+ <li><a href="http://wiki.shopify.com/Main_Page" title="Main Page - Shopify Wiki">wiki</a></li>
+ <li><a href="http://forums.shopify.com/" title="Home">forums</a></li>
+ <li><a href="http://api.shopify.com/" title="Shopify API Documentation">developers</a></li>
+ <li class="last"><a href="http://support.myshopify.com/" title="Welcome - Shopify Support">support request</a></li>
</ul>
- </li>
- <li id ="docs">
- <h3><a href="http://wiki.shopify.com">Get better at it</a></h3>
- <p>
- Check out the extensive documentation and learn how you can design the coolest Shopify theme.
- </p>
- </li>
- <li id ="media">
- <h3><a href="/media/vision.mov">See it in action</a></h3>
- <p>
- Take a look at a sample video we put together on how to get up and running with Vision.
- </p>
- </li>
- </ul>
- </div>
-</div>
+ </div><!-- .content -->
+ </div><!-- .support-nav -->
+
+ <div class="header">
+ <h1><img src="images/header-copy.png" width="564" height="40" alt="vision Lets you build Shopify stores offline" /></h1>
+ <a class="download" href="files/<%= @file_zip %>" title=""><img src="images/btn-download.png" width="188" height="55" alt="Download button" /></a>
+ </div><!-- .header -->
-<div id="content">
+ </div><!-- .content -->
+ <div class="content">
+ <div class="col-4">
+ <h2><img src="images/heading-about.png" width="65" height="22" alt=" About" /></h2>
+ <p>Vision emulates a Shopify store so you can build your theme from your own computer</p>
+ <p>When you're done you can export your theme to a .zip and upload it to your Shopify store.</p>
+ </div><!-- .col-4 -->
- <div id="main">
- <div id="info">
-
- <h2 style="margin-top:10px;">What is Vision?</h2>
- <p>
- Vision is a stand-alone application that lets you create themes for Shopify stores on your local machine without having to
- setup a database or all that other geek stuff.
- </p>
-
-
- <h2>What do I need to run Vision?</h2>
- <p>Vision comes complete with everything needed to run straight out of the box. If you've got a text editor and a web browser installed, you are ready to roll.</p>
-
-
- <h2>Can you promote my themes?!</h2>
- <p>We are very committed to create an infrastructure for selling themes online and getting designers in touch with potential clients. Be one of the first and start your career as a Shopify Theme Designer now!</p>
+ <div class="col-4">
+ <h2><img src="images/heading-screencast.png" width="113" height="18" alt=" Screencast" /></h2>
+ <a href="http://www.youtube.com/watch?v=0Z81QuynXNQ" title="YouTube
+ - Installing Vision"><img src="images/ss-screenshot.png" width="284" height="133" alt="Ss Screenshot" /></a>
+ </div><!-- .col-4 -->
- </div>
- </div>
- <div style="margin-top:0;margin-bottom: 10px" id="sidebar" class="round">
- <div class="pad">
- <h4 style="margin-bottom:10px;">What others are saying</h4>
- <blockquote>
- <p>[Shopify] has the most extensible theming system I’ve ever seen on any web application</p>
- &mdash;<cite>Mike Rundle</cite>
- </blockquote>
- <blockquote>
- <p>This is the exact package I’ve been looking for&hellip;</p>
- &mdash;<cite>Andy Howard</cite>
- </blockquote>
- <blockquote>
- <p>Wow. Just… wow. I’m incredibly impressed.</p>
- &mdash;<cite>Benedict Eastaugh</cite>
- </blockquote>
- <blockquote>
- <p>I really believe that Shopify is going to take the world by storm.</p>
- &mdash;<cite>James Archer</cite>
- </blockquote>
- </div>
- </div>
+ <div class="col-4 last">
+ <h2><img src="images/heading-documentation.png" width="165" height="23" alt=" Documentation" /></h2>
+ <p>You can read an <a href="http://wiki.shopify.com/Vision" title="Vision - Shopify Wiki">overview of Vision</a> or <a href="http://wiki.shopify.com/GettingStartedWithVision" title="GettingStarted WithVision">how to get started</a>.</p>
+ <p> If you have trouble you can always search or post <a href="http://forums.shopify.com/" title="Shopify Community">in our forums</a></p>
+ </div><!-- .col-4 last -->
+ </div><!-- content -->
-</div>
-<div id="footer">
- <ul>
- <li id="first"><a href="/" title="Shopify homepage">Home</a></li>
- <li><a href="http://blog.shopify.com" title="We talk about shopify here!">Our Blog</a></li>
- <li><a href="http://www.shopify.com" title="Shopify homepage">Shopify</a></li>
- <li><a href="http://shopify.com/contact/">Contact us</a></li>
- </ul>
- Copyright &copy; 2006-2009 <a href="http://jadedpixel.com">JadedPixel</a>&trade;
-</div>
- </div>
- </body>
-</html>
+</div><!-- .wrapper -->
+</body>
+</html>
View
@@ -1,36 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
- <meta http-equiv="Content-Language" content="en-us" />
- <title>Where do i get ruby?</title>
- <link rel="stylesheet" href="stylesheets/vision.css" type="text/css" media="screen" title="Wizard" charset="utf-8" />
-
- <script src="http://shopify.com/mint/?js" type="text/javascript"></script>
- </head>
-
- <body>
-
- <div id="wizard">
- <h2>Getting ruby</h2>
- <p>The modest requirement for getting vision to run</p>
-
- <h3>Windows</h3>
- <p>Windows users get to use the fantastic <a href="http://rubyforge.org/frs/?group_id=167&release_id=4153">One Click Installer...</a></p>
-
- <h3>Linux</h3>
- <p>Check your package management system, on debian for example you run <code>apt-get install ruby</code></p>
-
- <h3>Mac OSX</h3>
- <p>OSX comes with ruby pre-installed, you are good to go</p>
-
- <p><a href="/">Back</a> to the vision page
- </div>
-
-</html>
-
-
-
-
-
@@ -0,0 +1,66 @@
+/* Don't mess up this style sheet or I will make IE5.5 your default browser */
+/* =============== */
+/* = General CSS = */
+/* =============== */
+* {margin:0; padding:0;}
+img { border:0px ;}
+
+html { background: #1b1b1b url('../images/bg-body.jpg') repeat-x;}
+body { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, serif; font-size:12.5px; color: #d4d4d4; background:url('../images/bg-banner.jpg') no-repeat center top ; min-height:655px; }
+
+h2 { margin-bottom:10px;}
+p { line-height:1.3em; margin-bottom:15px;}
+a { color:#fff; }
+a:hover { text-decoration:none; }
+
+ul { margin-bottom:20px; margin-left:20px;}
+
+/* ========== */
+/* = Layout = */
+/* ========== */
+.content, .header { width:925px; margin:auto;}
+.header { height:204px; margin-bottom:25px; padding-top:60px; }
+.header a.download { margin:15px 0 0 180px; display:block; outline:none; width:185px;}
+.header a.download:hover { opacity:0.8;}
+
+
+/* the grid */
+.col-1, .col-2, .col-3, .col-4, .col-4-5, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {margin-right:35px; float:left;}
+.col-12 { margin-right:0px;}
+
+.col-12 {width:925px;}
+.col-11 {width:845px;}
+.col-10 {width:765px;}
+.col-9 {width:685px;}
+.col-8 { width:605px;}
+.col-7 {width:525px;}
+.col-6 {width:445px;}
+.col-5 {width:365px;}
+.col-4-5 {width:307px;}
+.col-4 {width:285px;}
+.col-3 {width:205px;}
+.col-2 {width:125px;}
+.col-1 {width:45px;}
+
+.last {margin-right:0 !important;}
+
+
+/* ==================== */
+/* = Support Nav = */
+/* ==================== */
+/* Shopify support nav aka the only section of css that actually makes sense */
+.support-nav { padding:0 ;height: 53px; margin:0 0 40px 0; background: url('../images/bg-supportbanner.png') repeat-x ; width:100%; }
+.support-nav img { float:left; }
+.support-nav ul { margin:0px 0 0 0; padding:0; float:right; }
+.support-nav li { float:left; padding:19px 10px 20px 10px; list-style:none; line-height:15px; }
+.support-nav li a { color:#DDD; text-decoration:none; }
+.support-nav li a:hover { color:#72b700; text-decoration:underline; }
+.support-nav li.current { background:url('../images/bg-activelink-header.gif') repeat-x; }
+.support-nav li.current a { color:#FFF;}
+.support-nav li.current a:hover { color:#FFF; }
+.support-nav li.back-to-shopify a { padding-right: 24px; color:#999;}
+.support-nav li.back-to-shopify a:hover { color:#Fff;}
+
+/* ============ */
+/* = Lightbox = */
+/* ============ */
Oops, something went wrong.

0 comments on commit 70e0327

Please sign in to comment.