cameroncowden

<style type="text/css">
	.stats {
		color: white;
		text-align: right;
		
	}
	.stat-unit {
		margin-bottom: 24px;
	}
	.amount {

cameroncowden

/* Courtesy of @AllThingsSmitty "sharing is caring" https://twitter.com/AllThingsSmitty/status/930617039085035520 */
/* highlights any images on the page without alt text or with empty alt text */
/* note - sometimes empty alt text is correct: https://www.w3.org/WAI/tutorials/images/decorative/ */
img[alt=""], img:not([alt]) {
	border: red 5px solid;
}

cameroncowden

./ffmpeg -y -i input.mov -c:v libx264 -crf 30 -profile:v high -pix_fmt yuv420p -color_primaries 1 -color_trc 1 -colorspace 1 -movflags +faststart -an output.mp4

cameroncowden

<!-- the collection handle we are pulling from is 'new'--->
{% assign collection = collections['new'] %}

{% for product in collection.products | limit: 4 %}
  <!-- the 'product-block' is specific to your theme, it is html for a grid item of a product, could be called product-grid-item, grid-product, etc --->
  {% render 'product-block', product: product %}
  <!-- product --->
{% endfor %}

cameroncowden

<style type="text/css">
  {% if section.settings.desktop %}
    /* This section will show on desktop as well */
  {% else %}
    @media screen and (min-width: 750px) {
      #shopify-section-{{section.id}} {
        display: none;
      }
    }
  {% endif %}