MikeGajdos
MikeGajdos
/ dockerManifestList.json
Created
January 7, 2022 11:09
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
| [ | |
| { | |
| "schemaVersion": 2, | |
| "mediaType": "application/vnd.docker.distribution.manifest.v2+json", | |
| "config": { | |
| "mediaType": "application/vnd.docker.container.image.v1+json", | |
| "size": 7700, | |
| "digest": "sha256:7614ae9453d1d87e740a2056257a6de7135c84037c367e1fffa92ae922784631" | |
| }, | |
| "layers": [ |
MikeGajdos
/ docker.json
Created
January 6, 2022 16:57
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
| [ | |
| { | |
| "schemaVersion": 2, | |
| "mediaType": "application/vnd.docker.distribution.manifest.v2+json", | |
| "config": { | |
| "mediaType": "application/vnd.docker.container.image.v1+json", | |
| "size": 7700, | |
| "digest": "sha256:7614ae9453d1d87e740a2056257a6de7135c84037c367e1fffa92ae922784631" | |
| }, | |
| "layers": [ |
MikeGajdos
/ dataD3react.json
Created
November 13, 2021 23:43
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
| {"nodes":[{"id":"Italy","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"Switzerland","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"Turkey","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"Wales","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"Belgium","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"Denmark","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"Finland","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"Russia","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"Austria","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"Netherlands","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"North Macedonia","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"Ukraine","type":"nationNode","parent":"","color":"green","nationSize":10},{"id":"Croatia","type":"nationNo |
MikeGajdos
/ d3react.json
Created
November 13, 2021 14:59
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
| {"nodes":[{"name":"Italy","type":"nationNode","parent":"","color":"green","nationSize":10},{"name":"Switzerland","type":"nationNode","parent":"","color":"green","nationSize":10},{"name":"Turkey","type":"nationNode","parent":"","color":"green","nationSize":10},{"name":"Wales","type":"nationNode","parent":"","color":"green","nationSize":10},{"name":"Belgium","type":"nationNode","parent":"","color":"green","nationSize":10},{"name":"Denmark","type":"nationNode","parent":"","color":"green","nationSize":10},{"name":"Finland","type":"nationNode","parent":"","color":"green","nationSize":10},{"name":"Russia","type":"nationNode","parent":"","color":"green","nationSize":10},{"name":"Austria","type":"nationNode","parent":"","color":"green","nationSize":10},{"name":"Netherlands","type":"nationNode","parent":"","color":"green","nationSize":10},{"name":"North Macedonia","type":"nationNode","parent":"","color":"green","nationSize":10},{"name":"Ukraine","type":"nationNode","parent":"","color":"green","nationSize":10},{"name": |
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
| // components/themeToggle.js | |
| import { useState } from "react"; | |
| //... | |
| const ThemeToggle = () => { | |
| const [activeTheme, setActiveTheme] = useState("light"); | |
| const inactiveTheme = activeTheme === "light" ? "dark" : "light"; | |
| //... |
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
| //pages/index.js | |
| /*!! Do not forget to import dynamic */ | |
| import dynamic from "next/dynamic"; | |
| import styled from "styled-components"; | |
| const ThemeToggle = dynamic(() => import("../components/themeToggle"), { | |
| ssr: false, | |
| }); |
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
| // components/themeToggle.js | |
| //... | |
| const ThemeToggle = () => { | |
| const [activeTheme, setActiveTheme] = useState(document.body.dataset.theme); | |
| const inactiveTheme = activeTheme === "light" ? "dark" : "light"; | |
| useEffect(() => { | |
| document.body.dataset.theme = activeTheme; |
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
| //pages/_document.js | |
| import Document, { Html, Head, Main, NextScript } from "next/document"; | |
| import { ServerStyleSheet } from "styled-components"; | |
| export default class MyDocument extends Document { | |
| static async getInitialProps(ctx) { | |
| const sheet = new ServerStyleSheet(); | |
| const originalRenderPage = ctx.renderPage; | |
| try { |
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
| // components/themeToggle.js | |
| //... | |
| const ThemeToggle = () => { | |
| //... | |
| useEffect(() => { | |
| const savedTheme = window.localStorage.getItem("theme"); |
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
| //components/toggleTheme.js | |
| //... | |
| const ToggleButton = styled.button` | |
| //... | |
| transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out; | |
| &:focus { | |
| outline-offset: 8px; | |
| } |
NewerOlder