📝 Update style

This commit is contained in:
DefectingCat
2022-06-06 21:23:45 +08:00
parent 1657b4a2fc
commit e0c4b31de4
39 changed files with 5265 additions and 1517 deletions

5
.idea/.gitignore generated vendored Normal file
View File

@ -0,0 +1,5 @@
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/

12
.idea/DefectingCat.github.io.iml generated Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

View File

@ -0,0 +1,6 @@
<component name="InspectionProjectProfileManager">
<profile version="1.0">
<option name="myName" value="Project Default" />
<inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
</profile>
</component>

8
.idea/modules.xml generated Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/DefectingCat.github.io.iml" filepath="$PROJECT_DIR$/.idea/DefectingCat.github.io.iml" />
</modules>
</component>
</project>

7
.idea/prettier.xml generated Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="PrettierConfiguration">
<option name="myRunOnSave" value="true" />
<option name="myRunOnReformat" value="true" />
</component>
</project>

6
.idea/vcs.xml generated Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

4
.prettierrc.json Normal file
View File

@ -0,0 +1,4 @@
{
"semi": true,
"singleQuote": true
}

View File

@ -4,7 +4,7 @@
<div> <div>
<img src="https://img.shields.io/github/workflow/status/DefectingCat/DefectingCat.github.io/Export%20static%20to%20github%20pages?style=flat-square" alt=''/> <img src="https://img.shields.io/github/workflow/status/DefectingCat/DefectingCat.github.io/Export%20static%20to%20github%20pages?style=flat-square" alt=''/>
<a href="https://rua.plus/" target="_blank" rel="noreferrer"> <a href="https://rua.plus/" target="_blank" rel="noreferrer">
<img src="https://img.shields.io/website?style=flat-square&url=https%3A%2F%2Frua.plus" alt=''/> <img src="https://img.shields.io/website?style=flat-square&url=https%3A%2F%2Frua.plus" alt=''/>
</a> </a>

View File

@ -1,69 +1,69 @@
.container { .container {
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
right: 30px; right: 30px;
border-radius: 3px; border-radius: 3px;
background: #000; background: #000;
color: #fff; color: #fff;
font: initial; font: initial;
cursor: initial; cursor: initial;
letter-spacing: initial; letter-spacing: initial;
text-shadow: initial; text-shadow: initial;
text-transform: initial; text-transform: initial;
visibility: initial; visibility: initial;
padding: 7px 10px 8px 10px; padding: 7px 10px 8px 10px;
align-items: center; align-items: center;
box-shadow: 0 11px 40px 0 rgba(0, 0, 0, 0.25), box-shadow: 0 11px 40px 0 rgba(0, 0, 0, 0.25),
0 2px 10px 0 rgba(0, 0, 0, 0.12); 0 2px 10px 0 rgba(0, 0, 0, 0.12);
display: none; display: none;
opacity: 0; opacity: 0;
transition: opacity 0.1s ease, bottom 0.1s ease; transition: opacity 0.1s ease, bottom 0.1s ease;
animation: fade-in 0.1s ease-in-out; animation: fade-in 0.1s ease-in-out;
} }
.container.visible { .container.visible {
display: flex; display: flex;
} }
.container.building { .container.building {
bottom: 20px; bottom: 20px;
opacity: 1; opacity: 1;
} }
.icon-wrapper { .icon-wrapper {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.icon-wrapper > svg { .icon-wrapper > svg {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.icon-group { .icon-group {
animation: strokedash 1s ease-in-out both infinite; animation: strokedash 1s ease-in-out both infinite;
} }
@keyframes fade-in { @keyframes fade-in {
from { from {
bottom: 10px; bottom: 10px;
opacity: 0; opacity: 0;
} }
to { to {
bottom: 20px; bottom: 20px;
opacity: 1; opacity: 1;
} }
} }
@keyframes strokedash { @keyframes strokedash {
0% { 0% {
stroke-dasharray: 0 226; stroke-dasharray: 0 226;
} }
80%, 80%,
100% { 100% {
stroke-dasharray: 659 226; stroke-dasharray: 659 226;
} }
} }

View File

@ -1,6 +1,5 @@
import classNames from 'classnames'; import classNames from 'classnames';
import React, { useState } from 'react'; import React, { useCallback, useState } from 'react';
import { useCallback } from 'react';
import { ItemProps } from './TabItem'; import { ItemProps } from './TabItem';
type Props = { type Props = {

View File

@ -1,14 +1,16 @@
.wrapper { .wrapper {
@apply overflow-hidden rounded-lg; @apply overflow-hidden rounded-lg;
@apply mb-8 shadow-lg; @apply mb-8 shadow-lg;
font-size: 16px; font-size: 16px;
/* box-shadow: 0 13px 27px -5px rgb(50 50 93 / 25%), /* box-shadow: 0 13px 27px -5px rgb(50 50 93 / 25%),
0 8px 16px -8px rgb(0 0 0 / 30%), 0 -6px 16px -6px rgb(0 0 0 / 3%); */ 0 8px 16px -8px rgb(0 0 0 / 30%), 0 -6px 16px -6px rgb(0 0 0 / 3%); */
} }
.wrapper pre { .wrapper pre {
margin: unset; margin: unset;
border-radius: unset; border-radius: unset;
} }
.wrapper .loading span { .wrapper .loading span {
margin: unset; margin: unset;
} }

View File

@ -1,16 +1,16 @@
.imageContainer { .imageContainer {
width: 100%; width: 100%;
padding: 10px 0; padding: 10px 0;
position: relative; position: relative;
} }
.imageContainer > span { .imageContainer > span {
position: unset !important; position: unset !important;
} }
.imageContainer .image { .imageContainer .image {
object-fit: contain; object-fit: contain;
width: 100% !important; width: 100% !important;
position: relative !important; position: relative !important;
height: unset !important; height: unset !important;
} }

View File

@ -1,3 +1,3 @@
.head:hover:before { .head:hover:before {
content: unset !important; content: unset !important;
} }

View File

@ -26,7 +26,7 @@ const composedConfig = composePlugins([
outputStandalone: true, outputStandalone: true,
}, },
pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'md', 'mdx'], pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'md', 'mdx'],
images: { domains: ['avatars.githubusercontent.com'] }, images: {domains: ['avatars.githubusercontent.com']},
}, },
]); ]);

View File

