limitedrun-themekit 0.0.1

data/spec/assets/skeleton-theme/templates/404.html

@@ -0,0 +1,3 @@
+<h3>Page Not Found (404)</h3>
+
+<p>Sorry, we can't find the page you requested. Why not try our <a href="/">homepage</a> instead?</p>

data/spec/assets/skeleton-theme/templates/category.html

@@ -0,0 +1,37 @@
+<div id="product-grid">
+  {% paginate category.products by 30 %}
+    {% for product in category.products %}
+      <div class="product">
+        <a class="image" href="{{ product.url }}" style="{% if product.images.size > 0 %}background-image:url({{ product.images.first.v200_url }});{% endif %}">
+          &nbsp;
+        </a>
+        <a class="info" href="{{ product.url }}">
+          {{ product.name }} - 
+          
+          {% assign out_of_stock = true %}
+
+          {% if product.available? %}
+            {% for variation in product.variations %}
+              {% if variation.available? %}
+                {% assign out_of_stock = false %}
+              {% endif %}
+            {% endfor %}
+
+            {% if out_of_stock %}
+              Out of Stock
+            {% else %}
+              {{ product.price_range | money | join: ' - ' }}
+            {% endif %}
+
+          {% elsif product.announced? %}
+            Coming Soon
+          {% elsif product.unavailable? %}
+            Unavailable
+          {% endif %}
+        </a>
+      </div>
+    {% endfor %}
+
+    {{ category.products_pagination }}
+  {% endpaginate %}
+</div>

data/spec/assets/skeleton-theme/templates/contact.html

@@ -0,0 +1,62 @@
+<div id="contact">
+  <h2>{{ store.mailbox.title }}</h2>
+
+  {% comment %}
+    The below if / elsif is important to show the user whether their
+    message was successfully received or if there were any errors.
+  {% endcomment %}
+  
+  {% if message.received %}
+    <p>Thanks, we've received your message!</p>
+  {% elsif message.errors %}
+    <p>There was a problem sending that message.</p>
+  
+    <ul>
+      {% for error in message.errors %}
+        <li>{{ error }}.</li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+  
+  {% contact_form %}
+    {% comment %}
+      The contact_form tag has three required fields:
+        * message[name]
+        * message[email]
+        * message[body]
+  
+      There is also an option field that you can add:
+        * message[subject]
+    {% endcomment %}
+  
+    <p>
+      <label>What's your name?</label><br/>
+      <input type="text" name="message[name]" value="{{ message.name }}"/>
+    </p>
+  
+    <p>
+      <label>What's your email address?</label><br/>
+      <input type="text" name="message[email]" value="{{ message.email }}"/>
+    </p>
+  
+    <p>
+      <textarea name="message[body]">{{ message.body }}</textarea>
+    </p>
+  
+    {% comment %}
+      The below captcha tag is required for this contact form.
+  
+      The follow themes are available:
+        * red
+        * white
+        * blackglass
+        * clean
+    {% endcomment %}
+  
+    {% captcha clean %}
+  
+    <p>
+      <button type="submit">Send Message</button>
+    </p>
+  {% endcontact_form %}
+</div>

data/spec/assets/skeleton-theme/templates/event.html

