This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% 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 }}"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% 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 %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% 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 }}"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% 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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% 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 }'> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"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", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const axios = require('axios').default; | |
const URL = 'https://letsrevolutionizetesting.com/challenge.json'; | |
function call(url) { | |
return axios.get(url).then((res) => { | |
return res.data; | |
}); | |
} |