@ -8,7 +8,7 @@ import 'styles/rua.css';
import { MDXProvider } from '@mdx-js/react'; import { MDXProvider } from '@mdx-js/react';
import Anchor from 'components/mdx/Anchor'; import Anchor from 'components/mdx/Anchor';
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
import { useCallback, useState, useEffect } from 'react'; import { useCallback, useEffect, useState } from 'react';
import dynamic from 'next/dynamic'; import dynamic from 'next/dynamic';
const VercelLoading = dynamic( const VercelLoading = dynamic(

View File

@ -1,4 +1,4 @@
import { Html, Head, Main, NextScript } from 'next/document'; import { Head, Html, Main, NextScript } from 'next/document';
export default function Document() { export default function Document() {
return ( return (

View File

@ -1,13 +1,13 @@
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
import type { NextApiRequest, NextApiResponse } from 'next' import type { NextApiRequest, NextApiResponse } from 'next';
type Data = { type Data = {
name: string name: string;
} };
export default function handler( export default function handler(
req: NextApiRequest, req: NextApiRequest,
res: NextApiResponse<Data> res: NextApiResponse<Data>
) { ) {
res.status(200).json({ name: 'John Doe' }) res.status(200).json({ name: 'John Doe' });
} }

View File

@ -3,7 +3,7 @@ import { ReactElement } from 'react';
import { postLists } from 'lib/posts'; import { postLists } from 'lib/posts';
import cn from 'classnames'; import cn from 'classnames';
import dynamic from 'next/dynamic'; import dynamic from 'next/dynamic';
import PostCardLoading from 'components/RUA/loading/PostCardLoading' import PostCardLoading from 'components/RUA/loading/PostCardLoading';
const PostCard = dynamic(() => import('components/PostCard'), { const PostCard = dynamic(() => import('components/PostCard'), {
loading: () => <PostCardLoading />, loading: () => <PostCardLoading />,

View File

@ -1,4 +1,4 @@
import { GetStaticProps, InferGetStaticPropsType, GetStaticPaths } from 'next'; import { GetStaticPaths, GetStaticProps, InferGetStaticPropsType } from 'next';
import dynamic from 'next/dynamic'; import dynamic from 'next/dynamic';
import { ReactElement } from 'react'; import { ReactElement } from 'react';
import { SignalGist } from 'types'; import { SignalGist } from 'types';

View File

@ -4,6 +4,7 @@ date: '2022-04-06'
tags: ['Hello world'] tags: ['Hello world']
--- ---
import Layout from 'layouts/MDXLayout'; import Layout from 'layouts/MDXLayout';
import dynamic from 'next/dynamic'; import dynamic from 'next/dynamic';
@ -15,7 +16,7 @@ export const meta = {
tags: ['Hello world'], tags: ['Hello world'],
}; };
export default ({ children }) => ( export default ({children}) => (
<Layout {...meta} showTOC={false}> <Layout {...meta} showTOC={false}>
{children} {children}
</Layout> </Layout>

View File

@ -4,10 +4,9 @@ date: '2022-04-13'
tags: ['three.js', 'JavaScript'] tags: ['three.js', 'JavaScript']
--- ---
import Layout from 'layouts/MDXLayout'; import Layout from 'layouts/MDXLayout';
import dynamic from 'next/dynamic'; import dynamic from 'next/dynamic';
import Image from 'components/mdx/Image';
import image1 from 'public/images/p/how-to-load-a-background-with-threejs/Skybox_example.png';
export const RUASandpack = dynamic(() => import('components/RUA/RUASandpack')); export const RUASandpack = dynamic(() => import('components/RUA/RUASandpack'));
@ -17,7 +16,7 @@ export const meta = {
tags: ['three.js', 'JavaScript'], tags: ['three.js', 'JavaScript'],
}; };
export default ({ children }) => <Layout {...meta}>{children}</Layout>; export default ({children}) => <Layout {...meta}>{children}</Layout>;
## Three.js setup ## Three.js setup
@ -60,46 +59,46 @@ renderer.render(scene, camera);
Now, we can get a black canvas in our document. Now, we can get a black canvas in our document.
export const main = `import { useEffect, useRef } from 'react'; export const main = `
import * as THREE from 'three';
export default function App() {
const ref = useRef(null);
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(
75,
window.innerWidth / window.innerHeight,
0.1,
1000
);
useEffect(() => {
const renderer = new THREE.WebGLRenderer({
canvas: ref.current,
});
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
const render = (time) => {
renderer.render(scene, camera);
requestAnimationFrame(render);
};
requestAnimationFrame(render);
function onWindowResize() {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize(window.innerWidth, window.innerHeight);
render(0);
}
window.addEventListener('resize', onWindowResize);
return () => {
window.removeEventListener('resize', onWindowResize);
};
}, []);
return (
<>
<canvas ref={ref}></canvas>
</>
)
}`;
`;
export const styles = `* { export const styles = `* {
padding: 0; padding: 0;
@ -142,7 +141,7 @@ We need set texture to cube box each side. so we need six pictures.
The skybos is six images that can be connected each other. The skybos is six images that can be connected each other.
<Image src={image1} alt="Skyboxes example" /> <Image src={image1} alt="Skyboxes example"/>
We just need load six images in some order, and set them to the scene background. We just need load six images in some order, and set them to the scene background.
@ -184,67 +183,67 @@ controls.enablePan = false;
controls.update(); controls.update();
``` ```
export const main2 = `import { useEffect, useRef } from "react"; export const main2 = `
import * as THREE from "three";
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
const manager = new THREE.LoadingManager();
manager.onProgress = (item, loaded, total) => {
console.log(loaded, total);
};
export default function App() {
const ref = useRef(null);
const scene = new THREE.Scene();
const sky = new THREE.CubeTextureLoader(manager).load([
"https://raw.githubusercontent.com/DefectingCat/three-playground/master/src/assets/first-project/skybox/corona_ft.png",
"https://raw.githubusercontent.com/DefectingCat/three-playground/master/src/assets/first-project/skybox/corona_bk.png",
"https://raw.githubusercontent.com/DefectingCat/three-playground/master/src/assets/first-project/skybox/corona_up.png",
"https://raw.githubusercontent.com/DefectingCat/three-playground/master/src/assets/first-project/skybox/corona_dn.png",
"https://raw.githubusercontent.com/DefectingCat/three-playground/master/src/assets/first-project/skybox/corona_rt.png",
"https://raw.githubusercontent.com/DefectingCat/three-playground/master/src/assets/first-project/skybox/corona_lf.png"
]);
scene.background = sky;
const camera = new THREE.PerspectiveCamera(
75,
window.innerWidth / window.innerHeight,
0.1,
1000
);
camera.position.set(0, 1, 0);
camera.up.set(0, 0, 1);
scene.add(camera);
useEffect(() => {
const renderer = new THREE.WebGLRenderer({
canvas: ref.current
});
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
const controls = new OrbitControls(camera, ref.current);
controls.enablePan = false;
controls.target.set(0, 0, 0);
controls.update();
const render = (time) => {
renderer.render(scene, camera);
requestAnimationFrame(render);
};
requestAnimationFrame(render);
function onWindowResize() {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize(window.innerWidth, window.innerHeight);
render(0);
}
window.addEventListener("resize", onWindowResize);
return () => {
window.removeEventListener("resize", onWindowResize);
};
}, []);
return (
<>
<canvas ref={ref}></canvas>
</>
);
}
`; `;
<RUASandpack <RUASandpack

View File

@ -4,6 +4,7 @@ date: '2022-04-14'
tags: [Linux, Server] tags: [Linux, Server]
--- ---
import Layout from 'layouts/MDXLayout'; import Layout from 'layouts/MDXLayout';
import Image from 'components/mdx/Image'; import Image from 'components/mdx/Image';
import image1 from 'public/images/p/my-develop-environmental/logo.svg'; import image1 from 'public/images/p/my-develop-environmental/logo.svg';
@ -15,11 +16,11 @@ export const meta = {
tags: ['Linux', 'Server'], tags: ['Linux', 'Server'],
}; };
export default ({ children }) => <Layout {...meta}>{children}</Layout>; export default ({children}) => <Layout {...meta}>{children}</Layout>;
最近迁移了自己的小服务器,也顺便把本机的环境重新设置了一下,其中环节还是有点复杂的小细节的。所以打算整理下思路,方便以后再设置同样环境。 最近迁移了自己的小服务器,也顺便把本机的环境重新设置了一下,其中环节还是有点复杂的小细节的。所以打算整理下思路,方便以后再设置同样环境。
<Image src={image1} placeholder="" priority /> <Image src={image1} placeholder="" priority/>
## 对于服务器 ## 对于服务器
@ -203,7 +204,7 @@ source $HOME/.cargo/env
对于 Windoiws 环境则需要在“设置”-“高级系统设置”-“环境变量”中添加对应的变量到用户/系统变量中。 对于 Windoiws 环境则需要在“设置”-“高级系统设置”-“环境变量”中添加对应的变量到用户/系统变量中。
<Image src={image2} alt="Windows environmentail" /> <Image src={image2} alt="Windows environmentail"/>
当然这几个主要的变量可以放在 `.zshrc` 中,以后更新还会用到的。 当然这几个主要的变量可以放在 `.zshrc` 中,以后更新还会用到的。

View File

@ -4,6 +4,7 @@ date: '2022-04-18'
tags: ['Next.js', 'JavaScript'] tags: ['Next.js', 'JavaScript']
--- ---
import Layout from 'layouts/MDXLayout'; import Layout from 'layouts/MDXLayout';
import dynamic from 'next/dynamic'; import dynamic from 'next/dynamic';
import Image from 'components/mdx/Image'; import Image from 'components/mdx/Image';
@ -20,7 +21,7 @@ export const meta = {
tags: ['Next.js', 'JavaScript'], tags: ['Next.js', 'JavaScript'],
}; };
export default ({ children }) => <Layout {...meta}>{children}</Layout>; export default ({children}) => <Layout {...meta}>{children}</Layout>;
I use next.js and mdx plugin to build my blog site. It's a next.js SSG project. I use next.js and mdx plugin to build my blog site. It's a next.js SSG project.
@ -44,7 +45,7 @@ They introduct the [Algolia Crawler web interface](https://crawler.algolia.com/a
But i can't login with my Algolia account. But i can't login with my Algolia account.
<Image src={image1} alt="Can't login to Algolia Crawler" /> <Image src={image1} alt="Can't login to Algolia Crawler"/>
So i need find another way to generate my post index. So i need find another way to generate my post index.
@ -54,7 +55,7 @@ The DocSearch frontend UI read result as specific format. We just need to provid
Then DocSearch fronted UI can works. Then DocSearch fronted UI can works.
<Image src={image2} alt="Index format" /> <Image src={image2} alt="Index format"/>
So we need post same format to Algolia. So we need post same format to Algolia.

View File

@ -3,4 +3,4 @@ module.exports = {
tailwindcss: {}, tailwindcss: {},
autoprefixer: {}, autoprefixer: {},
}, },
} };

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 318 KiB

After

Width:  |  Height:  |  Size: 343 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 64 KiB

View File

@ -1,12 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 400"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 800 400">
<path <path
d="M-0.597907304763794,263.6771240234375C1.6442451079686484,257.3990987141927,5.5306423107783,226.158447265625,12.85500717163086,226.00897216796875C20.179372032483418,225.8594970703125,34.379672368367515,263.0792287190755,43.34828186035156,262.7802734375C52.31689135233561,262.4813181559245,59.49177678426107,225.26158142089844,66.66666412353516,224.21524047851562C73.84155146280925,223.1688995361328,76.23318099975586,254.85798136393228,86.3976058959961,256.5022277832031C96.56203079223633,258.14647420247394,116.29297510782878,234.08071899414062,127.65321350097656,234.08071899414062C139.01345189412436,234.08071899414062,144.8430430094401,257.24961344401044,154.5590362548828,256.5022277832031C164.27502950032553,255.75484212239584,176.68160756429037,229.89535522460938,185.9491729736328,229.59640502929688C195.21673838297525,229.29745483398438,202.54110972086588,254.55904897054037,210.1644287109375,254.70852661132812C217.78774770100912,254.85800425211588,223.3183848063151,230.49327087402344,231.6890869140625,230.49327087402344C240.0597890218099,230.49327087402344,250.5231679280599,255.75486501057944,260.3886413574219,254.70852661132812C270.2541147867839,253.6621882120768,280.7175038655599,224.81314849853516,290.8819274902344,224.21524047851562C301.0463511149089,223.6173324584961,310.01494852701825,251.12107849121094,321.37518310546875,251.12107849121094C332.73541768391925,251.12107849121094,346.78623453776044,224.06576283772787,359.0433349609375,224.21524047851562C371.30043538411456,224.36471811930338,381.9132995605469,252.16741943359375,394.91778564453125,252.0179443359375C407.9222717285156,251.86846923828125,424.96262613932294,223.31838989257812,437.07025146484375,223.31838989257812C449.17787679036456,223.31838989257812,457.2496337890625,251.7189915974935,467.56353759765625,252.0179443359375C477.87744140625,252.3168970743815,487.5934346516927,224.6636759440104,498.95367431640625,225.1121063232422C510.3139139811198,225.56053670247397,526.6068929036459,255.00747934977213,535.7249755859375,254.70852661132812C544.8430582682291,254.40957387288412,546.9357198079427,223.61734517415366,553.6621704101562,223.31838989257812C560.3886210123698,223.0194346110026,567.1150716145834,253.36322530110678,576.0836791992188,252.914794921875C585.0522867838541,252.46636454264322,598.0567728678385,221.22571563720703,607.4738159179688,220.6278076171875C616.890858968099,220.02989959716797,621.2256978352865,248.13153330485025,632.5859375,249.3273468017578C643.9461771647135,250.52316029866537,666.8161214192709,228.40059407552084,675.63525390625,227.8026885986328C684.4543863932291,227.20478312174478,676.5321146647135,246.33782196044922,685.500732421875,245.7399139404297C694.4693501790365,245.14200592041016,718.2361958821615,223.46785736083984,729.4469604492188,224.21524047851562C740.657725016276,224.9626235961914,742.7503763834635,249.32735188802084,752.7653198242188,250.22421264648438C762.780263264974,251.1210734049479,783.4080708821615,233.03437296549478,789.53662109375,229.59640502929688" d="M-0.597907304763794,263.6771240234375C1.6442451079686484,257.3990987141927,5.5306423107783,226.158447265625,12.85500717163086,226.00897216796875C20.179372032483418,225.8594970703125,34.379672368367515,263.0792287190755,43.34828186035156,262.7802734375C52.31689135233561,262.4813181559245,59.49177678426107,225.26158142089844,66.66666412353516,224.21524047851562C73.84155146280925,223.1688995361328,76.23318099975586,254.85798136393228,86.3976058959961,256.5022277832031C96.56203079223633,258.14647420247394,116.29297510782878,234.08071899414062,127.65321350097656,234.08071899414062C139.01345189412436,234.08071899414062,144.8430430094401,257.24961344401044,154.5590362548828,256.5022277832031C164.27502950032553,255.75484212239584,176.68160756429037,229.89535522460938,185.9491729736328,229.59640502929688C195.21673838297525,229.29745483398438,202.54110972086588,254.55904897054037,210.1644287109375,254.70852661132812C217.78774770100912,254.85800425211588,223.3183848063151,230.49327087402344,231.6890869140625,230.49327087402344C240.0597890218099,230.49327087402344,250.5231679280599,255.75486501057944,260.3886413574219,254.70852661132812C270.2541147867839,253.6621882120768,280.7175038655599,224.81314849853516,290.8819274902344,224.21524047851562C301.0463511149089,223.6173324584961,310.01494852701825,251.12107849121094,321.37518310546875,251.12107849121094C332.73541768391925,251.12107849121094,346.78623453776044,224.06576283772787,359.0433349609375,224.21524047851562C371.30043538411456,224.36471811930338,381.9132995605469,252.16741943359375,394.91778564453125,252.0179443359375C407.9222717285156,251.86846923828125,424.96262613932294,223.31838989257812,437.07025146484375,223.31838989257812C449.17787679036456,223.31838989257812,457.2496337890625,251.7189915974935,467.56353759765625,252.0179443359375C477.87744140625,252.3168970743815,487.5934346516927,224.6636759440104,498.95367431640625,225.1121063232422C510.3139139811198,225.56053670247397,526.6068929036459,255.00747934977213,535.7249755859375,254.70852661132812C544.8430582682291,254.40957387288412,546.9357198079427,223.61734517415366,553.6621704101562,223.31838989257812C560.3886210123698,223.0194346110026,567.1150716145834,253.36322530110678,576.0836791992188,252.914794921875C585.0522867838541,252.46636454264322,598.0567728678385,221.22571563720703,607.4738159179688,220.6278076171875C616.890858968099,220.02989959716797,621.2256978352865,248.13153330485025,632.5859375,249.3273468017578C643.9461771647135,250.52316029866537,666.8161214192709,228.40059407552084,675.63525390625,227.8026885986328C684.4543863932291,227.20478312174478,676.5321146647135,246.33782196044922,685.500732421875,245.7399139404297C694.4693501790365,245.14200592041016,718.2361958821615,223.46785736083984,729.4469604492188,224.21524047851562C740.657725016276,224.9626235961914,742.7503763834635,249.32735188802084,752.7653198242188,250.22421264648438C762.780263264974,251.1210734049479,783.4080708821615,233.03437296549478,789.53662109375,229.59640502929688"
fill="none" stroke-width="8" stroke="url(&quot;#SvgjsLinearGradient1003&quot;)" stroke-linecap="round" fill="none" stroke-width="8" stroke="url(&quot;#SvgjsLinearGradient1003&quot;)" stroke-linecap="round"
transform="matrix(1,0,0,1,5.530646562576294,-42.14776611328125)"></path> transform="matrix(1,0,0,1,5.530646562576294,-42.14776611328125)"></path>
<defs> <defs>
<linearGradient id="SvgjsLinearGradient1003" gradientTransform="rotate(0, 0.5, 0.5)"> <linearGradient id="SvgjsLinearGradient1003" gradientTransform="rotate(0, 0.5, 0.5)">
<stop stop-color="hsl(1.4, 100%, 67%)" offset="0"></stop> <stop stop-color="hsl(1.4, 100%, 67%)" offset="0"></stop>
<stop stop-color="hsl(167, 52%, 78%)" offset="1"></stop> <stop stop-color="hsl(167, 52%, 78%)" offset="1"></stop>
</linearGradient> </linearGradient>
</defs> </defs>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -1,12 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 400"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 800 400">
<path <path
d="M-0.597907304763794,263.6771240234375C1.6442451079686484,257.3990987141927,5.5306423107783,226.158447265625,12.85500717163086,226.00897216796875C20.179372032483418,225.8594970703125,34.379672368367515,263.0792287190755,43.34828186035156,262.7802734375C52.31689135233561,262.4813181559245,59.49177678426107,225.26158142089844,66.66666412353516,224.21524047851562C73.84155146280925,223.1688995361328,76.23318099975586,254.85798136393228,86.3976058959961,256.5022277832031C96.56203079223633,258.14647420247394,116.29297510782878,234.08071899414062,127.65321350097656,234.08071899414062C139.01345189412436,234.08071899414062,144.8430430094401,257.24961344401044,154.5590362548828,256.5022277832031C164.27502950032553,255.75484212239584,176.68160756429037,229.89535522460938,185.9491729736328,229.59640502929688C195.21673838297525,229.29745483398438,202.54110972086588,254.55904897054037,210.1644287109375,254.70852661132812C217.78774770100912,254.85800425211588,223.3183848063151,230.49327087402344,231.6890869140625,230.49327087402344C240.0597890218099,230.49327087402344,250.5231679280599,255.75486501057944,260.3886413574219,254.70852661132812C270.2541147867839,253.6621882120768,280.7175038655599,224.81314849853516,290.8819274902344,224.21524047851562C301.0463511149089,223.6173324584961,310.01494852701825,251.12107849121094,321.37518310546875,251.12107849121094C332.73541768391925,251.12107849121094,346.78623453776044,224.06576283772787,359.0433349609375,224.21524047851562C371.30043538411456,224.36471811930338,381.9132995605469,252.16741943359375,394.91778564453125,252.0179443359375C407.9222717285156,251.86846923828125,424.96262613932294,223.31838989257812,437.07025146484375,223.31838989257812C449.17787679036456,223.31838989257812,457.2496337890625,251.7189915974935,467.56353759765625,252.0179443359375C477.87744140625,252.3168970743815,487.5934346516927,224.6636759440104,498.95367431640625,225.1121063232422C510.3139139811198,225.56053670247397,526.6068929036459,255.00747934977213,535.7249755859375,254.70852661132812C544.8430582682291,254.40957387288412,546.9357198079427,223.61734517415366,553.6621704101562,223.31838989257812C560.3886210123698,223.0194346110026,567.1150716145834,253.36322530110678,576.0836791992188,252.914794921875C585.0522867838541,252.46636454264322,598.0567728678385,221.22571563720703,607.4738159179688,220.6278076171875C616.890858968099,220.02989959716797,621.2256978352865,248.13153330485025,632.5859375,249.3273468017578C643.9461771647135,250.52316029866537,666.8161214192709,228.40059407552084,675.63525390625,227.8026885986328C684.4543863932291,227.20478312174478,676.5321146647135,246.33782196044922,685.500732421875,245.7399139404297C694.4693501790365,245.14200592041016,718.2361958821615,223.46785736083984,729.4469604492188,224.21524047851562C740.657725016276,224.9626235961914,742.7503763834635,249.32735188802084,752.7653198242188,250.22421264648438C762.780263264974,251.1210734049479,783.4080708821615,233.03437296549478,789.53662109375,229.59640502929688" d="M-0.597907304763794,263.6771240234375C1.6442451079686484,257.3990987141927,5.5306423107783,226.158447265625,12.85500717163086,226.00897216796875C20.179372032483418,225.8594970703125,34.379672368367515,263.0792287190755,43.34828186035156,262.7802734375C52.31689135233561,262.4813181559245,59.49177678426107,225.26158142089844,66.66666412353516,224.21524047851562C73.84155146280925,223.1688995361328,76.23318099975586,254.85798136393228,86.3976058959961,256.5022277832031C96.56203079223633,258.14647420247394,116.29297510782878,234.08071899414062,127.65321350097656,234.08071899414062C139.01345189412436,234.08071899414062,144.8430430094401,257.24961344401044,154.5590362548828,256.5022277832031C164.27502950032553,255.75484212239584,176.68160756429037,229.89535522460938,185.9491729736328,229.59640502929688C195.21673838297525,229.29745483398438,202.54110972086588,254.55904897054037,210.1644287109375,254.70852661132812C217.78774770100912,254.85800425211588,223.3183848063151,230.49327087402344,231.6890869140625,230.49327087402344C240.0597890218099,230.49327087402344,250.5231679280599,255.75486501057944,260.3886413574219,254.70852661132812C270.2541147867839,253.6621882120768,280.7175038655599,224.81314849853516,290.8819274902344,224.21524047851562C301.0463511149089,223.6173324584961,310.01494852701825,251.12107849121094,321.37518310546875,251.12107849121094C332.73541768391925,251.12107849121094,346.78623453776044,224.06576283772787,359.0433349609375,224.21524047851562C371.30043538411456,224.36471811930338,381.9132995605469,252.16741943359375,394.91778564453125,252.0179443359375C407.9222717285156,251.86846923828125,424.96262613932294,223.31838989257812,437.07025146484375,223.31838989257812C449.17787679036456,223.31838989257812,457.2496337890625,251.7189915974935,467.56353759765625,252.0179443359375C477.87744140625,252.3168970743815,487.5934346516927,224.6636759440104,498.95367431640625,225.1121063232422C510.3139139811198,225.56053670247397,526.6068929036459,255.00747934977213,535.7249755859375,254.70852661132812C544.8430582682291,254.40957387288412,546.9357198079427,223.61734517415366,553.6621704101562,223.31838989257812C560.3886210123698,223.0194346110026,567.1150716145834,253.36322530110678,576.0836791992188,252.914794921875C585.0522867838541,252.46636454264322,598.0567728678385,221.22571563720703,607.4738159179688,220.6278076171875C616.890858968099,220.02989959716797,621.2256978352865,248.13153330485025,632.5859375,249.3273468017578C643.9461771647135,250.52316029866537,666.8161214192709,228.40059407552084,675.63525390625,227.8026885986328C684.4543863932291,227.20478312174478,676.5321146647135,246.33782196044922,685.500732421875,245.7399139404297C694.4693501790365,245.14200592041016,718.2361958821615,223.46785736083984,729.4469604492188,224.21524047851562C740.657725016276,224.9626235961914,742.7503763834635,249.32735188802084,752.7653198242188,250.22421264648438C762.780263264974,251.1210734049479,783.4080708821615,233.03437296549478,789.53662109375,229.59640502929688"
fill="none" stroke-width="8" stroke="url(&quot;#SvgjsLinearGradient1003&quot;)" stroke-linecap="round" fill="none" stroke-width="8" stroke="url(&quot;#SvgjsLinearGradient1003&quot;)" stroke-linecap="round"
transform="matrix(1,0,0,1,5.530646562576294,-42.14776611328125)"></path> transform="matrix(1,0,0,1,5.530646562576294,-42.14776611328125)"></path>
<defs> <defs>
<linearGradient id="SvgjsLinearGradient1003" gradientTransform="rotate(0, 0.5, 0.5)"> <linearGradient id="SvgjsLinearGradient1003" gradientTransform="rotate(0, 0.5, 0.5)">
<stop stop-color="hsl(184, 74%, 44%)" offset="0"></stop> <stop stop-color="hsl(184, 74%, 44%)" offset="0"></stop>
<stop stop-color="hsl(332, 87%, 70%)" offset="1"></stop> <stop stop-color="hsl(332, 87%, 70%)" offset="1"></stop>
</linearGradient> </linearGradient>
</defs> </defs>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -1,14 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<defs> <defs>
<style> <style>
.prefix__b { .prefix__b {
fill: #fad33e fill: #fad33e
} }
</style> </style>
</defs> </defs>
<path <path
d="M.02 46.14v-10c1.85-12.07 6.63-22.49 17-29.68a37 37 0 0117-6.46h12.19C58.42 1.53 67.1 8.75 74.3 18c2.39 3.05 3.26 2.69 5.47-.1C87.04 8.72 95.69 1.48 107.92.02h12.21c24.77 3.94 39.1 27.49 32.3 53.22-3.73 14.13-11.64 26-21 36.9-4.94 5.79-10.3 11.22-15.47 16.81-11.25 9.63-22.56 19.16-35 27.25-3 1.94-5 1.94-7.95 0a315.43 315.43 0 01-27.87-21c-1.05-5 1.86-8 5.31-10.73 2.65-2.08 6-2.79 8.93-4.39 1.47-.81 3.05-1.64 3-3.63a3.39 3.39 0 00-2.88-3.08c-11-2.51-15-11.09-18.26-20.47a7.32 7.32 0 00-.55-1.39c-1.37-2.3-1.38-6.31-4.85-6.16-3.22.14-3.74 3.86-4.88 6.34-1.88 4.07-3.29 8.37-5.47 12.29-1.29 2.31-2.51 5.31-6.26 4.38C10.02 74.25 2.27 61.51.02 46.14z" d="M.02 46.14v-10c1.85-12.07 6.63-22.49 17-29.68a37 37 0 0117-6.46h12.19C58.42 1.53 67.1 8.75 74.3 18c2.39 3.05 3.26 2.69 5.47-.1C87.04 8.72 95.69 1.48 107.92.02h12.21c24.77 3.94 39.1 27.49 32.3 53.22-3.73 14.13-11.64 26-21 36.9-4.94 5.79-10.3 11.22-15.47 16.81-11.25 9.63-22.56 19.16-35 27.25-3 1.94-5 1.94-7.95 0a315.43 315.43 0 01-27.87-21c-1.05-5 1.86-8 5.31-10.73 2.65-2.08 6-2.79 8.93-4.39 1.47-.81 3.05-1.64 3-3.63a3.39 3.39 0 00-2.88-3.08c-11-2.51-15-11.09-18.26-20.47a7.32 7.32 0 00-.55-1.39c-1.37-2.3-1.38-6.31-4.85-6.16-3.22.14-3.74 3.86-4.88 6.34-1.88 4.07-3.29 8.37-5.47 12.29-1.29 2.31-2.51 5.31-6.26 4.38C10.02 74.25 2.27 61.51.02 46.14z"
fill="#f72e5f" /> fill="#f72e5f"/>
<path class="prefix__b" <path class="prefix__b"
d="M19.15 86.29c3.43-1 4.83-3.83 6.11-6.77 2.18-5 4.37-10.06 6.53-15.1.77-1.79 1.83-3.17 4-3.25s3.21 1.48 4 3.21c2.12 4.87 4.37 9.71 6.23 14.68a14.89 14.89 0 009.28 9.1c1.86.7 3.71 1.45 5.51 2.31s3.23 1.73 3.34 3.94c.12 2.48-1.57 3.52-3.39 4.43a29.75 29.75 0 01-4.56 2c-6.18 1.89-9.72 6.08-11 12.29-1.78 3.91-3.57 7.82-5.33 11.74-.87 1.92-1.94 3.46-4.4 3.29-2.19-.16-3-1.69-3.78-3.43-1.94-4.57-4.19-9-5.79-13.72a15.61 15.61 0 00-10.15-10.09 27.42 27.42 0 01-2.78-1.06c-2.34-1.14-5.4-1.87-5.5-5.05-.12-3.52 3.11-4.34 5.63-5.46 1.99-.94 4.31-1.41 6.05-3.06zM118.2 16.23c1.53.06 2 1.19 2.47 2.25 2.41 5.82 4.38 11.85 11.54 13.91 2.1.6 1.93 3.06-.13 3.63-6.79 1.86-8.87 7.42-11.1 13-.52 1.32-.9 3.08-2.86 3s-2.23-1.84-2.77-3.16c-2.2-5.37-3.92-10.89-10.71-12.64-2.66-.68-2.38-3.58.14-4.22 6.59-1.66 8.32-7 10.45-12.24.59-1.46.93-3.33 2.97-3.53z" /> d="M19.15 86.29c3.43-1 4.83-3.83 6.11-6.77 2.18-5 4.37-10.06 6.53-15.1.77-1.79 1.83-3.17 4-3.25s3.21 1.48 4 3.21c2.12 4.87 4.37 9.71 6.23 14.68a14.89 14.89 0 009.28 9.1c1.86.7 3.71 1.45 5.51 2.31s3.23 1.73 3.34 3.94c.12 2.48-1.57 3.52-3.39 4.43a29.75 29.75 0 01-4.56 2c-6.18 1.89-9.72 6.08-11 12.29-1.78 3.91-3.57 7.82-5.33 11.74-.87 1.92-1.94 3.46-4.4 3.29-2.19-.16-3-1.69-3.78-3.43-1.94-4.57-4.19-9-5.79-13.72a15.61 15.61 0 00-10.15-10.09 27.42 27.42 0 01-2.78-1.06c-2.34-1.14-5.4-1.87-5.5-5.05-.12-3.52 3.11-4.34 5.63-5.46 1.99-.94 4.31-1.41 6.05-3.06zM118.2 16.23c1.53.06 2 1.19 2.47 2.25 2.41 5.82 4.38 11.85 11.54 13.91 2.1.6 1.93 3.06-.13 3.63-6.79 1.86-8.87 7.42-11.1 13-.52 1.32-.9 3.08-2.86 3s-2.23-1.84-2.77-3.16c-2.2-5.37-3.92-10.89-10.71-12.64-2.66-.68-2.38-3.58.14-4.22 6.59-1.66 8.32-7 10.45-12.24.59-1.46.93-3.33 2.97-3.53z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 56 KiB

View File

@ -1,5 +1,5 @@
<svg width="283" height="64" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="283" height="64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path
d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z"
fill="#000" /> fill="#000"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -1,8 +1,8 @@
import { config } from 'dotenv'; import {config} from 'dotenv';
import algoliasearch from 'algoliasearch/lite.js'; import algoliasearch from 'algoliasearch/lite.js';
import fs from 'fs'; import fs from 'fs';
import path from 'path'; import path from 'path';
import { nanoid } from 'nanoid'; import {nanoid} from 'nanoid';
/** /**
* Build post information for Algolia search. * Build post information for Algolia search.
@ -95,5 +95,6 @@ function test() {
const posts = postLists(); const posts = postLists();
posts.map((p) => console.log(p)); posts.map((p) => console.log(p));
} }
// test(); // test();
main(); main();

View File

@ -3,18 +3,18 @@
@tailwind utilities; @tailwind utilities;
* { * {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
*::selection { *::selection {
background: hsl(230, 1%, 90%); background: hsl(230, 1%, 90%);
color: inherit; color: inherit;
} }
.dark *::selection { .dark *::selection {
background: hsl(220, 13%, 28%); background: hsl(220, 13%, 28%);
color: inherit; color: inherit;
text-shadow: none; text-shadow: none;
} }
/* /*
@ -26,79 +26,88 @@ font-family: 'Poppins', sans-serif;
*/ */
@layer base { @layer base {
body { body {
@apply text-gray-600 bg-bluish-gray dark:bg-rua-gray-900 dark:text-gray-200; @apply text-gray-600 bg-bluish-gray dark:bg-rua-gray-900 dark:text-gray-200;
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', miui, Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', miui,
'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
} }
img, img,
iframe { iframe {
@apply dark:brightness-75; @apply dark:brightness-75;
} }
/* 滚动槽 */ /* 滚动槽 */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 7px; width: 7px;
height: 7px; height: 7px;
} }
::-webkit-scrollbar-track {
border-radius: 3px; ::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08); border-radius: 3px;
} box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
::-webkit-scrollbar-track-piece { }
background: 0 0;
} ::-webkit-scrollbar-track-piece {
/* 滚动条滑块 */ background: 0 0;
::-webkit-scrollbar-thumb { }
@apply bg-gray-400;
border-radius: 3px; /* 滚动条滑块 */
box-shadow: inset 0 0 10px rgba(185, 69, 69, 0.2); ::-webkit-scrollbar-thumb {
} @apply bg-gray-400;
border-radius: 3px;
box-shadow: inset 0 0 10px rgba(185, 69, 69, 0.2);
}
} }
/* DocSearch */ /* DocSearch */
html.dark { html.dark {
--docsearch-text-color: #f5f6f7; --docsearch-text-color: #f5f6f7;
--docsearch-container-background: rgba(9, 10, 17, 0.8); --docsearch-container-background: rgba(9, 10, 17, 0.8);
--docsearch-modal-background: #15172a; --docsearch-modal-background: #15172a;
--docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309; --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
--docsearch-searchbox-background: #090a11; --docsearch-searchbox-background: #090a11;
--docsearch-searchbox-focus-background: #000; --docsearch-searchbox-focus-background: #000;
--docsearch-hit-color: #bec3c9; --docsearch-hit-color: #bec3c9;
--docsearch-hit-shadow: none; --docsearch-hit-shadow: none;
--docsearch-hit-background: #090a11; --docsearch-hit-background: #090a11;
--docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b); --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
--docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d,
0 2px 2px 0 rgba(3, 4, 9, 0.3); 0 2px 2px 0 rgba(3, 4, 9, 0.3);
--docsearch-footer-background: #1e2136; --docsearch-footer-background: #1e2136;
--docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5), --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5),
0 -4px 8px 0 rgba(0, 0, 0, 0.2); 0 -4px 8px 0 rgba(0, 0, 0, 0.2);
--docsearch-logo-color: #fff; --docsearch-logo-color: #fff;
--docsearch-muted-color: #7f8497; --docsearch-muted-color: #7f8497;
} }
html { html {
--docsearch-primary-color: rgb(75, 85, 99) !important; --docsearch-primary-color: rgb(75, 85, 99) !important;
} }
.DocSearch-wrapper .DocSearch-Button { .DocSearch-wrapper .DocSearch-Button {
margin-left: unset; margin-left: unset;
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.DocSearch-wrapper .DocSearch-Button { .DocSearch-wrapper .DocSearch-Button {
align-items: unset; align-items: unset;
background: unset; background: unset;
padding: unset; padding: unset;
height: unset; height: unset;
} }
} }
.DocSearch-wrapper .DocSearch-Button .DocSearch-Search-Icon { .DocSearch-wrapper .DocSearch-Button .DocSearch-Search-Icon {
@apply text-gray-600 dark:text-gray-200; @apply text-gray-600 dark:text-gray-200;
} }
.DocSearch .DocSearch-Form { .DocSearch .DocSearch-Form {
border-radius: 6px; border-radius: 6px;
} }
.DocSearch .DocSearch-Screen-Icon { .DocSearch .DocSearch-Screen-Icon {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }

View File

@ -1,25 +1,25 @@
.gradient { .gradient {
background: rgb(238, 174, 200); background: rgb(238, 174, 200);
background: linear-gradient( background: linear-gradient(
45deg, 45deg,
rgba(238, 174, 200, 1) 0%, rgba(238, 174, 200, 1) 0%,
rgba(148, 187, 233, 1) 100% rgba(148, 187, 233, 1) 100%
); );
background-size: 400%; background-size: 400%;
animation: gradient 5s ease infinite; animation: gradient 5s ease infinite;
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
@keyframes gradient { @keyframes gradient {
0% { 0% {
background-position: 0% 50%; background-position: 0% 50%;
} }
50% { 50% {
background-position: 100% 50%; background-position: 100% 50%;
} }
100% { 100% {
background-position: 0% 50%; background-position: 0% 50%;
} }
} }

View File

@ -30,77 +30,77 @@
.dark code, .dark code,
.dark pre { .dark pre {
background: hsl(220, 13%, 18%); background: hsl(220, 13%, 18%);
color: hsl(220, 14%, 71%); color: hsl(220, 14%, 71%);
text-shadow: 0 1px rgba(0, 0, 0, 0.3); text-shadow: 0 1px rgba(0, 0, 0, 0.3);
/* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono', /* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
monospace; */ monospace; */
font-family: 'JetBrains Mono', -apple-system, 'DejaVu Sans Mono', monospace; font-family: 'JetBrains Mono', -apple-system, 'DejaVu Sans Mono', monospace;
direction: ltr; direction: ltr;
text-align: left; text-align: left;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;
word-break: normal; word-break: normal;
line-height: 1.5; line-height: 1.5;
-moz-tab-size: 2; -moz-tab-size: 2;
-o-tab-size: 2; -o-tab-size: 2;
tab-size: 2; tab-size: 2;
-webkit-hyphens: none; -webkit-hyphens: none;
-moz-hyphens: none; -moz-hyphens: none;
-ms-hyphens: none; -ms-hyphens: none;
hyphens: none; hyphens: none;
} }
/* Selection */ /* Selection */
.dark code::-moz-selection, .dark code::-moz-selection,
.dark code *::-moz-selection, .dark code *::-moz-selection,
.dark pre *::-moz-selection { .dark pre *::-moz-selection {
background: hsl(220, 13%, 28%); background: hsl(220, 13%, 28%);
color: inherit; color: inherit;
text-shadow: none; text-shadow: none;
} }
.dark code::selection, .dark code::selection,
.dark code *::selection, .dark code *::selection,
.dark pre *::selection { .dark pre *::selection {
background: hsl(220, 13%, 28%); background: hsl(220, 13%, 28%);
color: inherit; color: inherit;
text-shadow: none; text-shadow: none;
} }
/* Code blocks */ /* Code blocks */
.dark pre { .dark pre {
padding: 1em; padding: 1em;
margin: 0.5em 0; margin: 0.5em 0;
overflow: auto; overflow: auto;
border-radius: 0.3em; border-radius: 0.3em;
} }
/* Inline code */ /* Inline code */
.dark :not(pre) > code { .dark :not(pre) > code {
padding: 0.2em 0.3em; padding: 0.2em 0.3em;
border-radius: 0.3em; border-radius: 0.3em;
white-space: normal; white-space: normal;
} }
/* Print */ /* Print */
@media print { @media print {
.dark code, .dark code,
.dark pre { .dark pre {
text-shadow: none; text-shadow: none;
} }
} }
.dark .token.comment, .dark .token.comment,
.dark .token.prolog, .dark .token.prolog,
.dark .token.cdata { .dark .token.cdata {
color: hsl(220, 10%, 40%); color: hsl(220, 10%, 40%);
} }
.dark .token.doctype, .dark .token.doctype,
.dark .token.punctuation, .dark .token.punctuation,
.dark .token.entity { .dark .token.entity {
color: hsl(220, 14%, 71%); color: hsl(220, 14%, 71%);
} }
.dark .token.attr-name, .dark .token.attr-name,
@ -109,11 +109,11 @@
.dark .token.constant, .dark .token.constant,
.dark .token.number, .dark .token.number,
.dark .token.atrule { .dark .token.atrule {
color: hsl(29, 54%, 61%); color: hsl(29, 54%, 61%);
} }
.dark .token.keyword { .dark .token.keyword {
color: hsl(286, 60%, 67%); color: hsl(286, 60%, 67%);
} }
.dark .token.property, .dark .token.property,
@ -121,7 +121,7 @@
.dark .token.symbol, .dark .token.symbol,
.dark .token.deleted, .dark .token.deleted,
.dark .token.important { .dark .token.important {
color: hsl(355, 65%, 65%); color: hsl(355, 65%, 65%);
} }
.dark .token.selector, .dark .token.selector,
@ -132,129 +132,129 @@
.dark .token.regex, .dark .token.regex,
.dark .token.attr-value, .dark .token.attr-value,
.dark .token.attr-value > .dark .token.punctuation { .dark .token.attr-value > .dark .token.punctuation {
color: hsl(95, 38%, 62%); color: hsl(95, 38%, 62%);
} }
.dark .token.variable, .dark .token.variable,
.dark .token.operator, .dark .token.operator,
.dark .token.function { .dark .token.function {
color: hsl(207, 82%, 66%); color: hsl(207, 82%, 66%);
} }
.dark .token.url { .dark .token.url {
color: hsl(187, 47%, 55%); color: hsl(187, 47%, 55%);
} }
/* HTML overrides */ /* HTML overrides */
.dark .token.attr-value > .dark .token.punctuation.attr-equals, .dark .token.attr-value > .dark .token.punctuation.attr-equals,
.dark .token.special-attr > .dark .token.attr-value > .dark .token.value.css { .dark .token.special-attr > .dark .token.attr-value > .dark .token.value.css {
color: hsl(220, 14%, 71%); color: hsl(220, 14%, 71%);
} }
/* CSS overrides */ /* CSS overrides */
.language-css .dark .token.selector { .language-css .dark .token.selector {
color: hsl(355, 65%, 65%); color: hsl(355, 65%, 65%);
} }
.language-css .dark .token.property { .language-css .dark .token.property {
color: hsl(220, 14%, 71%); color: hsl(220, 14%, 71%);
} }
.language-css .dark .token.function, .language-css .dark .token.function,
.language-css .dark .token.url > .dark .token.function { .language-css .dark .token.url > .dark .token.function {
color: hsl(187, 47%, 55%); color: hsl(187, 47%, 55%);
} }
.language-css .dark .token.url > .dark .token.string.url { .language-css .dark .token.url > .dark .token.string.url {
color: hsl(95, 38%, 62%); color: hsl(95, 38%, 62%);
} }
.language-css .dark .token.important, .language-css .dark .token.important,
.language-css .dark .token.atrule .dark .token.rule { .language-css .dark .token.atrule .dark .token.rule {
color: hsl(286, 60%, 67%); color: hsl(286, 60%, 67%);
} }
/* JS overrides */ /* JS overrides */
.language-javascript .dark .token.operator { .language-javascript .dark .token.operator {
color: hsl(286, 60%, 67%); color: hsl(286, 60%, 67%);
} }
.language-javascript .language-javascript
.dark .dark
.token.template-string .token.template-string
> .dark > .dark
.token.interpolation .token.interpolation
> .dark > .dark
.token.interpolation-punctuation.punctuation { .token.interpolation-punctuation.punctuation {
color: hsl(5, 48%, 51%); color: hsl(5, 48%, 51%);
} }
/* JSON overrides */ /* JSON overrides */
.language-json .dark .token.operator { .language-json .dark .token.operator {
color: hsl(220, 14%, 71%); color: hsl(220, 14%, 71%);
} }
.language-json .dark .token.null.keyword { .language-json .dark .token.null.keyword {
color: hsl(29, 54%, 61%); color: hsl(29, 54%, 61%);
} }
/* MD overrides */ /* MD overrides */
.language-markdown .dark .token.url, .language-markdown .dark .token.url,
.language-markdown .dark .token.url > .dark .token.operator, .language-markdown .dark .token.url > .dark .token.operator,
.language-markdown .dark .token.url-reference.url > .dark .token.string { .language-markdown .dark .token.url-reference.url > .dark .token.string {
color: hsl(220, 14%, 71%); color: hsl(220, 14%, 71%);
} }
.language-markdown .dark .token.url > .dark .token.content { .language-markdown .dark .token.url > .dark .token.content {
color: hsl(207, 82%, 66%); color: hsl(207, 82%, 66%);
} }
.language-markdown .dark .token.url > .dark .token.url, .language-markdown .dark .token.url > .dark .token.url,
.language-markdown .dark .token.url-reference.url { .language-markdown .dark .token.url-reference.url {
color: hsl(187, 47%, 55%); color: hsl(187, 47%, 55%);
} }
.language-markdown .dark .token.blockquote.punctuation, .language-markdown .dark .token.blockquote.punctuation,
.language-markdown .dark .token.hr.punctuation { .language-markdown .dark .token.hr.punctuation {
color: hsl(220, 10%, 40%); color: hsl(220, 10%, 40%);
font-style: italic; font-style: italic;
} }
.language-markdown .dark .token.code-snippet { .language-markdown .dark .token.code-snippet {
color: hsl(95, 38%, 62%); color: hsl(95, 38%, 62%);
} }
.language-markdown .dark .token.bold .dark .token.content { .language-markdown .dark .token.bold .dark .token.content {
color: hsl(29, 54%, 61%); color: hsl(29, 54%, 61%);
} }
.language-markdown .dark .token.italic .dark .token.content { .language-markdown .dark .token.italic .dark .token.content {
color: hsl(286, 60%, 67%); color: hsl(286, 60%, 67%);
} }
.language-markdown .dark .token.strike .dark .token.content, .language-markdown .dark .token.strike .dark .token.content,
.language-markdown .dark .token.strike .dark .token.punctuation, .language-markdown .dark .token.strike .dark .token.punctuation,
.language-markdown .dark .token.list.punctuation, .language-markdown .dark .token.list.punctuation,
.language-markdown .dark .token.title.important > .dark .token.punctuation { .language-markdown .dark .token.title.important > .dark .token.punctuation {
color: hsl(355, 65%, 65%); color: hsl(355, 65%, 65%);
} }
/* General */ /* General */
.dark .token.bold { .dark .token.bold {
font-weight: bold; font-weight: bold;
} }
.dark .token.comment, .dark .token.comment,
.dark .token.italic { .dark .token.italic {
font-style: italic; font-style: italic;
} }
.dark .token.entity { .dark .token.entity {
cursor: help; cursor: help;
} }
.dark .token.namespace { .dark .token.namespace {
opacity: 0.8; opacity: 0.8;
} }
/* Plugin overrides */ /* Plugin overrides */
@ -265,24 +265,24 @@
.dark .token.dark .token.cr:before, .dark .token.dark .token.cr:before,
.dark .token.dark .token.lf:before, .dark .token.dark .token.lf:before,
.dark .token.dark .token.space:before { .dark .token.dark .token.space:before {
color: hsla(220, 14%, 71%, 0.15); color: hsla(220, 14%, 71%, 0.15);
text-shadow: none; text-shadow: none;
} }
/* Toolbar plugin overrides */ /* Toolbar plugin overrides */
/* Space out all buttons and move them away from the right edge of the code block */ /* Space out all buttons and move them away from the right edge of the code block */
.dark div.code-toolbar > .toolbar.toolbar > .toolbar-item { .dark div.code-toolbar > .toolbar.toolbar > .toolbar-item {
margin-right: 0.4em; margin-right: 0.4em;
} }
/* Styling the buttons */ /* Styling the buttons */
.dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button, .dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
.dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a, .dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
.dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span { .dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
background: hsl(220, 13%, 26%); background: hsl(220, 13%, 26%);
color: hsl(220, 9%, 55%); color: hsl(220, 9%, 55%);
padding: 0.1em 0.4em; padding: 0.1em 0.4em;
border-radius: 0.3em; border-radius: 0.3em;
} }
.dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover, .dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
@ -291,46 +291,46 @@
.dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus, .dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
.dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover, .dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
.dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus { .dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
background: hsl(220, 13%, 28%); background: hsl(220, 13%, 28%);
color: hsl(220, 14%, 71%); color: hsl(220, 14%, 71%);
} }
/* Line Highlight plugin overrides */ /* Line Highlight plugin overrides */
/* The highlighted line itself */ /* The highlighted line itself */
.dark .line-highlight.line-highlight { .dark .line-highlight.line-highlight {
background: hsla(220, 100%, 80%, 0.04); background: hsla(220, 100%, 80%, 0.04);
} }
/* Default line numbers in Line Highlight plugin */ /* Default line numbers in Line Highlight plugin */
.dark .line-highlight.line-highlight:before, .dark .line-highlight.line-highlight:before,
.dark .line-highlight.line-highlight[data-end]:after { .dark .line-highlight.line-highlight[data-end]:after {
background: hsl(220, 13%, 26%); background: hsl(220, 13%, 26%);
color: hsl(220, 14%, 71%); color: hsl(220, 14%, 71%);
padding: 0.1em 0.6em; padding: 0.1em 0.6em;
border-radius: 0.3em; border-radius: 0.3em;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */ box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
} }
/* Hovering over a linkable line number (in the gutter area) */ /* Hovering over a linkable line number (in the gutter area) */
/* Requires Line Numbers plugin as well */ /* Requires Line Numbers plugin as well */
.dark .dark
pre[id].linkable-line-numbers.linkable-line-numbers pre[id].linkable-line-numbers.linkable-line-numbers
span.line-numbers-rows span.line-numbers-rows
> span:hover:before { > span:hover:before {
background-color: hsla(220, 100%, 80%, 0.04); background-color: hsla(220, 100%, 80%, 0.04);
} }
/* Line Numbers and Command Line plugins overrides */ /* Line Numbers and Command Line plugins overrides */
/* Line separating gutter from coding area */ /* Line separating gutter from coding area */
.dark .line-numbers.line-numbers .line-numbers-rows, .dark .line-numbers.line-numbers .line-numbers-rows,
.dark .command-line .command-line-prompt { .dark .command-line .command-line-prompt {
border-right-color: hsla(220, 14%, 71%, 0.15); border-right-color: hsla(220, 14%, 71%, 0.15);
} }
/* Stuff in the gutter */ /* Stuff in the gutter */
.dark .line-numbers .line-numbers-rows > span:before, .dark .line-numbers .line-numbers-rows > span:before,
.dark .command-line .command-line-prompt > span:before { .dark .command-line .command-line-prompt > span:before {
color: hsl(220, 14%, 45%); color: hsl(220, 14%, 45%);
} }
/* Match Braces plugin overrides */ /* Match Braces plugin overrides */
@ -338,137 +338,137 @@
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-1, .rainbow-braces .dark .token.dark .token.punctuation.brace-level-1,
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-5, .rainbow-braces .dark .token.dark .token.punctuation.brace-level-5,
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-9 { .rainbow-braces .dark .token.dark .token.punctuation.brace-level-9 {
color: hsl(355, 65%, 65%); color: hsl(355, 65%, 65%);
} }
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-2, .rainbow-braces .dark .token.dark .token.punctuation.brace-level-2,
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-6, .rainbow-braces .dark .token.dark .token.punctuation.brace-level-6,
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-10 { .rainbow-braces .dark .token.dark .token.punctuation.brace-level-10 {
color: hsl(95, 38%, 62%); color: hsl(95, 38%, 62%);
} }
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-3, .rainbow-braces .dark .token.dark .token.punctuation.brace-level-3,
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-7, .rainbow-braces .dark .token.dark .token.punctuation.brace-level-7,
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-11 { .rainbow-braces .dark .token.dark .token.punctuation.brace-level-11 {
color: hsl(207, 82%, 66%); color: hsl(207, 82%, 66%);
} }
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-4, .rainbow-braces .dark .token.dark .token.punctuation.brace-level-4,
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-8, .rainbow-braces .dark .token.dark .token.punctuation.brace-level-8,
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-12 { .rainbow-braces .dark .token.dark .token.punctuation.brace-level-12 {
color: hsl(286, 60%, 67%); color: hsl(286, 60%, 67%);
} }
/* Diff Highlight plugin overrides */ /* Diff Highlight plugin overrides */
/* Taken from https://github.com/atom/github/blob/master/styles/variables.less */ /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
pre.diff-highlight > code .dark .token.dark .token.deleted:not(.prefix), pre.diff-highlight > code .dark .token.dark .token.deleted:not(.prefix),
pre > code.diff-highlight .dark .token.dark .token.deleted:not(.prefix) { pre > code.diff-highlight .dark .token.dark .token.deleted:not(.prefix) {
background-color: hsla(353, 100%, 66%, 0.15); background-color: hsla(353, 100%, 66%, 0.15);
} }
pre.diff-highlight pre.diff-highlight
> code > code
.dark .dark
.token.dark .token.dark
.token.deleted:not(.prefix)::-moz-selection, .token.deleted:not(.prefix)::-moz-selection,
pre.diff-highlight pre.diff-highlight
> code > code
.dark .dark
.token.dark .token.dark
.token.deleted:not(.prefix) .token.deleted:not(.prefix)
*::-moz-selection, *::-moz-selection,
pre pre
> code.diff-highlight > code.diff-highlight
.dark .dark
.token.dark .token.dark
.token.deleted:not(.prefix)::-moz-selection, .token.deleted:not(.prefix)::-moz-selection,
pre pre
> code.diff-highlight > code.diff-highlight
.dark .dark
.token.dark .token.dark
.token.deleted:not(.prefix) .token.deleted:not(.prefix)
*::-moz-selection { *::-moz-selection {
background-color: hsla(353, 95%, 66%, 0.25); background-color: hsla(353, 95%, 66%, 0.25);
} }
pre.diff-highlight pre.diff-highlight
> code > code
.dark .dark
.token.dark .token.dark
.token.deleted:not(.prefix)::selection, .token.deleted:not(.prefix)::selection,
pre.diff-highlight pre.diff-highlight
> code > code
.dark .dark
.token.dark .token.dark
.token.deleted:not(.prefix) .token.deleted:not(.prefix)
*::selection, *::selection,
pre pre
> code.diff-highlight > code.diff-highlight
.dark .dark
.token.dark .token.dark
.token.deleted:not(.prefix)::selection, .token.deleted:not(.prefix)::selection,
pre pre
> code.diff-highlight > code.diff-highlight
.dark .dark
.token.dark .token.dark
.token.deleted:not(.prefix) .token.deleted:not(.prefix)
*::selection { *::selection {
background-color: hsla(353, 95%, 66%, 0.25); background-color: hsla(353, 95%, 66%, 0.25);
} }
pre.diff-highlight > code .dark .token.dark .token.inserted:not(.prefix), pre.diff-highlight > code .dark .token.dark .token.inserted:not(.prefix),
pre > code.diff-highlight .dark .token.dark .token.inserted:not(.prefix) { pre > code.diff-highlight .dark .token.dark .token.inserted:not(.prefix) {
background-color: hsla(137, 100%, 55%, 0.15); background-color: hsla(137, 100%, 55%, 0.15);
} }
pre.diff-highlight pre.diff-highlight
> code > code
.dark .dark
.token.dark .token.dark
.token.inserted:not(.prefix)::-moz-selection, .token.inserted:not(.prefix)::-moz-selection,
pre.diff-highlight pre.diff-highlight
> code > code
.dark .dark
.token.dark .token.dark
.token.inserted:not(.prefix) .token.inserted:not(.prefix)
*::-moz-selection, *::-moz-selection,
pre pre
> code.diff-highlight > code.diff-highlight
.dark .dark
.token.dark .token.dark
.token.inserted:not(.prefix)::-moz-selection, .token.inserted:not(.prefix)::-moz-selection,
pre pre
> code.diff-highlight > code.diff-highlight
.dark .dark
.token.dark .token.dark
.token.inserted:not(.prefix) .token.inserted:not(.prefix)
*::-moz-selection { *::-moz-selection {
background-color: hsla(135, 73%, 55%, 0.25); background-color: hsla(135, 73%, 55%, 0.25);
} }
pre.diff-highlight pre.diff-highlight
> code > code
.dark .dark
.token.dark .token.dark
.token.inserted:not(.prefix)::selection, .token.inserted:not(.prefix)::selection,
pre.diff-highlight pre.diff-highlight
> code > code
.dark .dark
.token.dark .token.dark
.token.inserted:not(.prefix) .token.inserted:not(.prefix)
*::selection, *::selection,
pre pre
> code.diff-highlight > code.diff-highlight
.dark .dark
.token.dark .token.dark
.token.inserted:not(.prefix)::selection, .token.inserted:not(.prefix)::selection,
pre pre
> code.diff-highlight > code.diff-highlight
.dark .dark
.token.dark .token.dark
.token.inserted:not(.prefix) .token.inserted:not(.prefix)
*::selection { *::selection {
background-color: hsla(135, 73%, 55%, 0.25); background-color: hsla(135, 73%, 55%, 0.25);
} }
/* Previewers plugin overrides */ /* Previewers plugin overrides */
@ -476,48 +476,48 @@ pre
/* Border around popup */ /* Border around popup */
.dark .prism-previewer.prism-previewer:before, .dark .prism-previewer.prism-previewer:before,
.dark .prism-previewer-gradient.prism-previewer-gradient div { .dark .prism-previewer-gradient.prism-previewer-gradient div {
border-color: hsl(224, 13%, 17%); border-color: hsl(224, 13%, 17%);
} }
/* Angle and time should remain as circles and are hence not included */ /* Angle and time should remain as circles and are hence not included */
.dark .prism-previewer-color.prism-previewer-color:before, .dark .prism-previewer-color.prism-previewer-color:before,
.dark .prism-previewer-gradient.prism-previewer-gradient div, .dark .prism-previewer-gradient.prism-previewer-gradient div,
.dark .prism-previewer-easing.prism-previewer-easing:before { .dark .prism-previewer-easing.prism-previewer-easing:before {
border-radius: 0.3em; border-radius: 0.3em;
} }
/* Triangles pointing to the code */ /* Triangles pointing to the code */
.dark .prism-previewer.prism-previewer:after { .dark .prism-previewer.prism-previewer:after {
border-top-color: hsl(224, 13%, 17%); border-top-color: hsl(224, 13%, 17%);
} }
.dark .prism-previewer-flipped.prism-previewer-flipped.after { .dark .prism-previewer-flipped.prism-previewer-flipped.after {
border-bottom-color: hsl(224, 13%, 17%); border-bottom-color: hsl(224, 13%, 17%);
} }
/* Background colour within the popup */ /* Background colour within the popup */
.dark .prism-previewer-angle.prism-previewer-angle:before, .dark .prism-previewer-angle.prism-previewer-angle:before,
.dark .prism-previewer-time.prism-previewer-time:before, .dark .prism-previewer-time.prism-previewer-time:before,
.dark .prism-previewer-easing.prism-previewer-easing { .dark .prism-previewer-easing.prism-previewer-easing {
background: hsl(219, 13%, 22%); background: hsl(219, 13%, 22%);
} }
/* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */ /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
/* For time, this is the alternate colour */ /* For time, this is the alternate colour */
.dark .prism-previewer-angle.prism-previewer-angle circle, .dark .prism-previewer-angle.prism-previewer-angle circle,
.dark .prism-previewer-time.prism-previewer-time circle { .dark .prism-previewer-time.prism-previewer-time circle {
stroke: hsl(220, 14%, 71%); stroke: hsl(220, 14%, 71%);
stroke-opacity: 1; stroke-opacity: 1;
} }
/* Stroke colours of the handle, direction point, and vector itself */ /* Stroke colours of the handle, direction point, and vector itself */
.dark .prism-previewer-easing.prism-previewer-easing circle, .dark .prism-previewer-easing.prism-previewer-easing circle,
.dark .prism-previewer-easing.prism-previewer-easing path, .dark .prism-previewer-easing.prism-previewer-easing path,
.dark .prism-previewer-easing.prism-previewer-easing line { .dark .prism-previewer-easing.prism-previewer-easing line {
stroke: hsl(220, 14%, 71%); stroke: hsl(220, 14%, 71%);
} }
/* Fill colour of the handle */ /* Fill colour of the handle */
.dark .prism-previewer-easing.prism-previewer-easing circle { .dark .prism-previewer-easing.prism-previewer-easing circle {
fill: transparent; fill: transparent;
} }

View File

@ -30,66 +30,66 @@
code, code,
pre { pre {
background: #fff; background: #fff;
color: hsl(230, 8%, 24%); color: hsl(230, 8%, 24%);
/* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono', /* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
monospace; */ monospace; */
font-family: 'JetBrains Mono', -apple-system, 'DejaVu Sans Mono', monospace; font-family: 'JetBrains Mono', -apple-system, 'DejaVu Sans Mono', monospace;
direction: ltr; direction: ltr;
text-align: left; text-align: left;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;
word-break: normal; word-break: normal;
line-height: 1.5; line-height: 1.5;
-moz-tab-size: 2; -moz-tab-size: 2;
-o-tab-size: 2; -o-tab-size: 2;
tab-size: 2; tab-size: 2;
-webkit-hyphens: none; -webkit-hyphens: none;
-moz-hyphens: none; -moz-hyphens: none;
-ms-hyphens: none; -ms-hyphens: none;
hyphens: none; hyphens: none;
} }
/* Selection */ /* Selection */
code::-moz-selection, code::-moz-selection,
code *::-moz-selection, code *::-moz-selection,
pre *::-moz-selection { pre *::-moz-selection {
background: hsl(230, 1%, 90%); background: hsl(230, 1%, 90%);
color: inherit; color: inherit;
} }
code::selection, code::selection,
code *::selection, code *::selection,
pre *::selection { pre *::selection {
background: hsl(230, 1%, 90%); background: hsl(230, 1%, 90%);
color: inherit; color: inherit;
} }
/* Code blocks */ /* Code blocks */
pre { pre {
padding: 1em; padding: 1em;
margin: 0.5em 0; margin: 0.5em 0;
overflow: auto; overflow: auto;
border-radius: 0.3em; border-radius: 0.3em;
} }
/* Inline code */ /* Inline code */
:not(pre) > code { :not(pre) > code {
padding: 0.2em 0.3em; padding: 0.2em 0.3em;
border-radius: 0.3em; border-radius: 0.3em;
white-space: normal; white-space: normal;
} }
.token.comment, .token.comment,
.token.prolog, .token.prolog,
.token.cdata { .token.cdata {
color: hsl(230, 4%, 64%); color: hsl(230, 4%, 64%);
} }
.token.doctype, .token.doctype,
.token.punctuation, .token.punctuation,
.token.entity { .token.entity {
color: hsl(230, 8%, 24%); color: hsl(230, 8%, 24%);
} }
.token.attr-name, .token.attr-name,
@ -98,11 +98,11 @@ pre {
.token.constant, .token.constant,
.token.number, .token.number,
.token.atrule { .token.atrule {
color: hsl(35, 99%, 36%); color: hsl(35, 99%, 36%);
} }
.token.keyword { .token.keyword {
color: hsl(301, 63%, 40%); color: hsl(301, 63%, 40%);
} }
.token.property, .token.property,
@ -110,7 +110,7 @@ pre {
.token.symbol, .token.symbol,
.token.deleted, .token.deleted,
.token.important { .token.important {
color: hsl(5, 74%, 59%); color: hsl(5, 74%, 59%);
} }
.token.selector, .token.selector,
@ -121,126 +121,126 @@ pre {
.token.regex, .token.regex,
.token.attr-value, .token.attr-value,
.token.attr-value > .token.punctuation { .token.attr-value > .token.punctuation {
color: hsl(119, 34%, 47%); color: hsl(119, 34%, 47%);
} }
.token.variable, .token.variable,
.token.operator, .token.operator,
.token.function { .token.function {
color: hsl(221, 87%, 60%); color: hsl(221, 87%, 60%);
} }
.token.url { .token.url {
color: hsl(198, 99%, 37%); color: hsl(198, 99%, 37%);
} }
/* HTML overrides */ /* HTML overrides */
.token.attr-value > .token.punctuation.attr-equals, .token.attr-value > .token.punctuation.attr-equals,
.token.special-attr > .token.attr-value > .token.value.css { .token.special-attr > .token.attr-value > .token.value.css {
color: hsl(230, 8%, 24%); color: hsl(230, 8%, 24%);
} }
/* CSS overrides */ /* CSS overrides */
.language-css .token.selector { .language-css .token.selector {
color: hsl(5, 74%, 59%); color: hsl(5, 74%, 59%);
} }
.language-css .token.property { .language-css .token.property {
color: hsl(230, 8%, 24%); color: hsl(230, 8%, 24%);
} }
.language-css .token.function, .language-css .token.function,
.language-css .token.url > .token.function { .language-css .token.url > .token.function {
color: hsl(198, 99%, 37%); color: hsl(198, 99%, 37%);
} }
.language-css .token.url > .token.string.url { .language-css .token.url > .token.string.url {
color: hsl(119, 34%, 47%); color: hsl(119, 34%, 47%);
} }
.language-css .token.important, .language-css .token.important,
.language-css .token.atrule .token.rule { .language-css .token.atrule .token.rule {
color: hsl(301, 63%, 40%); color: hsl(301, 63%, 40%);
} }
/* JS overrides */ /* JS overrides */
.language-javascript .token.operator { .language-javascript .token.operator {
color: hsl(301, 63%, 40%); color: hsl(301, 63%, 40%);
} }
.language-javascript .language-javascript
.token.template-string .token.template-string
> .token.interpolation > .token.interpolation
> .token.interpolation-punctuation.punctuation { > .token.interpolation-punctuation.punctuation {
color: hsl(344, 84%, 43%); color: hsl(344, 84%, 43%);
} }
/* JSON overrides */ /* JSON overrides */
.language-json .token.operator { .language-json .token.operator {
color: hsl(230, 8%, 24%); color: hsl(230, 8%, 24%);
} }
.language-json .token.null.keyword { .language-json .token.null.keyword {
color: hsl(35, 99%, 36%); color: hsl(35, 99%, 36%);
} }
/* MD overrides */ /* MD overrides */
.language-markdown .token.url, .language-markdown .token.url,
.language-markdown .token.url > .token.operator, .language-markdown .token.url > .token.operator,
.language-markdown .token.url-reference.url > .token.string { .language-markdown .token.url-reference.url > .token.string {
color: hsl(230, 8%, 24%); color: hsl(230, 8%, 24%);
} }
.language-markdown .token.url > .token.content { .language-markdown .token.url > .token.content {
color: hsl(221, 87%, 60%); color: hsl(221, 87%, 60%);
} }
.language-markdown .token.url > .token.url, .language-markdown .token.url > .token.url,
.language-markdown .token.url-reference.url { .language-markdown .token.url-reference.url {
color: hsl(198, 99%, 37%); color: hsl(198, 99%, 37%);
} }
.language-markdown .token.blockquote.punctuation, .language-markdown .token.blockquote.punctuation,
.language-markdown .token.hr.punctuation { .language-markdown .token.hr.punctuation {
color: hsl(230, 4%, 64%); color: hsl(230, 4%, 64%);
font-style: italic; font-style: italic;
} }
.language-markdown .token.code-snippet { .language-markdown .token.code-snippet {
color: hsl(119, 34%, 47%); color: hsl(119, 34%, 47%);
} }
.language-markdown .token.bold .token.content { .language-markdown .token.bold .token.content {
color: hsl(35, 99%, 36%); color: hsl(35, 99%, 36%);
} }
.language-markdown .token.italic .token.content { .language-markdown .token.italic .token.content {
color: hsl(301, 63%, 40%); color: hsl(301, 63%, 40%);
} }
.language-markdown .token.strike .token.content, .language-markdown .token.strike .token.content,
.language-markdown .token.strike .token.punctuation, .language-markdown .token.strike .token.punctuation,
.language-markdown .token.list.punctuation, .language-markdown .token.list.punctuation,
.language-markdown .token.title.important > .token.punctuation { .language-markdown .token.title.important > .token.punctuation {
color: hsl(5, 74%, 59%); color: hsl(5, 74%, 59%);
} }
/* General */ /* General */
.token.bold { .token.bold {
font-weight: bold; font-weight: bold;
} }
.token.comment, .token.comment,
.token.italic { .token.italic {
font-style: italic; font-style: italic;
} }
.token.entity { .token.entity {
cursor: help; cursor: help;
} }
.token.namespace { .token.namespace {
opacity: 0.8; opacity: 0.8;
} }
/* Plugin overrides */ /* Plugin overrides */
@ -251,23 +251,23 @@ pre {
.token.token.cr:before, .token.token.cr:before,
.token.token.lf:before, .token.token.lf:before,
.token.token.space:before { .token.token.space:before {
color: hsla(230, 8%, 24%, 0.2); color: hsla(230, 8%, 24%, 0.2);
} }
/* Toolbar plugin overrides */ /* Toolbar plugin overrides */
/* Space out all buttons and move them away from the right edge of the code block */ /* Space out all buttons and move them away from the right edge of the code block */
div.code-toolbar > .toolbar.toolbar > .toolbar-item { div.code-toolbar > .toolbar.toolbar > .toolbar-item {
margin-right: 0.4em; margin-right: 0.4em;
} }
/* Styling the buttons */ /* Styling the buttons */
div.code-toolbar > .toolbar.toolbar > .toolbar-item > button, div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
div.code-toolbar > .toolbar.toolbar > .toolbar-item > a, div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
div.code-toolbar > .toolbar.toolbar > .toolbar-item > span { div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
background: hsl(230, 1%, 90%); background: hsl(230, 1%, 90%);
color: hsl(230, 6%, 44%); color: hsl(230, 6%, 44%);
padding: 0.1em 0.4em; padding: 0.1em 0.4em;
border-radius: 0.3em; border-radius: 0.3em;
} }
div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover, div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
@ -276,45 +276,45 @@ div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus, div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover, div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus { div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */ background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */
color: hsl(230, 8%, 24%); color: hsl(230, 8%, 24%);
} }
/* Line Highlight plugin overrides */ /* Line Highlight plugin overrides */
/* The highlighted line itself */ /* The highlighted line itself */
.line-highlight.line-highlight { .line-highlight.line-highlight {
background: hsla(230, 8%, 24%, 0.05); background: hsla(230, 8%, 24%, 0.05);
} }
/* Default line numbers in Line Highlight plugin */ /* Default line numbers in Line Highlight plugin */
.line-highlight.line-highlight:before, .line-highlight.line-highlight:before,
.line-highlight.line-highlight[data-end]:after { .line-highlight.line-highlight[data-end]:after {
background: hsl(230, 1%, 90%); background: hsl(230, 1%, 90%);
color: hsl(230, 8%, 24%); color: hsl(230, 8%, 24%);
padding: 0.1em 0.6em; padding: 0.1em 0.6em;
border-radius: 0.3em; border-radius: 0.3em;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */ box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
} }
/* Hovering over a linkable line number (in the gutter area) */ /* Hovering over a linkable line number (in the gutter area) */
/* Requires Line Numbers plugin as well */ /* Requires Line Numbers plugin as well */
pre[id].linkable-line-numbers.linkable-line-numbers pre[id].linkable-line-numbers.linkable-line-numbers
span.line-numbers-rows span.line-numbers-rows
> span:hover:before { > span:hover:before {
background-color: hsla(230, 8%, 24%, 0.05); background-color: hsla(230, 8%, 24%, 0.05);
} }
/* Line Numbers and Command Line plugins overrides */ /* Line Numbers and Command Line plugins overrides */
/* Line separating gutter from coding area */ /* Line separating gutter from coding area */
.line-numbers.line-numbers .line-numbers-rows, .line-numbers.line-numbers .line-numbers-rows,
.command-line .command-line-prompt { .command-line .command-line-prompt {
border-right-color: hsla(230, 8%, 24%, 0.2); border-right-color: hsla(230, 8%, 24%, 0.2);
} }
/* Stuff in the gutter */ /* Stuff in the gutter */
.line-numbers .line-numbers-rows > span:before, .line-numbers .line-numbers-rows > span:before,
.command-line .command-line-prompt > span:before { .command-line .command-line-prompt > span:before {
color: hsl(230, 1%, 62%); color: hsl(230, 1%, 62%);
} }
/* Match Braces plugin overrides */ /* Match Braces plugin overrides */
@ -322,65 +322,65 @@ pre[id].linkable-line-numbers.linkable-line-numbers
.rainbow-braces .token.token.punctuation.brace-level-1, .rainbow-braces .token.token.punctuation.brace-level-1,
.rainbow-braces .token.token.punctuation.brace-level-5, .rainbow-braces .token.token.punctuation.brace-level-5,
.rainbow-braces .token.token.punctuation.brace-level-9 { .rainbow-braces .token.token.punctuation.brace-level-9 {
color: hsl(5, 74%, 59%); color: hsl(5, 74%, 59%);
} }
.rainbow-braces .token.token.punctuation.brace-level-2, .rainbow-braces .token.token.punctuation.brace-level-2,
.rainbow-braces .token.token.punctuation.brace-level-6, .rainbow-braces .token.token.punctuation.brace-level-6,
.rainbow-braces .token.token.punctuation.brace-level-10 { .rainbow-braces .token.token.punctuation.brace-level-10 {
color: hsl(119, 34%, 47%); color: hsl(119, 34%, 47%);
} }
.rainbow-braces .token.token.punctuation.brace-level-3, .rainbow-braces .token.token.punctuation.brace-level-3,
.rainbow-braces .token.token.punctuation.brace-level-7, .rainbow-braces .token.token.punctuation.brace-level-7,
.rainbow-braces .token.token.punctuation.brace-level-11 { .rainbow-braces .token.token.punctuation.brace-level-11 {
color: hsl(221, 87%, 60%); color: hsl(221, 87%, 60%);
} }
.rainbow-braces .token.token.punctuation.brace-level-4, .rainbow-braces .token.token.punctuation.brace-level-4,
.rainbow-braces .token.token.punctuation.brace-level-8, .rainbow-braces .token.token.punctuation.brace-level-8,
.rainbow-braces .token.token.punctuation.brace-level-12 { .rainbow-braces .token.token.punctuation.brace-level-12 {
color: hsl(301, 63%, 40%); color: hsl(301, 63%, 40%);
} }
/* Diff Highlight plugin overrides */ /* Diff Highlight plugin overrides */
/* Taken from https://github.com/atom/github/blob/master/styles/variables.less */ /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
pre.diff-highlight > code .token.token.deleted:not(.prefix), pre.diff-highlight > code .token.token.deleted:not(.prefix),
pre > code.diff-highlight .token.token.deleted:not(.prefix) { pre > code.diff-highlight .token.token.deleted:not(.prefix) {
background-color: hsla(353, 100%, 66%, 0.15); background-color: hsla(353, 100%, 66%, 0.15);
} }
pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection, pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection, pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection, pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection { pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
background-color: hsla(353, 95%, 66%, 0.25); background-color: hsla(353, 95%, 66%, 0.25);
} }
pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection, pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection, pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection, pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection { pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
background-color: hsla(353, 95%, 66%, 0.25); background-color: hsla(353, 95%, 66%, 0.25);
} }
pre.diff-highlight > code .token.token.inserted:not(.prefix), pre.diff-highlight > code .token.token.inserted:not(.prefix),
pre > code.diff-highlight .token.token.inserted:not(.prefix) { pre > code.diff-highlight .token.token.inserted:not(.prefix) {
background-color: hsla(137, 100%, 55%, 0.15); background-color: hsla(137, 100%, 55%, 0.15);
} }
pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection, pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection, pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection, pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection { pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
background-color: hsla(135, 73%, 55%, 0.25); background-color: hsla(135, 73%, 55%, 0.25);
} }
pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection, pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection, pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection, pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection { pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
background-color: hsla(135, 73%, 55%, 0.25); background-color: hsla(135, 73%, 55%, 0.25);
} }
/* Previewers plugin overrides */ /* Previewers plugin overrides */
@ -388,48 +388,48 @@ pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
/* Border around popup */ /* Border around popup */
.prism-previewer.prism-previewer:before, .prism-previewer.prism-previewer:before,
.prism-previewer-gradient.prism-previewer-gradient div { .prism-previewer-gradient.prism-previewer-gradient div {
border-color: hsl(0, 0, 95%); border-color: hsl(0, 0, 95%);
} }
/* Angle and time should remain as circles and are hence not included */ /* Angle and time should remain as circles and are hence not included */
.prism-previewer-color.prism-previewer-color:before, .prism-previewer-color.prism-previewer-color:before,
.prism-previewer-gradient.prism-previewer-gradient div, .prism-previewer-gradient.prism-previewer-gradient div,
.prism-previewer-easing.prism-previewer-easing:before { .prism-previewer-easing.prism-previewer-easing:before {
border-radius: 0.3em; border-radius: 0.3em;
} }
/* Triangles pointing to the code */ /* Triangles pointing to the code */
.prism-previewer.prism-previewer:after { .prism-previewer.prism-previewer:after {
border-top-color: hsl(0, 0, 95%); border-top-color: hsl(0, 0, 95%);
} }
.prism-previewer-flipped.prism-previewer-flipped.after { .prism-previewer-flipped.prism-previewer-flipped.after {
border-bottom-color: hsl(0, 0, 95%); border-bottom-color: hsl(0, 0, 95%);
} }
/* Background colour within the popup */ /* Background colour within the popup */
.prism-previewer-angle.prism-previewer-angle:before, .prism-previewer-angle.prism-previewer-angle:before,
.prism-previewer-time.prism-previewer-time:before, .prism-previewer-time.prism-previewer-time:before,
.prism-previewer-easing.prism-previewer-easing { .prism-previewer-easing.prism-previewer-easing {
background: hsl(0, 0%, 100%); background: hsl(0, 0%, 100%);
} }
/* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */ /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
/* For time, this is the alternate colour */ /* For time, this is the alternate colour */
.prism-previewer-angle.prism-previewer-angle circle, .prism-previewer-angle.prism-previewer-angle circle,
.prism-previewer-time.prism-previewer-time circle { .prism-previewer-time.prism-previewer-time circle {
stroke: hsl(230, 8%, 24%); stroke: hsl(230, 8%, 24%);
stroke-opacity: 1; stroke-opacity: 1;
} }
/* Stroke colours of the handle, direction point, and vector itself */ /* Stroke colours of the handle, direction point, and vector itself */
.prism-previewer-easing.prism-previewer-easing circle, .prism-previewer-easing.prism-previewer-easing circle,
.prism-previewer-easing.prism-previewer-easing path, .prism-previewer-easing.prism-previewer-easing path,
.prism-previewer-easing.prism-previewer-easing line { .prism-previewer-easing.prism-previewer-easing line {
stroke: hsl(230, 8%, 24%); stroke: hsl(230, 8%, 24%);
} }
/* Fill colour of the handle */ /* Fill colour of the handle */
.prism-previewer-easing.prism-previewer-easing circle { .prism-previewer-easing.prism-previewer-easing circle {
fill: transparent; fill: transparent;
} }

