ajmalafif

// Framer X Utils.modulate equivalent

function modulate(value, rangeA, rangeB, limit = false) {
    const [fromLow, fromHigh] = rangeA;
    const [toLow, toHigh] = rangeB;
    const result = toLow + ((value - fromLow) / (fromHigh - fromLow)) * (toHigh - toLow);
    if (limit === true) {
        if (toLow < toHigh) {
            if (result < toLow) {
                return toLow;

ajmalafif

import React from 'react'
import PropTypes from 'prop-types'
import { kebabCase } from 'lodash'
import Helmet from 'react-helmet'
import { graphql, Link } from 'gatsby'
import tachyons from 'tachyons-components'
import Layout from '../components/Layout'
import Content, {HTMLContent} from '../components/Content'
import SEO from '../components/Seo'

ajmalafif

# Getting data from the CoinMarketCap API
coins = JSON.parse Utils.domLoadDataSync 'https://api.coinmarketcap.com/v1/ticker/'

# Create a Scroll componnent, that will wrap all coinRows
list = new ScrollComponent
	width: Screen.width
	height: Screen.height

# Set the backgrond color for the scroll content 
list.content.backgroundColor = '#FFFFFF'

ajmalafif

/** extracted page creation functionality into smaller functions **/ 

const path = require('path');

function createBlogPostsPages(result, createPage) {

  const blogPostTemplate = path.join(__dirname, `../src/templates/blog-post.js`);
  const blogPosts = result.data.blogs.edges;
  blogPosts.forEach((post, index) => {
    const previous = index === blogPosts.length - 1 ? null : blogPosts[index + 1].node;

ajmalafif

export const ExperiencePageQuery = graphql`
  query ExperiencePage($id: String!) {
    markdownRemark(id: { eq: $id }) {
      html
      frontmatter {
        title
        heading
        description
        intro {
          blurbs {

ajmalafif

{
  "name": "sqip-cache-tryout",
  "version": "1.0.0",
  "description": "",
  "main": "",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "stefan judis <stefanjudis@gmail.com>",

ajmalafif

Framer.Device.Devices["my-device"] =
	name: "My Device"
	deviceType: "mobile"
	deviceImage: "my-device.png"
	deviceImageWidth: 472
	deviceImageHeight: 806
	screenWidth: 320
	screenHeight: 400 

ajmalafif

import { createGlobalStyle } from 'styled-components'
import * as font from '../utils/font'
import React from 'react'
import PropTypes from 'prop-types'
import Helmet from 'react-helmet'
import { StaticQuery, graphql } from 'gatsby'
import Header from './header'

const GlobalStyle = createGlobalStyle`
  @font-face {

ajmalafif

https://prod.teamgantt.com/gantt/schedule/?ids=1353637#ids=1353637&user=&custom=&company=&hide_completed=false&date_filter=&color_filter= Feels very overwhelming. Doesn't click the first time. Stuck trying to zoom-in/out. Feels so many things but I only understand little things that I see.

ajmalafif

# Insomnia Configuration
## Run the test query
{
  shop {
    id
    name
  }
}

# Query Structure Examples