@@ -0,0 +1,121 @@
+<div id="product">
+  <h2>
+    {{ event.name }}
+  
+    {% if event.starts_at %}
+      <br/>
+      <small>
+        {{ event.starts_at | date: "%b" }} {{ event.starts_at | date: "%d" | ordinalize }}, {{ event.starts_at | date: "%Y" }}
+        @ {{ event.starts_at | date: "%I:%M %p" }}
+      </small>
+    {% endif %}
+  </h2>
+
+  <ul id="images">
+    {% for image in event.images %}
+      <li>
+        <a href="{{ image.url }}" target="_blank">
+          {% if forloop.first %}
+            {{ event.images.first.v200_url | img_tag: 'thumbnail' }}
+          {% else %}
+            {{ image.v075_url | img_tag: 'thumbnail' }}
+          {% endif %}
+        </a>
+      </li>
+    {% endfor %}
+  </ul>
+
+  <div id="body">
+    {% if event.venue %}
+      {% if config['embed_google_maps_on_event_pages'] %}
+        <iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="{{ event.venue.maps_url }}&iwloc=near&output=embed"></iframe>
+        
+        <br/><br/>
+      {% endif %}
+      
+      <p>
+        <strong>{{ event.venue.name }}</strong> (<a href="{{ event.venue.maps_url }}" target="_blank">Map</a>)<br/>
+        {{ event.venue.street_address_1 }}<br/>
+        {% if event.venue.street_address_2 != '' %}
+          {{ event.venue.street_address_2 }}<br/>
+        {% endif %}
+        {{ event.venue.city }},
+        {{ event.venue.state }}
+        {{ event.venue.postal_code }}<br/>
+        {{ event.venue.country }}
+      </p>
+
+    {% endif %}
+
+    {% if event.soundcloud_playlist_id %}
+      <div id="soundcloud">
+        <iframe width="100%" height="300" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F{{ event.soundcloud_playlist_id }}&show_artwork=false&show_play_count=false&color={{ config['soundcloud_player_color'] | replace:'#','' }}"></iframe>
+      </div>
+    {% endif %}
+
+    <div id="description">
+      {{ event.description | simple_format }}
+    </div>
+
+    <div id="variations">
+      {% if event.available? %}
+        <p>
+          <select id="cart_variation_id">
+            {% unless config['supress_select_option'] and event.variations.size == 1 %}
+              <option>Select...</option>
+            {% endunless %}
+            {% for variation in event.variations %}
+              {% if variation.available? %}
+                <option value="{{ variation.id }}">{{ variation.name }} - {{ variation.price | money }}</option>
+              {% else %}
+                <option disabled="disabled">{{ variation.name }} - {{ variation.price | money }} (Out of Stock)</option>
+              {% endif %}
+            {% endfor %}
+          </select>
+  
+          <button class="btn" onclick="javascript:Store.cart.add(document.getElementById('cart_variation_id').options[document.getElementById('cart_variation_id').selectedIndex].value);return false;">Add to Cart</button>
+        </p>
+      {% elsif event.announced? %}
+        <p>Tickets are coming soon.<p>
+      {% elsif event.unavailable? %}
+        <p>Tickets aren't currently available.<p>
+      {% elsif event.unlisted? %}
+        <p>This show isn't listed. That means it isn't visible to your customers.<p>
+      {% endif %}
+    </div>
+
+    {% if config['display_tweet_button'] or config['display_like_button'] %}
+      <ul id="social">
+        {% if config['display_tweet_button'] %}
+          <li>
+            <a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ event.name | escape }} at {{ store.name | escape }}" data-count="none">Tweet</a>
+            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+          </li>
+        {% endif %}
+        {% if config['display_like_button'] %}
+          <li>
+            <iframe src="//www.facebook.com/plugins/like.php?href={{ store.url }}{{ event.url }}&send=false&layout=button_count&width=52&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:52px; height:35px;" allowTransparency="true"></iframe>
+          </li>
+        {% endif %}
+      </ul>
+    {% endif %}
+  </div>
+
+  <div class="clearfix"></div>
+</div>
+
+{% if event.eligible_for_availability_notices? %}
+  <div id="availability-request" onclick="javascript:Store.requestNotification('Event', {{ event.id }});">
+    {% if event.announced? %}
+      Want an email when this<br/>
+      becomes available?
+    {% else %}
+      Looking for something<br/>
+      that's out of stock?
+    {% endif %}
+  </div>
+
+  <script type="text/javascript">
+    window.setTimeout(function() {document.getElementById('availability-request').setAttribute('class', 'reveal');}, 1000);
+  </script>
+{% endif %}

data/spec/assets/skeleton-theme/templates/events.html