View File

@ -1,116 +1,118 @@
#article { #article {
--color-prettylights-syntax-comment: #6e7781; --color-prettylights-syntax-comment: #6e7781;
--color-prettylights-syntax-constant: #0550ae; --color-prettylights-syntax-constant: #0550ae;
--color-prettylights-syntax-entity: #8250df; --color-prettylights-syntax-entity: #8250df;
--color-prettylights-syntax-storage-modifier-import: #24292f; --color-prettylights-syntax-storage-modifier-import: #24292f;
--color-prettylights-syntax-entity-tag: #116329; --color-prettylights-syntax-entity-tag: #116329;
--color-prettylights-syntax-keyword: #cf222e; --color-prettylights-syntax-keyword: #cf222e;
--color-prettylights-syntax-string: #0a3069; --color-prettylights-syntax-string: #0a3069;
--color-prettylights-syntax-variable: #953800; --color-prettylights-syntax-variable: #953800;
--color-prettylights-syntax-brackethighlighter-unmatched: #82071e; --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
--color-prettylights-syntax-invalid-illegal-text: #f6f8fa; --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
--color-prettylights-syntax-invalid-illegal-bg: #82071e; --color-prettylights-syntax-invalid-illegal-bg: #82071e;
--color-prettylights-syntax-carriage-return-text: #f6f8fa; --color-prettylights-syntax-carriage-return-text: #f6f8fa;
--color-prettylights-syntax-carriage-return-bg: #cf222e; --color-prettylights-syntax-carriage-return-bg: #cf222e;
--color-prettylights-syntax-string-regexp: #116329; --color-prettylights-syntax-string-regexp: #116329;
--color-prettylights-syntax-markup-list: #3b2300; --color-prettylights-syntax-markup-list: #3b2300;
--color-prettylights-syntax-markup-heading: #0550ae; --color-prettylights-syntax-markup-heading: #0550ae;
--color-prettylights-syntax-markup-italic: #24292f; --color-prettylights-syntax-markup-italic: #24292f;
--color-prettylights-syntax-markup-bold: #24292f; --color-prettylights-syntax-markup-bold: #24292f;
--color-prettylights-syntax-markup-deleted-text: #82071e; --color-prettylights-syntax-markup-deleted-text: #82071e;
--color-prettylights-syntax-markup-deleted-bg: #ffebe9; --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
--color-prettylights-syntax-markup-inserted-text: #116329; --color-prettylights-syntax-markup-inserted-text: #116329;
--color-prettylights-syntax-markup-inserted-bg: #dafbe1; --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
--color-prettylights-syntax-markup-changed-text: #953800; --color-prettylights-syntax-markup-changed-text: #953800;
--color-prettylights-syntax-markup-changed-bg: #ffd8b5; --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
--color-prettylights-syntax-markup-ignored-text: #eaeef2; --color-prettylights-syntax-markup-ignored-text: #eaeef2;
--color-prettylights-syntax-markup-ignored-bg: #0550ae; --color-prettylights-syntax-markup-ignored-bg: #0550ae;
--color-prettylights-syntax-meta-diff-range: #8250df; --color-prettylights-syntax-meta-diff-range: #8250df;
--color-prettylights-syntax-brackethighlighter-angle: #57606a; --color-prettylights-syntax-brackethighlighter-angle: #57606a;
--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
--color-prettylights-syntax-constant-other-reference-link: #0a3069; --color-prettylights-syntax-constant-other-reference-link: #0a3069;
--color-fg-default: #24292f; --color-fg-default: #24292f;
--color-fg-muted: #57606a; --color-fg-muted: #57606a;
--color-fg-subtle: #6e7781; --color-fg-subtle: #6e7781;
--color-canvas-default: #ffffff; --color-canvas-default: #ffffff;
--color-canvas-subtle: #f6f8fa; --color-canvas-subtle: #f6f8fa;
--color-border-default: #d0d7de; --color-border-default: #d0d7de;
--color-border-muted: hsla(210, 18%, 87%, 1); --color-border-muted: hsla(210, 18%, 87%, 1);
--color-neutral-muted: rgba(175, 184, 193, 0.2); --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-accent-fg: #0969da; --color-accent-fg: #0969da;
--color-accent-emphasis: #0969da; --color-accent-emphasis: #0969da;
--color-attention-subtle: #fff8c5; --color-attention-subtle: #fff8c5;
--color-danger-fg: #cf222e; --color-danger-fg: #cf222e;
} }
.dark #article { .dark #article {
--color-prettylights-syntax-comment: #8b949e; --color-prettylights-syntax-comment: #8b949e;
--color-prettylights-syntax-constant: #79c0ff; --color-prettylights-syntax-constant: #79c0ff;
--color-prettylights-syntax-entity: #d2a8ff; --color-prettylights-syntax-entity: #d2a8ff;
--color-prettylights-syntax-storage-modifier-import: #c9d1d9; --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
--color-prettylights-syntax-entity-tag: #7ee787; --color-prettylights-syntax-entity-tag: #7ee787;
--color-prettylights-syntax-keyword: #ff7b72; --color-prettylights-syntax-keyword: #ff7b72;
--color-prettylights-syntax-string: #a5d6ff; --color-prettylights-syntax-string: #a5d6ff;
--color-prettylights-syntax-variable: #ffa657; --color-prettylights-syntax-variable: #ffa657;
--color-prettylights-syntax-brackethighlighter-unmatched: #f85149; --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
--color-prettylights-syntax-invalid-illegal-text: #f0f6fc; --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
--color-prettylights-syntax-invalid-illegal-bg: #8e1519; --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
--color-prettylights-syntax-carriage-return-text: #f0f6fc; --color-prettylights-syntax-carriage-return-text: #f0f6fc;
--color-prettylights-syntax-carriage-return-bg: #b62324; --color-prettylights-syntax-carriage-return-bg: #b62324;
--color-prettylights-syntax-string-regexp: #7ee787; --color-prettylights-syntax-string-regexp: #7ee787;
--color-prettylights-syntax-markup-list: #f2cc60; --color-prettylights-syntax-markup-list: #f2cc60;
--color-prettylights-syntax-markup-heading: #1f6feb; --color-prettylights-syntax-markup-heading: #1f6feb;
--color-prettylights-syntax-markup-italic: #c9d1d9; --color-prettylights-syntax-markup-italic: #c9d1d9;
--color-prettylights-syntax-markup-bold: #c9d1d9; --color-prettylights-syntax-markup-bold: #c9d1d9;
--color-prettylights-syntax-markup-deleted-text: #ffdcd7; --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
--color-prettylights-syntax-markup-deleted-bg: #67060c; --color-prettylights-syntax-markup-deleted-bg: #67060c;
--color-prettylights-syntax-markup-inserted-text: #aff5b4; --color-prettylights-syntax-markup-inserted-text: #aff5b4;
--color-prettylights-syntax-markup-inserted-bg: #033a16; --color-prettylights-syntax-markup-inserted-bg: #033a16;
--color-prettylights-syntax-markup-changed-text: #ffdfb6; --color-prettylights-syntax-markup-changed-text: #ffdfb6;
--color-prettylights-syntax-markup-changed-bg: #5a1e02; --color-prettylights-syntax-markup-changed-bg: #5a1e02;
--color-prettylights-syntax-markup-ignored-text: #c9d1d9; --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
--color-prettylights-syntax-markup-ignored-bg: #1158c7; --color-prettylights-syntax-markup-ignored-bg: #1158c7;
--color-prettylights-syntax-meta-diff-range: #d2a8ff; --color-prettylights-syntax-meta-diff-range: #d2a8ff;
--color-prettylights-syntax-brackethighlighter-angle: #8b949e; --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
--color-prettylights-syntax-constant-other-reference-link: #a5d6ff; --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
--color-fg-default: #c9d1d9; --color-fg-default: #c9d1d9;
--color-fg-muted: #8b949e; --color-fg-muted: #8b949e;
--color-fg-subtle: #484f58; --color-fg-subtle: #484f58;
--color-canvas-default: #0d1117; --color-canvas-default: #0d1117;
--color-canvas-subtle: #161b22; --color-canvas-subtle: #161b22;
--color-border-default: #30363d; --color-border-default: #30363d;
--color-border-muted: #21262d; --color-border-muted: #21262d;
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-neutral-muted: rgba(110, 118, 129, 0.4);
--color-accent-fg: #58a6ff; --color-accent-fg: #58a6ff;
--color-accent-emphasis: #1f6feb; --color-accent-emphasis: #1f6feb;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-attention-subtle: rgba(187, 128, 9, 0.15);
--color-danger-fg: #f85149; --color-danger-fg: #f85149;
} }
#article { #article {
@apply text-lg leading-10; @apply text-lg leading-10;
} }
#article .toc { #article .toc {
padding-left: 0.8em; padding-left: 0.8em;
@apply my-4; @apply my-4;
} }
#article .toc li { #article .toc li {
list-style-type: none; list-style-type: none;
} }
#article h1 { #article h1 {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
@apply text-gray-800 dark:text-gray-200; @apply text-gray-800 dark:text-gray-200;
@apply mt-8 text-5xl font-Barlow; @apply mt-8 text-5xl font-Barlow;
} }
#article time { #article time {
display: block; display: block;
text-align: center; text-align: center;
@apply text-gray-400 dark:text-gray-600; @apply text-gray-400 dark:text-gray-600;
@apply mt-8 mb-20; @apply mt-8 mb-20;
} }
#article h2, #article h2,
@ -118,226 +120,251 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-weight: bold; font-weight: bold;
} }
#article h2:hover::before, #article h2:hover::before,
h3:hover::before, h3:hover::before,
h4:hover::before, h4:hover::before,
h5:hover::before, h5:hover::before,
h6:hover::before { h6:hover::before {
content: '#'; content: '#';
left: -1.7rem; left: -1.7rem;
@apply absolute text-gray-400; @apply absolute text-gray-400;
} }
#article h2 { #article h2 {
@apply relative text-3xl; @apply relative text-3xl;
@apply text-gray-700 dark:text-gray-200; @apply text-gray-700 dark:text-gray-200;
@apply mt-8 mb-2; @apply mt-8 mb-2;
} }
#article h3 { #article h3 {
@apply relative text-2xl; @apply relative text-2xl;
@apply mt-6 mb-2; @apply mt-6 mb-2;
} }
#article h4 { #article h4 {
@apply relative text-xl; @apply relative text-xl;
@apply mt-6 mb-2; @apply mt-6 mb-2;
} }
#article h5 { #article h5 {
@apply relative; @apply relative;
@apply mt-4 mb-2; @apply mt-4 mb-2;
} }
#article h6 { #article h6 {
@apply relative; @apply relative;
@apply mt-2 mb-2; @apply mt-2 mb-2;
} }
#article table { #article table {
border-spacing: 0; border-spacing: 0;
border-collapse: collapse; border-collapse: collapse;
display: block; display: block;
width: max-content; width: max-content;
max-width: 100%; max-width: 100%;
overflow: auto; overflow: auto;
margin-top: 0; margin-top: 0;
margin-bottom: 16px; margin-bottom: 16px;
} }
#article td, #article td,
#article th { #article th {
padding: 0; padding: 0;
} }
#article details summary { #article details summary {
cursor: pointer; cursor: pointer;
} }
#article table th { #article table th {
font-weight: 600; font-weight: 600;
} }
#article table th, #article table th,
#article table td { #article table td {
padding: 6px 13px; padding: 6px 13px;
} }
#article thead tr:first-child { #article thead tr:first-child {
@apply border-t-0; @apply border-t-0;
} }
#article table tr { #article table tr {
background-color: var(--color-canvas-default); background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted); border-top: 1px solid var(--color-border-muted);
} }
#article table tr:nth-child(2n) { #article table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
} }
#article table img { #article table img {
background-color: transparent; background-color: transparent;
} }
#article blockquote { #article blockquote {
margin: 0; margin: 0;
padding: 0 1em; padding: 0 1em;
color: var(--color-fg-muted); color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default); border-left: 0.25em solid var(--color-border-default);
} }
#article kbd { #article kbd {
display: inline-block; display: inline-block;
padding: 3px 5px; padding: 3px 5px;
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
Liberation Mono, monospace; Liberation Mono, monospace;
line-height: 10px; line-height: 10px;
color: var(--color-fg-default); color: var(--color-fg-default);
vertical-align: middle; vertical-align: middle;
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted); border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted); border-bottom-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted); box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
} }
#article hr { #article hr {
box-sizing: content-box; box-sizing: content-box;
overflow: hidden; overflow: hidden;
background: transparent; background: transparent;
border-bottom: 1px solid var(--color-border-muted); border-bottom: 1px solid var(--color-border-muted);
height: 0.25em; height: 0.25em;
padding: 0; padding: 0;
margin: 24px 0; margin: 24px 0;
background-color: var(--color-border-default); background-color: var(--color-border-default);
border: 0; border: 0;
} }
#article hr::before { #article hr::before {
display: table; display: table;
content: ''; content: '';
} }
#article hr::after { #article hr::after {
display: table; display: table;
clear: both; clear: both;
content: ''; content: '';
} }
#article code, #article code,
#article tt { #article tt {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
margin: 0; margin: 0;
font-size: 85%; font-size: 85%;
background-color: var(--color-neutral-muted); background-color: var(--color-neutral-muted);
border-radius: 6px; border-radius: 6px;
} }
#article pre > code { #article pre > code {
padding: 0; padding: 0;
margin: 0; margin: 0;
word-break: normal; word-break: normal;
white-space: pre; white-space: pre;
background: transparent; background: transparent;
border: 0; border: 0;
} }
#article code, #article code,
#article kbd, #article kbd,
#article pre, #article pre,
#article samp { #article samp {
/* font-family: monospace, monospace; */ /* font-family: monospace, monospace; */
font-size: 16px; font-size: 16px;
} }
#article mark { #article mark {
background-color: var(--color-attention-subtle); background-color: var(--color-attention-subtle);
color: var(--color-text-primary); color: var(--color-text-primary);
} }
#article sub, #article sub,
#article sup { #article sup {
font-size: 75%; font-size: 75%;
line-height: 0; line-height: 0;
position: relative; position: relative;
vertical-align: baseline; vertical-align: baseline;
} }
#article sub { #article sub {
bottom: -0.25em; bottom: -0.25em;
} }
#article sup { #article sup {
top: -0.5em; top: -0.5em;
} }
#article ol li { #article ol li {
list-style-type: auto; list-style-type: auto;
} }
#article ul li { #article ul li {
list-style-type: initial; list-style-type: initial;
} }
#article ul.no-list, #article ul.no-list,
#article ol.no-list { #article ol.no-list {
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
#article ol[type='1'] { #article ol[type='1'] {
list-style-type: decimal; list-style-type: decimal;
} }
#article ol[type='a'] { #article ol[type='a'] {
list-style-type: lower-alpha; list-style-type: lower-alpha;
} }
#article ol[type='i'] { #article ol[type='i'] {
list-style-type: lower-roman; list-style-type: lower-roman;
} }
#article div > ol:not([type]) { #article div > ol:not([type]) {
list-style-type: decimal; list-style-type: decimal;
} }
#article ul, #article ul,
#article ol { #article ol {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
padding-left: 2em; padding-left: 2em;
} }
#article ol ol, #article ol ol,
#article ul ol { #article ul ol {
list-style-type: lower-roman; list-style-type: lower-roman;
} }
#article ul ul ol, #article ul ul ol,
#article ul ol ol, #article ul ol ol,
#article ol ul ol, #article ol ul ol,
#article ol ol ol { #article ol ol ol {
list-style-type: lower-alpha; list-style-type: lower-alpha;
} }
#article dd { #article dd {
margin-left: 0; margin-left: 0;
} }
#article .sp-layout > .sp-stack { #article .sp-layout > .sp-stack {
height: 400px; height: 400px;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
#article .sp-layout > .sp-stack { #article .sp-layout > .sp-stack {
height: auto; height: auto;
} }
} }
#article img { #article img {
border-radius: 6px; border-radius: 6px;
} }
#article .cm-editor .cm-line { #article .cm-editor .cm-line {
font-size: 15px; font-size: 15px;
font-family: 'JetBrains Mono', -apple-system, monospace; font-family: 'JetBrains Mono', -apple-system, monospace;
} }

