sisi sisi-sh
sisi-sh
/ daily note like make.md flow
Created
October 22, 2023 15:32
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* title */ | |
| .daily-note-title { | |
| font-size: var(--font-smallest) !important; | |
| padding: var(--size-4-1) var(--context-padding) !important; | |
| color: var(--text-faint) !important; | |
| max-width: 100% !important; | |
| transition: color .3s ease; |
sisi-sh
/ daily note like make.md flow
Created
October 22, 2023 15:31
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* title */ | |
| .daily-note-title { | |
| font-size: var(--font-smallest) !important; | |
| padding: var(--size-4-1) var(--context-padding) !important; | |
| color: var(--text-faint) !important; | |
| max-width: 100% !important; | |
| transition: color .3s ease; |
sisi-sh
/ rockpaperscissorsfrood.js
Created
July 3, 2020 01:00
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| There's two ways to see if the answer matches more efficiently | |
| Both of ways use arrays to contain the answers, and loop through them to find the answer | |
| These are better beacuse | |
| 1. they're less lines, and easier to read from a developer's perspective | |
| 2. they're also more flexible; say if you wanted to use this code in another app, | |
| or change the words themselves for any other reason, it's easy to edit the answers array | |
| and use the same code again because the actual answers are defined in one place rather | |
| than in each "if" case over and over again | |
| */ |
sisi-sh
/ gist:73b03ff3deba20e3e17ee2bd12653ac4
Created
July 3, 2020 01:00
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| There's two ways to see if the answer matches more efficiently | |
| Both of ways use arrays to contain the answers, and loop through them to find the answer | |
| These are better beacuse | |
| 1. they're less lines, and easier to read from a developer's perspective | |
| 2. they're also more flexible; say if you wanted to use this code in another app, | |
| or change the words themselves for any other reason, it's easy to edit the answers array | |
| and use the same code again because the actual answers are defined in one place rather | |
| than in each "if" case over and over again | |
| */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useState, useEffect } from "react" | |
| // eslint-disable-next-line | |
| import { css, jsx } from "@emotion/core" | |
| import styled from "@emotion/styled" | |
| import tw from "tailwind.macro" | |
| /* @jsx jsx */ | |
| const Wrapper = styled.div` | |
| ${tw`bg-gray-200 rounded-sm block`} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useState, useEffect } from "react" | |
| import axios from "axios" | |
| // eslint-disable-next-line | |
| import { css, jsx } from "@emotion/core" | |
| import tw from "tailwind.macro" | |
| /* @jsx jsx */ | |
| import NewPasteForm from "../components/molecules/new-paste" | |
| import Card from "../components/atoms/card" |
sisi-sh
/ button.jsx
Last active
May 24, 2019 05:59
sisi-sh
/ gist:ab43d5d580f88a17f300882517f42f0f
Created
May 24, 2019 04:53
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from "react" | |
| import { Link } from "gatsby" | |
| import styled from "styled-components" | |
| import tw from "tailwind.macro" | |
| // Arrow components | |
| import DownGold from "../../images/icons/arrow/Down-gold.svg" | |
| import RightGold from "../../images/icons/arrow/Right-gold.svg" | |
| import DownPurple from "../../images/icons/arrow/Down-purple.svg" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| theme: { | |
| extend: {} | |
| }, | |
| variants: {}, | |
| plugins: [] | |
| } |
sisi-sh
/ tailwind-0-7-4.js
Created
May 17, 2019 23:17
Default tailwind.js config file for Tailwind 0.7.4
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Tailwind - The Utility-First CSS Framework | |
| A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink), | |
| David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger). | |
| Welcome to the Tailwind config file. This is where you can customize | |
| Tailwind specifically for your project. Don't be intimidated by the | |
| length of this file. It's really just a big JavaScript object and |
NewerOlder