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
<! - [if (gt IE 9)|!(IE)]><! →<script src="{{ 'app.js' | asset_url }}" defer="defer" async></script><! - <![endif] → | |
<! - [if lte IE 9]><script src="{{ 'app.js' | asset_url }}"></script><![endif] → |
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
{% include 'responsive-image' | |
with image: featured_image, | |
image_class: "css-class", | |
wrapper_class: "wrapper-css-class", | |
max_width: 700, | |
max_height: 800 %} |
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
<div class="lazyload" data-bgset="{% include 'bgset', image: article.image %}"></div> |
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
<style> | |
@font-face { | |
font-family: 'Montserrat'; Replace Montserrat with your web font name | |
font-style: normal; | |
font-weight: 400; Replace it with your font weight and you'll find it google web font helper | |
font-display: swap; Don't Change it | |
src: local('Montserrat'), local('Montserrat-Regular'), Replace Montserrat with your web font name | |
url(https://cdn.shopify.com/s/files/1/0077/8295/7119/files/montserrat-v12-latin-regular.woff2) format('woff2'), Replace Link with web font file url specific for this font weight and with woff2 file type ( admin > settings > files ) | |
url(https://cdn.shopify.com/s/files/1/0077/8295/7119/files/montserrat-v12-latin-regular.woff) format('woff'); Replace Link with web font file url specific for this font weight and with woff file type ( admin > settings > files ) | |
} |
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
Accepts: | |
- max_width: {Number} Max width of the image container | |
- max_height: {Number} Max height of the image container | |
- image: {Object} Image object | |
- image_class: {String} class name of the <img /> | |
- image_attributes: {String} additional HTML attributes of the <img /> | |
- wrapper_class: {String} class name of the <div> wrapper | |
- wrapper_attributes: {String} additional HTML attributes of the <div> wrapper | |
Usage: |
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
Accepts: | |
- image: {Object} Image object | |
Usage: | |
In your liquid template file, copy the following line | |
<div class="lazyload" data-bgset="{% include 'responsive-bg-image', image: article.image %}"></div> |
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
query { | |
strapiProducts(slug: { eq: ""}) { | |
title | |
description | |
images { | |
localFile { | |
childImageSharp { | |
fixed(height: 100, width: 100, quality: 100) { | |
...GatsbyImageSharpFixed |
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
{ | |
resolve: 'gatsby-source-google-sheets', | |
options: { | |
spreadsheetId: 'get this from the sheet url', worksheetTitle: 'ie the name in the worksheet tab', credentials: require('./secret.json') | |
} | |
} |
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 { createRemoteFileNode } = require("gatsby-source-filesystem") | |
exports.onCreateNode = async ({ | |
node, | |
actions, | |
store, | |
cache, | |
createNodeId, | |
}) => { | |
const { createNode } = actions | |
if (node.internal.type === "googleSheetSheet1Row") { |
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
import React, { useState, useEffect } from "react" | |
import { Link } from "gatsby" | |
import Layout from "../components/layout" | |
import SEO from "../components/seo" | |
import Img from "gatsby-image" | |
const IndexPage = ({ data }) => { | |
const [posts, setPosts] = useState([]) | |
useEffect(() => { | |
setPosts(data.allGoogleSheetSheet1Row.nodes) | |
}, []) |
OlderNewer