View File

@ -2,7 +2,11 @@
"compilerOptions": { "compilerOptions": {
"baseUrl": ".", "baseUrl": ".",
"target": "es5", "target": "es5",
"lib": ["dom", "dom.iterable", "esnext"], "lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true, "allowJs": true,
"skipLibCheck": true, "skipLibCheck": true,
"strict": true, "strict": true,
@ -17,6 +21,12 @@
// "typeRoots": ["./types", "./node_modules/@types"], // "typeRoots": ["./types", "./node_modules/@types"],
"incremental": true "incremental": true
}, },
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "include": [
"exclude": ["node_modules"] "next-env.d.ts",
"**/*.ts",
"**/*.tsx"
],
"exclude": [
"node_modules"
]
} }

View File

@ -41,6 +41,7 @@ export interface Gist {
owner: GistsOwner; owner: GistsOwner;
truncated: boolean; truncated: boolean;
} }
export interface GistsFile { export interface GistsFile {
filename: string; filename: string;
type: GistsFileType; type: GistsFileType;
@ -49,17 +50,20 @@ export interface GistsFile {
size: number; size: number;
content: string; content: string;
} }
export enum GistsLanguage { export enum GistsLanguage {
JavaScript = 'JavaScript', JavaScript = 'JavaScript',
PublicKey = 'Public Key', PublicKey = 'Public Key',
TypeScript = 'TypeScript', TypeScript = 'TypeScript',
} }
export enum GistsFileType { export enum GistsFileType {
ApplicationJavascript = 'application/javascript', ApplicationJavascript = 'application/javascript',
ApplicationPGPSignature = 'application/pgp-signature', ApplicationPGPSignature = 'application/pgp-signature',
TextPlain = 'text/plain', TextPlain = 'text/plain',
VideoMP2T = 'video/MP2T', VideoMP2T = 'video/MP2T',
} }
export interface GistsOwner { export interface GistsOwner {
login: GistsLogin; login: GistsLogin;
id: number; id: number;
@ -80,24 +84,31 @@ export interface GistsOwner {
type: GistsOwnerType; type: GistsOwnerType;
site_admin: boolean; site_admin: boolean;
} }
export enum GistsEventsURL { export enum GistsEventsURL {
HTTPSAPIGithubCOMUsersDefectingCatEventsPrivacy = 'https://api.github.com/users/DefectingCat/events{/privacy}', HTTPSAPIGithubCOMUsersDefectingCatEventsPrivacy = 'https://api.github.com/users/DefectingCat/events{/privacy}',
} }
export enum GistsFollowingURL { export enum GistsFollowingURL {
HTTPSAPIGithubCOMUsersDefectingCatFollowingOtherUser = 'https://api.github.com/users/DefectingCat/following{/other_user}', HTTPSAPIGithubCOMUsersDefectingCatFollowingOtherUser = 'https://api.github.com/users/DefectingCat/following{/other_user}',
} }
export enum GistsURL { export enum GistsURL {
HTTPSAPIGithubCOMUsersDefectingCatGistsGistID = 'https://api.github.com/users/DefectingCat/gists{/gist_id}', HTTPSAPIGithubCOMUsersDefectingCatGistsGistID = 'https://api.github.com/users/DefectingCat/gists{/gist_id}',
} }
export enum GistsLogin { export enum GistsLogin {
DefectingCat = 'DefectingCat', DefectingCat = 'DefectingCat',
} }
export enum GistsNodeID { export enum GistsNodeID {
MDQ6VXNlcjI1MDMzNDkz = 'MDQ6VXNlcjI1MDMzNDkz', MDQ6VXNlcjI1MDMzNDkz = 'MDQ6VXNlcjI1MDMzNDkz',
} }
export enum GistsStarredURL { export enum GistsStarredURL {
HTTPSAPIGithubCOMUsersDefectingCatStarredOwnerRepo = 'https://api.github.com/users/DefectingCat/starred{/owner}{/repo}', HTTPSAPIGithubCOMUsersDefectingCatStarredOwnerRepo = 'https://api.github.com/users/DefectingCat/starred{/owner}{/repo}',
} }
export enum GistsOwnerType { export enum GistsOwnerType {
User = 'User', User = 'User',
} }