Alen Genzić TheEskhaton

TheEskhaton / serializers.js

Created June 2, 2020 09:50

	import React from 'react'
	import Figure from './Figure'
	import Gist from 'super-react-gist';


	const serializers = {
	types: {
	authorReference: ({node}) => <span>{node.author.name}</span>,
	mainImage: Figure,
	gist: ({node}) => {

TheEskhaton / ChakraSample.jsx

Created October 12, 2020 17:59

Chakra Sample

	// Sample component from airbnb.com

	<Box>
	<Image rounded="md" src="https://bit.ly/2k1H1t6"/>
	<Flex align="baseline" mt={2}>
	<Badge variantColor="pink">Plus</Badge>
	<Text
	ml={2}
	textTransform="uppercase"
	fontSize="sm"

TheEskhaton / _app.js

Created October 12, 2020 18:15

	import { ChakraProvider, theme } from "@chakra-ui/core";
	import { merge } from "@chakra-ui/utils";
	import Head from "next/head";

	// 2. Extend the theme to include custom colors, fonts, etc.
	const stackpalTheme = merge(theme, {
	colors: {
	brand: {
	50: "#d8ffff",
	100: "#acffff",

TheEskhaton / forgetnpassbtn.js

Created October 12, 2020 18:21

	const signinButtonColor = useColorModeValue("brand.700", "brand.50");

	<Button
	size="sm"
	fontSize="xs"
	bg="none"
	color={signinButtonColor}
	mt="2"
	onClick={() => setIsForgottenPasswordMode(true)}
	>

TheEskhaton / _document.js

Created October 12, 2020 18:24

	import { ColorModeScript } from "@chakra-ui/core"
	import Document, { Head, Html, Main, NextScript } from 'next/document'

	class MyDocument extends Document {
	render() {
	return (
	<Html>
	<Head />
	<body>
	<ColorModeScript initialColorMode="light"></ColorModeScript>

TheEskhaton / colormode.js

Created October 12, 2020 18:27

const { colorMode, toggleColorMode } = useColorMode();

TheEskhaton / tailwind.config.js

Created November 29, 2020 18:52

	module.exports = {
	purge: {
	content: ["./Pages/*/.razor", "./Shared/*/.razor"],
	},
	darkMode: false, // or 'media' or 'class'
	theme: {
	extend: {},
	},
	variants: {
	extend: {},

TheEskhaton / postcss.config.js

Created November 29, 2020 18:57

	module.exports = {
	plugins: [require("tailwindcss"), require("autoprefixer")],
	};

TheEskhaton / tailwind.css

Created November 29, 2020 19:00

TheEskhaton / package.json

Created November 29, 2020 19:03