artemartemov

Keybase proof

I hereby claim:

• I am artemartemov on github.
• I am artemartemov (https://keybase.io/artemartemov) on keybase.
• I have a public key ASAzhbTicwHDhB54Tda-cMT1Y6tfVthfUM2boZsKmWq4eAo

To claim this, I am signing this object:

artemartemov

faCSST - Entire Presentation

Base64 increases critical rendering in your path

Notes:

After gzip Mixins and repetition are much smaller

Notes:

artemartemov

1. make a global .gitignore file somewhere

echo .DS_Store >> ~/.gitignore_global

2. tell git to use it for all repositories

git config --global core.excludesfile ~/.gitignore_global

artemartemov

const IndexPage = ({ data, errors }) => {
  // showSlides({ imageBgNodes });
  if (errors) {
    return (
      <Layout>
        <GraphQLErrorList errors={errors} />
      </Layout>
    );
  }

artemartemov

These are my workflow settings. Most information is included in here. If you run into any trouble setting this up, please ping me directly!

---

• Make sure you are running on node version v10.16 and npm version 6.9
• You can check to see if you are by pasting into your terminal

node -v && npm -v

---

artemartemov

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import Img from 'gatsby-image';
import styled from 'styled-components';

const SlideContainer = styled.div`
  transition: opacity 2s ease-in-out;
  /* Sets the gatby image wrapper to be viewport height */
  & .gatsby-image-wrapper {
    height: 100vh;

artemartemov

// My indexPage.js schema is where I am including the slider -- 
export default {
  name: 'indexPage',
  type: 'document',
  title: 'Homepage',
  __experimental_actions: [/* 'create', */ 'update' /* 'delete', */, 'publish'],
  fields: [
    {
      type: 'array',
      name: 'bgImages',

artemartemov

// loader component
import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import styled, { keyframes } from 'styled-components';
import LoadingIcon from 'react-feather/dist/icons/loader';

const spin = keyframes`
	to {
		transform: rotate(360deg);
	}

artemartemov

:root {
    --srf-color-primary: rgba(20, 20, 20, 0.6);
    --srf-color-selection: #9DACDE60;
    --srf-color-urlbar: rgba(20, 20, 20, 0.8);
}

/*
G E N E R A L
*/