Skip to content

Instantly share code, notes, and snippets.

View brionmario's full-sized avatar
🕯️
Candle light coding

Brion Mario brionmario

🕯️
Candle light coding
51 followers · 5 following
View GitHub Profile
@brionmario
brionmario / config.yml
Created July 24, 2022 11:51
[Blog][configs.footer] Branding on Steroids
footer:
border: #333333
font_color: #9b9b9b
@brionmario
brionmario / config.yml
Last active July 24, 2022 11:51
[Blog][configs.page] Branding on Steroids
page:
background: #190827
font_color: #ffffff
@brionmario
brionmario / config.yml
Created July 24, 2022 11:39
[Blog][configs.colors] Branding on Steroids
colors:
primary: #673ab7
secondary: #ff8139
@brionmario
brionmario / config.yml
Created July 24, 2022 11:21
[Blog][configs.images] Branding on Steroids
images:
logo:
alt: Drogo Logo
url: https://drogo-nft-demo.web.app/images/dragon-face-85x.svg
favicon:
url: https://drogo-nft-demo.web.app/favicon.ico
@brionmario
brionmario / config.yml
Last active July 24, 2022 12:59
[Blog][configs] Branding on Steroids
general:
site_title: Drogo | Login
copyright: © Drogo 2022. All Rights Reserved.
contact: support@drogo.io
images:
logo:
alt: Drogo Logo
url: https://drogo-nft-demo.web.app/images/dragon-face-85x.svg
favicon:
url: https://drogo-nft-demo.web.app/favicon.ico
@brionmario
brionmario / package.json
Last active July 23, 2022 16:05
[Blog][package.json][v1] How to fix TS2604: JSX element type does not have any construct or call signatures
{
...,
"scripts": {
"preinstall": "npx force-resolutions",
...
},
...
"resolutions": {
"@types/react": "16.9.0"
}
@brionmario
brionmario / blog.tsx
Created January 29, 2022 11:47
[Blog][blog.tsx][v1] How to create a blog in Gatsby with MDX
import { Link, PageProps, graphql, useStaticQuery } from "gatsby";
import React, { FunctionComponent, ReactElement } from "react";
import { Heading, SEO, SiteLayout } from "../components";
import { TestableComponentInterface } from "../models";
/**
* Interface for the Pricing Page props.
*/
type IPricingPageProps = TestableComponentInterface;
@brionmario
brionmario / query.graphql
Last active January 29, 2022 11:51
[Blog][query.graphql][v1] How to create a blog in Gatsby with MDX
query BLOG_POSTS {
allMdx {
edges {
node {
id
slug,
frontmatter {
date(formatString: "YYYY MM Do")
author
title
@brionmario
brionmario / gatsby-node.js
Created January 29, 2022 11:18
[Blog][gatsby-node.js][v2] How to create a blog in Gatsby with MDX
import { MDXProvider, MDXProviderComponentsProp } from "@mdx-js/react";
import cx from "classnames";
import { graphql } from "gatsby";
import { MDXRenderer } from "gatsby-plugin-mdx";
import React, { FunctionComponent, ReactElement } from "react";
import { Blockquote, Heading, Paragraph, SiteLayout } from "../components";
import { StylableComponentInterface, TestableComponentInterface } from "../models";
// FIle level ESLint Overrides.
/* eslint-disable react/display-name */
@brionmario
brionmario / gatsby-node.js
Last active January 29, 2022 11:13
[Blog][gatsby-node.js][v1] How to create a blog in Gatsby with MDX
const path = require("path");
exports.createPages = async ({ graphql, actions, reporter }) => {
// Destructure the createPage function from the actions object
const { createPage } = actions;
const result = await graphql(`
query BLOG_POSTS {
allMdx {