@@ -0,0 +1,43 @@
+<div id="product-grid">
+  {% paginate store.events by 30 %}
+    {% for event in store.events %}
+      <div class="product">
+        <a class="image" href="{{ event.url }}" style="{% if event.images.size > 0 %}background-image:url({{ event.images.first.v200_url }});{% endif %}">
+          &nbsp;
+        </a>
+        <a class="info" href="{{ event.url }}">
+          {% if event.starts_at %}
+            {{ event.starts_at | date: "%b" }} {{ event.starts_at | date: "%d" | ordinalize }} -
+          {% else %}
+            TBA -
+          {% endif %}
+          
+          {{ event.name }} - 
+          
+          {% assign out_of_stock = true %}
+
+          {% if event.available? %}
+            {% for variation in event.variations %}
+              {% if variation.available? %}
+                {% assign out_of_stock = false %}
+              {% endif %}
+            {% endfor %}
+
+            {% if out_of_stock %}
+              Sold Out
+            {% else %}
+              {{ event.price_range | money | join: ' - ' }}
+            {% endif %}
+
+          {% elsif event.announced? %}
+            Coming Soon
+          {% elsif event.unavailable? %}
+            Unavailable
+          {% endif %}
+        </a>
+      </div>
+    {% endfor %}
+
+    {{ store.events_pagination }}
+  {% endpaginate %}
+</div>

data/spec/assets/skeleton-theme/templates/gallery.html

@@ -0,0 +1,13 @@
+{% paginate gallery.items by 30 %}
+  <div id="gallery">
+    {% for item in gallery.items %}
+      <div class="gallery-item">
+        <a href="{{ item.url }}"  style="background-image:url({{ item.v200_url }});">
+          &nbsp;
+        </a>
+      </div>
+    {% endfor %}
+  </div>
+
+  {{ gallery.items_pagination }}
+{% endpaginate %}

data/spec/assets/skeleton-theme/templates/history.html

@@ -0,0 +1,58 @@
+<div id="history">
+  {% paginate history.items by 25 %}
+    {% for item in history.items %}
+      <div class="history-item">
+        <ul id="images">
+          {% for image in item.images %}
+            <li>
+              <a href="{{ image.url }}" target="_blank">
+                {% if forloop.first %}
+                  {{ item.images.first.v200_url | img_tag: 'thumbnail' }}
+                {% else %}
+                  {{ image.v075_url | img_tag: 'thumbnail' }}
+                {% endif %}
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      
+        <div id="body">
+          <h2>{{ item.name }}</h2>
+
+          <div id="release-information">
+            {% comment %}
+              The item.release_information attribute combines three attributes 
+              into an array that can be passed to the join filter:
+                * item.released_on
+                * item.released_by
+                * item.catalog_number
+
+              You can use each of the above three separate attributes rather 
+              than the single release_information attribute.
+            {% endcomment %}
+
+            {{ item.release_information | join: ' &middot; ' }}
+          </div>
+
+          <div id="description">
+            {{ item.description | simple_format }}
+          </div>
+          
+          <ul>
+            {% for link in item.links %}
+              <li><a href="{{ link.url }}">{{ link.name }}</a></li>
+            {% endfor %}
+          </ul>
+        </div>
+
+        <div class="clearfix"></div>
+      </div>
+    {% endfor %}
+
+    <div class="clearfix"></div>
+
+    {{ history.items_pagination }}
+
+    <div class="clearfix"></div>
+  {% endpaginate %}
+</div>

data/spec/assets/skeleton-theme/templates/index.html

