nikolaswise

const channels = {
  z: {
    channel: 'z',
    description: 'Getting nothing but static, getting nothing but static / Static in my attic from Channel Z',
    emits: 'Space Junk',
    listeners: []
  }
}

const check = channel => typeof channels[channel] == 'object'

nikolaswise

Shopify Technical Platform Notes

What Shopify Does

• Inventory Management
• Credit Card processing
• Order & Shipping tracking
• Creation of basic content types:
  • Collections
  • Products
  • Product Variants

nikolaswise

Typography

• Full list of type families & faces
• Full list of font sizes & line heights used

Layout

• Max width of constrained layout

If using a grid system:

nikolaswise

<!-- html -->
<figure class="multiply-image lead-1 ns-lead-0">
  <img class="multiply-image-source" src="{{section.settings.about_image | img_url: '900x' }}" alt="{{section.settings.about_caption}}">
  <img class="multiply-image-copy" src="{{section.settings.about_image | img_url: '900x' }}" alt="{{section.settings.about_caption}}">
  <caption class="txt-gray multiply">{{section.settings.about_caption}}</caption>
</figure>

<!-- css -->

.multiply-image {

nikolaswise

// TOGS????

<section class="js-toggle-group">
  <nav>
    <button
      data-toggle="one"
      class="js-toggle-link">
      One
    </button>
    <button

nikolaswise

export const $ = (selector, context = document) => Array(...context.querySelectorAll(selector))

export const isEven = n => n === 0 || !!(n && !(n%2));

export const isInViewport = (el)=> {
    var rect = el.getBoundingClientRect();
    return (
      rect.top >= 0 &&
      rect.left >= 0 &&
      rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */

nikolaswise

import $ from 'jquery'
import {bus} from '../helpers/bus.js'
import * as template from '../templates/cart.js'

const render = (cart = window.Cart.cart, item) => {
  template.confirm(item)
  template.count(cart.item_count)
  template.items(cart.items)
  template.totals(cart.total_price)
  bus.emit('cart:bind')

nikolaswise

const item = item => `
  <div class="cart-item">
    <a href="#" class="cart-icon-remove js-remove-from-cart"
       data-remove="${item.id}">
       <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" class="icon icon-close"><path fill="#444" d="M15.89 14.696l-4.734-4.734 4.717-4.717c.4-.4.37-1.085-.03-1.485s-1.085-.43-1.485-.03L9.641 8.447 4.97 3.776c-.4-.4-1.085-.37-1.485.03s-.43 1.085-.03 1.485l4.671 4.671-4.688 4.688c-.4.4-.37 1.085.03 1.485s1.085.43 1.485.03l4.688-4.687 4.734 4.734c.4.4 1.085.37 1.485-.03s.43-1.085.03-1.485z"/></svg>
    </a>
    <img class="cart-preview" src="${item.image}" alt="${item.product_title}" />
    <div class="cart-item-description">
      <p>${item.product_title}</p>
      <p>

nikolaswise

7014D0000002J0WQAU
background-image: url('/map/Fish_Pin_Blue.png');

701F0000000B9oQIAS
background-image: url('./map/School_Pin_Blue.png');

701F0000000AmZrIAK
background-image: url('./map/Crane_Pin_Blue.png');

7010G000000vtMkQAI

nikolaswise

| CMS        | Link                        | Cloud |  Price |
| ---------- | --------------------------- | ----- | ------ |
| Contentful | https://www.contentful.com/ | Yes   |  39$/m |
| Cockpit    | https://getcockpit.com/     | No    |     $0 |
| Directus   | https://docs.directus.io    | No    |     $0 |
| Photon     | https://photoncms.com/      | No    |   $300 | 
| Ghost      | https://docs.ghost.org/     | No    |     $0 | 
| Strapi     | https://strapi.io/          | No    |     $0 | 
| Wordpress | https://wordpress.org/ | No | $0 |