Skip to content

Instantly share code, notes, and snippets.

const articles = [
{
id: "1",
date: "01-01-2020",
headline: "Lorem ipsum dolor sit amet apem edit",
category: "Lifestyle",
snippet:
"Cras a erat a quam efficitur vestibulum. Nulla in nisl semper, condimentum ex quis, semper elit.",
image:
"https://images.unsplash.com/photo-1579541707963-368970b955b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80",
.border {
background-image: linear-gradient(110deg, rgb(137, 84, 168) 0px, rgb(102, 51, 153) 25%, rgb(188, 2, 127) 50%, rgb(255, 223, 55) 75%, rgb(5, 247, 244) 100%);
}
import React from "react"
import { Link, graphql } from "gatsby"
import Bio from "../components/bio"
import Layout from "../components/layout"
import SEO from "../components/seo"
import { rhythm, scale } from "../utils/typography"
interface Props {
data: {
import React from "react"
import { Link, graphql } from "gatsby"
import Bio from "../components/bio"
import Layout from "../components/layout"
import SEO from "../components/seo"
import { rhythm } from "../utils/typography"
interface Props {
data: {
import React from "react"
import { graphql } from "gatsby"
import Layout from "../components/layout"
import SEO from "../components/seo"
interface Props {
data: {
site: {
siteMetadata: {
/**
* SEO component that queries for data with
* Gatsby's useStaticQuery React hook
*
* See: https://www.gatsbyjs.org/docs/use-static-query/
*/
import React from "react"
import Helmet from "react-helmet"
import { useStaticQuery, graphql } from "gatsby"
import React from "react"
import { Link } from "gatsby"
import { rhythm, scale } from "../utils/typography"
interface Props {
location: Location
title: string
children?: any
}
.table {
display: table;
min-width: 100%;
&--no--before {
padding: 0 !important;
&::before {
display: none !important;
}
&::after {
display: none !important;
<div class="table table--padded">
<!-- Table Head -->
<div class="table__section table__section--head">
<!-- table row -->
<div class="table__row">
<!-- table header -->
<div class="table__header">Full Name</div>
<!-- table header -->
<div class="table__header">Email Address</div>
<!-- table header -->
<?xml version="1.0" encoding="utf-8" ?>
<configuration>
<system.webServer>
<staticContent>
<remove fileExtension=".mp4" />
<mimeMap fileExtension=".mp4" mimeType="video/mp4" />
<clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00" />
</staticContent>
<rewrite>
<rules>