james-zedd

{% assign text_color = section.settings.text_color %}
{% assign overlay = section.settings.opacity | times: 0.01 %}

<div id="sliderContainer" class="slider-container" style="color:{{ text_color }};">
  {% for block in section.blocks %}
  <div class="hero-slide" style="background-image:url({{ block.settings.slide_bg | img_url: 'original' }});">
    <div class="page-width hero-slide-content">
      <h2>{{ block.settings.main_title }}</h2>
      <p style="color:{{ text_color }};">{{ block.settings.sub_title }}</p>
      <a style="color:{{ text_color }};border-color:{{ text_color }};" href="{{ block.settings.slide_url}}">{{ block.settings.slide_url_text }}</a>

james-zedd

{% comment %}
  * Make sure you have the Flickity plugin installed and the proper license for this to function on your store
  * Plugin, licensing and documentation at https://flickity.metafizzy.co/
{% endcomment %}

{% assign cell_align = section.settings.cell_align %}
{% assign wrap_around = section.settings.wrap_around %}
{% assign img_width = section.settings.img_width | append: 'x' %}

<div class="flickity-section-{{ section.id }} flickity-index-slider item" style="background-color: {{ section.settings.bg }}">

james-zedd

{% comment %}
  * Requires instafeed.js to function on your store
  * Files and documentation at http://instafeedjs.com/
{% endcomment %}

<div id="blog-insta-section">
  <div class="page-width">
    <div class="grid">
      <div class="grid__item large-up--three-tenths blog-carousel">
        <div id="main-carousel" data-flickity='{ "cellAlign": "left", "contain": true, "wrapAround": true, "pageDots": false }'>

james-zedd

{
    "explorer.compactFolders": false,
    "editor.wordWrap": "on",
    "editor.formatOnSave": true,
    "editor.detectIndentation": false,
    "editor.fontSize": 14,
    "debug.console.fontSize": 14,
    "markdown.preview.fontSize": 14,
    "terminal.integrated.fontSize": 14,
    "editor.defaultFormatter": "esbenp.prettier-vscode",

james-zedd

const USER_DATA_URL = 'https://jsonplaceholder.typicode.com/users';
const main          = document.getElementById('main');

async function init() {
  const fetchUsers = await fetch(USER_DATA_URL);
  const users      = await fetchUsers.json();
  
  users.forEach(user => {
    const fragment = userFragment(user);
    main.appendChild(fragment);

james-zedd

const axios = require('axios').default;

const URL = 'https://letsrevolutionizetesting.com/challenge.json';

function call(url) {
    return axios.get(url).then((res) => {
        return res.data;
    });
}

james-zedd

{% comment %}
  * Make sure you have the Flickity plugin installed and the proper license for this to function on your store
  * Plugin, licensing and documentation at https://flickity.metafizzy.co/
{% endcomment %}

{% assign cell_align = section.settings.cell_align %}
{% assign wrap_around = section.settings.wrap_around %}
{% assign img_width = section.settings.img_width | append: 'x' %}

<div class="flickity-section-{{ section.id }} flickity-index-slider product" style="background-color: {{ section.settings.bg }}">

james-zedd

{% comment %}
  * Make sure you have the Flickity plugin installed and the proper license for this to function on your store
  * Plugin, licensing and documentation at https://flickity.metafizzy.co/
{% endcomment %}

{% assign collection_main = collections[section.settings.collection_main] %}
{% assign collection_limit = section.settings.collection_limit %}

{% assign cell_align = section.settings.cell_align %}
{% assign wrap_around = section.settings.wrap_around %}