@@ -0,0 +1,37 @@
+<div id="product-grid">
+  {% paginate store.products by 30 %}
+    {% for product in store.products %}
+      <div class="product">
+        <a class="image" href="{{ product.url }}" style="{% if product.images.size > 0 %}background-image:url({{ product.images.first.v200_url }});{% endif %}">
+          &nbsp;
+        </a>
+        <a class="info" href="{{ product.url }}">
+          {{ product.name }} - 
+          
+          {% assign out_of_stock = true %}
+
+          {% if product.available? %}
+            {% for variation in product.variations %}
+              {% if variation.available? %}
+                {% assign out_of_stock = false %}
+              {% endif %}
+            {% endfor %}
+
+            {% if out_of_stock %}
+              Out of Stock
+            {% else %}
+              {{ product.price_range | money | join: ' - ' }}
+            {% endif %}
+
+          {% elsif product.announced? %}
+            Coming Soon
+          {% elsif product.unavailable? %}
+            Unavailable
+          {% endif %}
+        </a>
+      </div>
+    {% endfor %}
+
+    {{ store.products_pagination }}
+  {% endpaginate %}
+</div>

data/spec/assets/skeleton-theme/templates/maintenance.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Maintenance</title>
+
+  <style type="text/css" media="screen">
+    body {
+      background-color: {{ config['background_color'] }};
+      color: {{ config['background_font_color'] }};
+      padding: 25px;
+    }
+
+    div {
+      margin: 115px 0;
+    }
+
+    h1, h2 {
+      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+      font-weight: 200;
+      text-align: center;
+    }
+  </style>
+</head>
+<body>
+  <div>
+    <h1>Sorry, we aren't open for business.</h1>
+    <h2>Please come back soon.</h2>
+  </div>
+</body>
+</html>

data/spec/assets/skeleton-theme/templates/news-item.html

@@ -0,0 +1,27 @@
+<div id="news">
+  <article>
+    <header>{{ item | link_to_news_item }}</header>
+    <section>
+      {{ item.body }}
+    </section>
+    <footer>
+      Posted on {{ item.published_at | date: "%B" }} {{ item.published_at | date: "%d" | ordinalize }}, {{ item.published_at | date: "%Y" }}
+      
+      {% if config['display_news_tweet_button'] or config['display_news_like_button'] %}
+        <ul class="social">
+          {% if config['display_news_tweet_button'] %}
+            <li>
+              <a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ item.title | escape }} at {{ store.name | escape }}" data-url="{{ store.url }}{{ item.url }}" data-count="none">Tweet</a>
+              <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+            </li>
+          {% endif %}
+          {% if config['display_news_like_button'] %}
+            <li>
+              <iframe src="//www.facebook.com/plugins/like.php?href={{ store.url }}{{ item.url }}&send=false&layout=button_count&width=52&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:52px; height:35px;" allowTransparency="true"></iframe>
+            </li>
+          {% endif %}
+        </ul>
+      {% endif %}
+    </footer>
+  </article>
+</div>

data/spec/assets/skeleton-theme/templates/news.html

@@ -0,0 +1,37 @@
+<div id="news">
+  {% paginate news.items by 5 %}
+    {% for item in news.items %}
+      <article>
+        <header>{{ item | link_to_news_item }}</header>
+        <section>
+          {{ item.body }}
+        </section>
+        <footer>
+          Posted on {{ item.published_at | date: "%B" }} {{ item.published_at | date: "%d" | ordinalize }}, {{ item.published_at | date: "%Y" }}
+          
+          {% if config['display_news_tweet_button'] or config['display_news_like_button'] %}
+            <ul class="social">
+              {% if config['display_news_tweet_button'] %}
+                <li>
+                  <a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ item.title | escape }} at {{ store.name | escape }}" data-url="{{ store.url }}{{ item.url }}" data-count="none">Tweet</a>
+                  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                </li>
+              {% endif %}
+              {% if config['display_news_like_button'] %}
+                <li>
+                  <iframe src="//www.facebook.com/plugins/like.php?href={{ store.url }}{{ item.url }}&send=false&layout=button_count&width=52&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:52px; height:35px;" allowTransparency="true"></iframe>
+                </li>
+              {% endif %}
+            </ul>
+          {% endif %}
+        </footer>
+      </article>
+    {% endfor %}
+    
+    <div class="clearfix"></div>
+    
+    {{ news.items_pagination }}
+
+    <div class="clearfix"></div>
+  {% endpaginate %}
+</div>