mirror of
https://github.com/DefectingCat/DefectingCat.github.io
synced 2025-07-15 16:51:37 +00:00
📝 Update style
This commit is contained in:
DefectingCat
5
.idea/.gitignore
generated
vendored
Normal file
5
.idea/.gitignore
generated
vendored
Normal 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
12
.idea/DefectingCat.github.io.iml
generated
Normal 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>
|
||||
6
.idea/inspectionProfiles/Project_Default.xml
generated
Normal file
6
.idea/inspectionProfiles/Project_Default.xml
generated
Normal 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
8
.idea/modules.xml
generated
Normal 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
7
.idea/prettier.xml
generated
Normal 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
6
.idea/vcs.xml
generated
Normal 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
4
.prettierrc.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"semi": true,
|
||||
"singleQuote": true
|
||||
}
|
||||
@ -4,7 +4,7 @@
|
||||
|
||||
<div>
|
||||
<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">
|
||||
<img src="https://img.shields.io/website?style=flat-square&url=https%3A%2F%2Frua.plus" alt=''/>
|
||||
</a>
|
||||
|
||||
@ -1,69 +1,69 @@
|
||||
.container {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 30px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 30px;
|
||||
|
||||
border-radius: 3px;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
font: initial;
|
||||
cursor: initial;
|
||||
letter-spacing: initial;
|
||||
text-shadow: initial;
|
||||
text-transform: initial;
|
||||
visibility: initial;
|
||||
border-radius: 3px;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
font: initial;
|
||||
cursor: initial;
|
||||
letter-spacing: initial;
|
||||
text-shadow: initial;
|
||||
text-transform: initial;
|
||||
visibility: initial;
|
||||
|
||||
padding: 7px 10px 8px 10px;
|
||||
align-items: center;
|
||||
box-shadow: 0 11px 40px 0 rgba(0, 0, 0, 0.25),
|
||||
padding: 7px 10px 8px 10px;
|
||||
align-items: center;
|
||||
box-shadow: 0 11px 40px 0 rgba(0, 0, 0, 0.25),
|
||||
0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
|
||||
display: none;
|
||||
opacity: 0;
|
||||
transition: opacity 0.1s ease, bottom 0.1s ease;
|
||||
animation: fade-in 0.1s ease-in-out;
|
||||
display: none;
|
||||
opacity: 0;
|
||||
transition: opacity 0.1s ease, bottom 0.1s ease;
|
||||
animation: fade-in 0.1s ease-in-out;
|
||||
}
|
||||
|
||||
.container.visible {
|
||||
display: flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.container.building {
|
||||
bottom: 20px;
|
||||
opacity: 1;
|
||||
bottom: 20px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.icon-wrapper {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.icon-wrapper > svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.icon-group {
|
||||
animation: strokedash 1s ease-in-out both infinite;
|
||||
animation: strokedash 1s ease-in-out both infinite;
|
||||
}
|
||||
|
||||
@keyframes fade-in {
|
||||
from {
|
||||
bottom: 10px;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
bottom: 20px;
|
||||
opacity: 1;
|
||||
}
|
||||
from {
|
||||
bottom: 10px;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
bottom: 20px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes strokedash {
|
||||
0% {
|
||||
stroke-dasharray: 0 226;
|
||||
}
|
||||
80%,
|
||||
100% {
|
||||
stroke-dasharray: 659 226;
|
||||
}
|
||||
0% {
|
||||
stroke-dasharray: 0 226;
|
||||
}
|
||||
80%,
|
||||
100% {
|
||||
stroke-dasharray: 659 226;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import classNames from 'classnames';
|
||||
import React, { useState } from 'react';
|
||||
import { useCallback } from 'react';
|
||||
import React, { useCallback, useState } from 'react';
|
||||
import { ItemProps } from './TabItem';
|
||||
|
||||
type Props = {
|
||||
|
||||
@ -1,14 +1,16 @@
|
||||
.wrapper {
|
||||
@apply overflow-hidden rounded-lg;
|
||||
@apply mb-8 shadow-lg;
|
||||
font-size: 16px;
|
||||
/* 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%); */
|
||||
@apply overflow-hidden rounded-lg;
|
||||
@apply mb-8 shadow-lg;
|
||||
font-size: 16px;
|
||||
/* 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%); */
|
||||
}
|
||||
|
||||
.wrapper pre {
|
||||
margin: unset;
|
||||
border-radius: unset;
|
||||
margin: unset;
|
||||
border-radius: unset;
|
||||
}
|
||||
|
||||
.wrapper .loading span {
|
||||
margin: unset;
|
||||
margin: unset;
|
||||
}
|
||||
|
||||
@ -1,16 +1,16 @@
|
||||
.imageContainer {
|
||||
width: 100%;
|
||||
padding: 10px 0;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 10px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.imageContainer > span {
|
||||
position: unset !important;
|
||||
position: unset !important;
|
||||
}
|
||||
|
||||
.imageContainer .image {
|
||||
object-fit: contain;
|
||||
width: 100% !important;
|
||||
position: relative !important;
|
||||
height: unset !important;
|
||||
object-fit: contain;
|
||||
width: 100% !important;
|
||||
position: relative !important;
|
||||
height: unset !important;
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
.head:hover:before {
|
||||
content: unset !important;
|
||||
content: unset !important;
|
||||
}
|
||||
|
||||
@ -26,7 +26,7 @@ const composedConfig = composePlugins([
|
||||
outputStandalone: true,
|
||||
},
|
||||
pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'md', 'mdx'],
|
||||
images: { domains: ['avatars.githubusercontent.com'] },
|
||||
images: {domains: ['avatars.githubusercontent.com']},
|
||||
},
|
||||
]);
|
||||
|
||||
|
||||
@ -8,7 +8,7 @@ import 'styles/rua.css';
|
||||
import { MDXProvider } from '@mdx-js/react';
|
||||
import Anchor from 'components/mdx/Anchor';
|
||||
import { useRouter } from 'next/router';
|
||||
import { useCallback, useState, useEffect } from 'react';
|
||||
import { useCallback, useEffect, useState } from 'react';
|
||||
import dynamic from 'next/dynamic';
|
||||
|
||||
const VercelLoading = dynamic(
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { Html, Head, Main, NextScript } from 'next/document';
|
||||
import { Head, Html, Main, NextScript } from 'next/document';
|
||||
|
||||
export default function Document() {
|
||||
return (
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
// 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 = {
|
||||
name: string
|
||||
}
|
||||
name: string;
|
||||
};
|
||||
|
||||
export default function handler(
|
||||
req: NextApiRequest,
|
||||
res: NextApiResponse<Data>
|
||||
) {
|
||||
res.status(200).json({ name: 'John Doe' })
|
||||
res.status(200).json({ name: 'John Doe' });
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@ import { ReactElement } from 'react';
|
||||
import { postLists } from 'lib/posts';
|
||||
import cn from 'classnames';
|
||||
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'), {
|
||||
loading: () => <PostCardLoading />,
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { GetStaticProps, InferGetStaticPropsType, GetStaticPaths } from 'next';
|
||||
import { GetStaticPaths, GetStaticProps, InferGetStaticPropsType } from 'next';
|
||||
import dynamic from 'next/dynamic';
|
||||
import { ReactElement } from 'react';
|
||||
import { SignalGist } from 'types';
|
||||
|
||||
@ -4,6 +4,7 @@ date: '2022-04-06'
|
||||
tags: ['Hello world']
|
||||
---
|
||||
|
||||
|
||||
import Layout from 'layouts/MDXLayout';
|
||||
import dynamic from 'next/dynamic';
|
||||
|
||||
@ -15,7 +16,7 @@ export const meta = {
|
||||
tags: ['Hello world'],
|
||||
};
|
||||
|
||||
export default ({ children }) => (
|
||||
export default ({children}) => (
|
||||
<Layout {...meta} showTOC={false}>
|
||||
{children}
|
||||
</Layout>
|
||||
|
||||
@ -4,10 +4,9 @@ date: '2022-04-13'
|
||||
tags: ['three.js', 'JavaScript']
|
||||
---
|
||||
|
||||
|
||||
import Layout from 'layouts/MDXLayout';
|
||||
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'));
|
||||
|
||||
@ -17,7 +16,7 @@ export const meta = {
|
||||
tags: ['three.js', 'JavaScript'],
|
||||
};
|
||||
|
||||
export default ({ children }) => <Layout {...meta}>{children}</Layout>;
|
||||
export default ({children}) => <Layout {...meta}>{children}</Layout>;
|
||||
|
||||
## Three.js setup
|
||||
|
||||
@ -60,46 +59,46 @@ renderer.render(scene, camera);
|
||||
|
||||
Now, we can get a black canvas in our document.
|
||||
|
||||
export const main = `import { useEffect, useRef } from 'react';
|
||||
import * as THREE from 'three';
|
||||
export const main = `
|
||||
|
||||
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 = `* {
|
||||
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.
|
||||
|
||||
<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.
|
||||
|
||||
@ -184,67 +183,67 @@ controls.enablePan = false;
|
||||
controls.update();
|
||||
```
|
||||
|
||||
export const main2 = `import { useEffect, useRef } from "react";
|
||||
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 const main2 = `
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
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
|
||||
|
||||
@ -4,6 +4,7 @@ date: '2022-04-14'
|
||||
tags: [Linux, Server]
|
||||
---
|
||||
|
||||
|
||||
import Layout from 'layouts/MDXLayout';
|
||||
import Image from 'components/mdx/Image';
|
||||
import image1 from 'public/images/p/my-develop-environmental/logo.svg';
|
||||
@ -15,11 +16,11 @@ export const meta = {
|
||||
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 环境则需要在“设置”-“高级系统设置”-“环境变量”中添加对应的变量到用户/系统变量中。
|
||||
|
||||
<Image src={image2} alt="Windows environmentail" />
|
||||
<Image src={image2} alt="Windows environmentail"/>
|
||||
|
||||
当然这几个主要的变量可以放在 `.zshrc` 中，以后更新还会用到的。
|
||||
|
||||
|
||||
@ -4,6 +4,7 @@ date: '2022-04-18'
|
||||
tags: ['Next.js', 'JavaScript']
|
||||
---
|
||||
|
||||
|
||||
import Layout from 'layouts/MDXLayout';
|
||||
import dynamic from 'next/dynamic';
|
||||
import Image from 'components/mdx/Image';
|
||||
@ -20,7 +21,7 @@ export const meta = {
|
||||
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.
|
||||
|
||||
@ -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.
|
||||
|
||||
<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.
|
||||
|
||||
@ -54,7 +55,7 @@ The DocSearch frontend UI read result as specific format. We just need to provid
|
||||
|
||||
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.
|
||||
|
||||
|
||||
@ -3,4 +3,4 @@ module.exports = {
|
||||
tailwindcss: {},
|
||||
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 |
@ -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">
|
||||
<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"
|
||||
fill="none" stroke-width="8" stroke="url("#SvgjsLinearGradient1003")" stroke-linecap="round"
|
||||
transform="matrix(1,0,0,1,5.530646562576294,-42.14776611328125)"></path>
|
||||
<defs>
|
||||
<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(167, 52%, 78%)" offset="1"></stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 800 400">
|
||||
<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"
|
||||
fill="none" stroke-width="8" stroke="url("#SvgjsLinearGradient1003")" stroke-linecap="round"
|
||||
transform="matrix(1,0,0,1,5.530646562576294,-42.14776611328125)"></path>
|
||||
<defs>
|
||||
<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(167, 52%, 78%)" offset="1"></stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
@ -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">
|
||||
<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"
|
||||
fill="none" stroke-width="8" stroke="url("#SvgjsLinearGradient1003")" stroke-linecap="round"
|
||||
transform="matrix(1,0,0,1,5.530646562576294,-42.14776611328125)"></path>
|
||||
<defs>
|
||||
<linearGradient id="SvgjsLinearGradient1003" gradientTransform="rotate(0, 0.5, 0.5)">
|
||||
<stop stop-color="hsl(184, 74%, 44%)" offset="0"></stop>
|
||||
<stop stop-color="hsl(332, 87%, 70%)" offset="1"></stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 800 400">
|
||||
<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"
|
||||
fill="none" stroke-width="8" stroke="url("#SvgjsLinearGradient1003")" stroke-linecap="round"
|
||||
transform="matrix(1,0,0,1,5.530646562576294,-42.14776611328125)"></path>
|
||||
<defs>
|
||||
<linearGradient id="SvgjsLinearGradient1003" gradientTransform="rotate(0, 0.5, 0.5)">
|
||||
<stop stop-color="hsl(184, 74%, 44%)" offset="0"></stop>
|
||||
<stop stop-color="hsl(332, 87%, 70%)" offset="1"></stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
@ -1,14 +1,14 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<style>
|
||||
.prefix__b {
|
||||
fill: #fad33e
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<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"
|
||||
fill="#f72e5f" />
|
||||
<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" />
|
||||
<defs>
|
||||
<style>
|
||||
.prefix__b {
|
||||
fill: #fad33e
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<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"
|
||||
fill="#f72e5f"/>
|
||||
<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"/>
|
||||
</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 |
@ -1,5 +1,5 @@
|
||||
<svg width="283" height="64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"
|
||||
fill="#000" />
|
||||
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"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@ -1,8 +1,8 @@
|
||||
import { config } from 'dotenv';
|
||||
import {config} from 'dotenv';
|
||||
import algoliasearch from 'algoliasearch/lite.js';
|
||||
import fs from 'fs';
|
||||
import path from 'path';
|
||||
import { nanoid } from 'nanoid';
|
||||
import {nanoid} from 'nanoid';
|
||||
|
||||
/**
|
||||
* Build post information for Algolia search.
|
||||
@ -95,5 +95,6 @@ function test() {
|
||||
const posts = postLists();
|
||||
posts.map((p) => console.log(p));
|
||||
}
|
||||
|
||||
// test();
|
||||
main();
|
||||
|
||||
@ -3,18 +3,18 @@
|
||||
@tailwind utilities;
|
||||
|
||||
* {
|
||||
scroll-behavior: smooth;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
*::selection {
|
||||
background: hsl(230, 1%, 90%);
|
||||
color: inherit;
|
||||
background: hsl(230, 1%, 90%);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.dark *::selection {
|
||||
background: hsl(220, 13%, 28%);
|
||||
color: inherit;
|
||||
text-shadow: none;
|
||||
background: hsl(220, 13%, 28%);
|
||||
color: inherit;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/*
|
||||
@ -26,79 +26,88 @@ font-family: 'Poppins', sans-serif;
|
||||
*/
|
||||
|
||||
@layer base {
|
||||
body {
|
||||
@apply text-gray-600 bg-bluish-gray dark:bg-rua-gray-900 dark:text-gray-200;
|
||||
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
|
||||
Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', miui,
|
||||
'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
|
||||
}
|
||||
body {
|
||||
@apply text-gray-600 bg-bluish-gray dark:bg-rua-gray-900 dark:text-gray-200;
|
||||
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
|
||||
Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', miui,
|
||||
'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
|
||||
}
|
||||
|
||||
img,
|
||||
iframe {
|
||||
@apply dark:brightness-75;
|
||||
}
|
||||
img,
|
||||
iframe {
|
||||
@apply dark:brightness-75;
|
||||
}
|
||||
|
||||
/* 滚动槽 */
|
||||
::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
::-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 {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
::-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);
|
||||
}
|
||||
}
|
||||
|
||||
/* DocSearch */
|
||||
html.dark {
|
||||
--docsearch-text-color: #f5f6f7;
|
||||
--docsearch-container-background: rgba(9, 10, 17, 0.8);
|
||||
--docsearch-modal-background: #15172a;
|
||||
--docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
|
||||
--docsearch-searchbox-background: #090a11;
|
||||
--docsearch-searchbox-focus-background: #000;
|
||||
--docsearch-hit-color: #bec3c9;
|
||||
--docsearch-hit-shadow: none;
|
||||
--docsearch-hit-background: #090a11;
|
||||
--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-text-color: #f5f6f7;
|
||||
--docsearch-container-background: rgba(9, 10, 17, 0.8);
|
||||
--docsearch-modal-background: #15172a;
|
||||
--docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
|
||||
--docsearch-searchbox-background: #090a11;
|
||||
--docsearch-searchbox-focus-background: #000;
|
||||
--docsearch-hit-color: #bec3c9;
|
||||
--docsearch-hit-shadow: none;
|
||||
--docsearch-hit-background: #090a11;
|
||||
--docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
|
||||
--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);
|
||||
--docsearch-footer-background: #1e2136;
|
||||
--docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5),
|
||||
--docsearch-footer-background: #1e2136;
|
||||
--docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5),
|
||||
0 -4px 8px 0 rgba(0, 0, 0, 0.2);
|
||||
--docsearch-logo-color: #fff;
|
||||
--docsearch-muted-color: #7f8497;
|
||||
--docsearch-logo-color: #fff;
|
||||
--docsearch-muted-color: #7f8497;
|
||||
}
|
||||
|
||||
html {
|
||||
--docsearch-primary-color: rgb(75, 85, 99) !important;
|
||||
--docsearch-primary-color: rgb(75, 85, 99) !important;
|
||||
}
|
||||
|
||||
.DocSearch-wrapper .DocSearch-Button {
|
||||
margin-left: unset;
|
||||
margin-left: unset;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.DocSearch-wrapper .DocSearch-Button {
|
||||
align-items: unset;
|
||||
background: unset;
|
||||
padding: unset;
|
||||
height: unset;
|
||||
}
|
||||
.DocSearch-wrapper .DocSearch-Button {
|
||||
align-items: unset;
|
||||
background: unset;
|
||||
padding: unset;
|
||||
height: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.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 {
|
||||
border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.DocSearch .DocSearch-Screen-Icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@ -1,25 +1,25 @@
|
||||
.gradient {
|
||||
background: rgb(238, 174, 200);
|
||||
background: linear-gradient(
|
||||
45deg,
|
||||
rgba(238, 174, 200, 1) 0%,
|
||||
rgba(148, 187, 233, 1) 100%
|
||||
);
|
||||
background-size: 400%;
|
||||
animation: gradient 5s ease infinite;
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background: rgb(238, 174, 200);
|
||||
background: linear-gradient(
|
||||
45deg,
|
||||
rgba(238, 174, 200, 1) 0%,
|
||||
rgba(148, 187, 233, 1) 100%
|
||||
);
|
||||
background-size: 400%;
|
||||
animation: gradient 5s ease infinite;
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
@keyframes gradient {
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
50% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
100% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
50% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
100% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -30,77 +30,77 @@
|
||||
|
||||
.dark code,
|
||||
.dark pre {
|
||||
background: hsl(220, 13%, 18%);
|
||||
color: hsl(220, 14%, 71%);
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
|
||||
/* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
|
||||
monospace; */
|
||||
font-family: 'JetBrains Mono', -apple-system, 'DejaVu Sans Mono', monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
line-height: 1.5;
|
||||
-moz-tab-size: 2;
|
||||
-o-tab-size: 2;
|
||||
tab-size: 2;
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
background: hsl(220, 13%, 18%);
|
||||
color: hsl(220, 14%, 71%);
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
|
||||
/* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
|
||||
monospace; */
|
||||
font-family: 'JetBrains Mono', -apple-system, 'DejaVu Sans Mono', monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
line-height: 1.5;
|
||||
-moz-tab-size: 2;
|
||||
-o-tab-size: 2;
|
||||
tab-size: 2;
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
/* Selection */
|
||||
.dark code::-moz-selection,
|
||||
.dark code *::-moz-selection,
|
||||
.dark pre *::-moz-selection {
|
||||
background: hsl(220, 13%, 28%);
|
||||
color: inherit;
|
||||
text-shadow: none;
|
||||
background: hsl(220, 13%, 28%);
|
||||
color: inherit;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.dark code::selection,
|
||||
.dark code *::selection,
|
||||
.dark pre *::selection {
|
||||
background: hsl(220, 13%, 28%);
|
||||
color: inherit;
|
||||
text-shadow: none;
|
||||
background: hsl(220, 13%, 28%);
|
||||
color: inherit;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
.dark pre {
|
||||
padding: 1em;
|
||||
margin: 0.5em 0;
|
||||
overflow: auto;
|
||||
border-radius: 0.3em;
|
||||
padding: 1em;
|
||||
margin: 0.5em 0;
|
||||
overflow: auto;
|
||||
border-radius: 0.3em;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
.dark :not(pre) > code {
|
||||
padding: 0.2em 0.3em;
|
||||
border-radius: 0.3em;
|
||||
white-space: normal;
|
||||
padding: 0.2em 0.3em;
|
||||
border-radius: 0.3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
/* Print */
|
||||
@media print {
|
||||
.dark code,
|
||||
.dark pre {
|
||||
text-shadow: none;
|
||||
}
|
||||
.dark code,
|
||||
.dark pre {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dark .token.comment,
|
||||
.dark .token.prolog,
|
||||
.dark .token.cdata {
|
||||
color: hsl(220, 10%, 40%);
|
||||
color: hsl(220, 10%, 40%);
|
||||
}
|
||||
|
||||
.dark .token.doctype,
|
||||
.dark .token.punctuation,
|
||||
.dark .token.entity {
|
||||
color: hsl(220, 14%, 71%);
|
||||
color: hsl(220, 14%, 71%);
|
||||
}
|
||||
|
||||
.dark .token.attr-name,
|
||||
@ -109,11 +109,11 @@
|
||||
.dark .token.constant,
|
||||
.dark .token.number,
|
||||
.dark .token.atrule {
|
||||
color: hsl(29, 54%, 61%);
|
||||
color: hsl(29, 54%, 61%);
|
||||
}
|
||||
|
||||
.dark .token.keyword {
|
||||
color: hsl(286, 60%, 67%);
|
||||
color: hsl(286, 60%, 67%);
|
||||
}
|
||||
|
||||
.dark .token.property,
|
||||
@ -121,7 +121,7 @@
|
||||
.dark .token.symbol,
|
||||
.dark .token.deleted,
|
||||
.dark .token.important {
|
||||
color: hsl(355, 65%, 65%);
|
||||
color: hsl(355, 65%, 65%);
|
||||
}
|
||||
|
||||
.dark .token.selector,
|
||||
@ -132,129 +132,129 @@
|
||||
.dark .token.regex,
|
||||
.dark .token.attr-value,
|
||||
.dark .token.attr-value > .dark .token.punctuation {
|
||||
color: hsl(95, 38%, 62%);
|
||||
color: hsl(95, 38%, 62%);
|
||||
}
|
||||
|
||||
.dark .token.variable,
|
||||
.dark .token.operator,
|
||||
.dark .token.function {
|
||||
color: hsl(207, 82%, 66%);
|
||||
color: hsl(207, 82%, 66%);
|
||||
}
|
||||
|
||||
.dark .token.url {
|
||||
color: hsl(187, 47%, 55%);
|
||||
color: hsl(187, 47%, 55%);
|
||||
}
|
||||
|
||||
/* HTML overrides */
|
||||
.dark .token.attr-value > .dark .token.punctuation.attr-equals,
|
||||
.dark .token.special-attr > .dark .token.attr-value > .dark .token.value.css {
|
||||
color: hsl(220, 14%, 71%);
|
||||
color: hsl(220, 14%, 71%);
|
||||
}
|
||||
|
||||
/* CSS overrides */
|
||||
.language-css .dark .token.selector {
|
||||
color: hsl(355, 65%, 65%);
|
||||
color: hsl(355, 65%, 65%);
|
||||
}
|
||||
|
||||
.language-css .dark .token.property {
|
||||
color: hsl(220, 14%, 71%);
|
||||
color: hsl(220, 14%, 71%);
|
||||
}
|
||||
|
||||
.language-css .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 {
|
||||
color: hsl(95, 38%, 62%);
|
||||
color: hsl(95, 38%, 62%);
|
||||
}
|
||||
|
||||
.language-css .dark .token.important,
|
||||
.language-css .dark .token.atrule .dark .token.rule {
|
||||
color: hsl(286, 60%, 67%);
|
||||
color: hsl(286, 60%, 67%);
|
||||
}
|
||||
|
||||
/* JS overrides */
|
||||
.language-javascript .dark .token.operator {
|
||||
color: hsl(286, 60%, 67%);
|
||||
color: hsl(286, 60%, 67%);
|
||||
}
|
||||
|
||||
.language-javascript
|
||||
.dark
|
||||
.token.template-string
|
||||
> .dark
|
||||
.token.interpolation
|
||||
> .dark
|
||||
.token.interpolation-punctuation.punctuation {
|
||||
color: hsl(5, 48%, 51%);
|
||||
.dark
|
||||
.token.template-string
|
||||
> .dark
|
||||
.token.interpolation
|
||||
> .dark
|
||||
.token.interpolation-punctuation.punctuation {
|
||||
color: hsl(5, 48%, 51%);
|
||||
}
|
||||
|
||||
/* JSON overrides */
|
||||
.language-json .dark .token.operator {
|
||||
color: hsl(220, 14%, 71%);
|
||||
color: hsl(220, 14%, 71%);
|
||||
}
|
||||
|
||||
.language-json .dark .token.null.keyword {
|
||||
color: hsl(29, 54%, 61%);
|
||||
color: hsl(29, 54%, 61%);
|
||||
}
|
||||
|
||||
/* MD overrides */
|
||||
.language-markdown .dark .token.url,
|
||||
.language-markdown .dark .token.url > .dark .token.operator,
|
||||
.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 {
|
||||
color: hsl(207, 82%, 66%);
|
||||
color: hsl(207, 82%, 66%);
|
||||
}
|
||||
|
||||
.language-markdown .dark .token.url > .dark .token.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.hr.punctuation {
|
||||
color: hsl(220, 10%, 40%);
|
||||
font-style: italic;
|
||||
color: hsl(220, 10%, 40%);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.language-markdown .dark .token.code-snippet {
|
||||
color: hsl(95, 38%, 62%);
|
||||
color: hsl(95, 38%, 62%);
|
||||
}
|
||||
|
||||
.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 {
|
||||
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.punctuation,
|
||||
.language-markdown .dark .token.list.punctuation,
|
||||
.language-markdown .dark .token.title.important > .dark .token.punctuation {
|
||||
color: hsl(355, 65%, 65%);
|
||||
color: hsl(355, 65%, 65%);
|
||||
}
|
||||
|
||||
/* General */
|
||||
.dark .token.bold {
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dark .token.comment,
|
||||
.dark .token.italic {
|
||||
font-style: italic;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.dark .token.entity {
|
||||
cursor: help;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.dark .token.namespace {
|
||||
opacity: 0.8;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Plugin overrides */
|
||||
@ -265,24 +265,24 @@
|
||||
.dark .token.dark .token.cr:before,
|
||||
.dark .token.dark .token.lf:before,
|
||||
.dark .token.dark .token.space:before {
|
||||
color: hsla(220, 14%, 71%, 0.15);
|
||||
text-shadow: none;
|
||||
color: hsla(220, 14%, 71%, 0.15);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/* Toolbar plugin overrides */
|
||||
/* Space out all buttons and move them away from the right edge of the code block */
|
||||
.dark div.code-toolbar > .toolbar.toolbar > .toolbar-item {
|
||||
margin-right: 0.4em;
|
||||
margin-right: 0.4em;
|
||||
}
|
||||
|
||||
/* Styling the buttons */
|
||||
.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 > span {
|
||||
background: hsl(220, 13%, 26%);
|
||||
color: hsl(220, 9%, 55%);
|
||||
padding: 0.1em 0.4em;
|
||||
border-radius: 0.3em;
|
||||
background: hsl(220, 13%, 26%);
|
||||
color: hsl(220, 9%, 55%);
|
||||
padding: 0.1em 0.4em;
|
||||
border-radius: 0.3em;
|
||||
}
|
||||
|
||||
.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 > span:hover,
|
||||
.dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
|
||||
background: hsl(220, 13%, 28%);
|
||||
color: hsl(220, 14%, 71%);
|
||||
background: hsl(220, 13%, 28%);
|
||||
color: hsl(220, 14%, 71%);
|
||||
}
|
||||
|
||||
/* Line Highlight plugin overrides */
|
||||
/* The highlighted line itself */
|
||||
.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 */
|
||||
.dark .line-highlight.line-highlight:before,
|
||||
.dark .line-highlight.line-highlight[data-end]:after {
|
||||
background: hsl(220, 13%, 26%);
|
||||
color: hsl(220, 14%, 71%);
|
||||
padding: 0.1em 0.6em;
|
||||
border-radius: 0.3em;
|
||||
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
|
||||
background: hsl(220, 13%, 26%);
|
||||
color: hsl(220, 14%, 71%);
|
||||
padding: 0.1em 0.6em;
|
||||
border-radius: 0.3em;
|
||||
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) */
|
||||
/* Requires Line Numbers plugin as well */
|
||||
.dark
|
||||
pre[id].linkable-line-numbers.linkable-line-numbers
|
||||
span.line-numbers-rows
|
||||
> span:hover:before {
|
||||
background-color: hsla(220, 100%, 80%, 0.04);
|
||||
pre[id].linkable-line-numbers.linkable-line-numbers
|
||||
span.line-numbers-rows
|
||||
> span:hover:before {
|
||||
background-color: hsla(220, 100%, 80%, 0.04);
|
||||
}
|
||||
|
||||
/* Line Numbers and Command Line plugins overrides */
|
||||
/* Line separating gutter from coding area */
|
||||
.dark .line-numbers.line-numbers .line-numbers-rows,
|
||||
.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 */
|
||||
.dark .line-numbers .line-numbers-rows > span:before,
|
||||
.dark .command-line .command-line-prompt > span:before {
|
||||
color: hsl(220, 14%, 45%);
|
||||
color: hsl(220, 14%, 45%);
|
||||
}
|
||||
|
||||
/* 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-5,
|
||||
.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-6,
|
||||
.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-7,
|
||||
.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-8,
|
||||
.rainbow-braces .dark .token.dark .token.punctuation.brace-level-12 {
|
||||
color: hsl(286, 60%, 67%);
|
||||
color: hsl(286, 60%, 67%);
|
||||
}
|
||||
|
||||
/* Diff Highlight plugin overrides */
|
||||
/* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
|
||||
pre.diff-highlight > code .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
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)::-moz-selection,
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)::-moz-selection,
|
||||
pre.diff-highlight
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)
|
||||
*::-moz-selection,
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)
|
||||
*::-moz-selection,
|
||||
pre
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)::-moz-selection,
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)::-moz-selection,
|
||||
pre
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)
|
||||
*::-moz-selection {
|
||||
background-color: hsla(353, 95%, 66%, 0.25);
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)
|
||||
*::-moz-selection {
|
||||
background-color: hsla(353, 95%, 66%, 0.25);
|
||||
}
|
||||
|
||||
pre.diff-highlight
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)::selection,
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)::selection,
|
||||
pre.diff-highlight
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)
|
||||
*::selection,
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)
|
||||
*::selection,
|
||||
pre
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)::selection,
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)::selection,
|
||||
pre
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)
|
||||
*::selection {
|
||||
background-color: hsla(353, 95%, 66%, 0.25);
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.deleted:not(.prefix)
|
||||
*::selection {
|
||||
background-color: hsla(353, 95%, 66%, 0.25);
|
||||
}
|
||||
|
||||
pre.diff-highlight > code .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
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)::-moz-selection,
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)::-moz-selection,
|
||||
pre.diff-highlight
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)
|
||||
*::-moz-selection,
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)
|
||||
*::-moz-selection,
|
||||
pre
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)::-moz-selection,
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)::-moz-selection,
|
||||
pre
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)
|
||||
*::-moz-selection {
|
||||
background-color: hsla(135, 73%, 55%, 0.25);
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)
|
||||
*::-moz-selection {
|
||||
background-color: hsla(135, 73%, 55%, 0.25);
|
||||
}
|
||||
|
||||
pre.diff-highlight
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)::selection,
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)::selection,
|
||||
pre.diff-highlight
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)
|
||||
*::selection,
|
||||
> code
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)
|
||||
*::selection,
|
||||
pre
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)::selection,
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)::selection,
|
||||
pre
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)
|
||||
*::selection {
|
||||
background-color: hsla(135, 73%, 55%, 0.25);
|
||||
> code.diff-highlight
|
||||
.dark
|
||||
.token.dark
|
||||
.token.inserted:not(.prefix)
|
||||
*::selection {
|
||||
background-color: hsla(135, 73%, 55%, 0.25);
|
||||
}
|
||||
|
||||
/* Previewers plugin overrides */
|
||||
@ -476,48 +476,48 @@ pre
|
||||
/* Border around popup */
|
||||
.dark .prism-previewer.prism-previewer:before,
|
||||
.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 */
|
||||
.dark .prism-previewer-color.prism-previewer-color:before,
|
||||
.dark .prism-previewer-gradient.prism-previewer-gradient div,
|
||||
.dark .prism-previewer-easing.prism-previewer-easing:before {
|
||||
border-radius: 0.3em;
|
||||
border-radius: 0.3em;
|
||||
}
|
||||
|
||||
/* Triangles pointing to the code */
|
||||
.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 {
|
||||
border-bottom-color: hsl(224, 13%, 17%);
|
||||
border-bottom-color: hsl(224, 13%, 17%);
|
||||
}
|
||||
|
||||
/* Background colour within the popup */
|
||||
.dark .prism-previewer-angle.prism-previewer-angle:before,
|
||||
.dark .prism-previewer-time.prism-previewer-time:before,
|
||||
.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 time, this is the alternate colour */
|
||||
.dark .prism-previewer-angle.prism-previewer-angle circle,
|
||||
.dark .prism-previewer-time.prism-previewer-time circle {
|
||||
stroke: hsl(220, 14%, 71%);
|
||||
stroke-opacity: 1;
|
||||
stroke: hsl(220, 14%, 71%);
|
||||
stroke-opacity: 1;
|
||||
}
|
||||
|
||||
/* 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 path,
|
||||
.dark .prism-previewer-easing.prism-previewer-easing line {
|
||||
stroke: hsl(220, 14%, 71%);
|
||||
stroke: hsl(220, 14%, 71%);
|
||||
}
|
||||
|
||||
/* Fill colour of the handle */
|
||||
.dark .prism-previewer-easing.prism-previewer-easing circle {
|
||||
fill: transparent;
|
||||
fill: transparent;
|
||||
}
|
||||
|
||||
@ -30,66 +30,66 @@
|
||||
|
||||
code,
|
||||
pre {
|
||||
background: #fff;
|
||||
color: hsl(230, 8%, 24%);
|
||||
/* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
|
||||
monospace; */
|
||||
font-family: 'JetBrains Mono', -apple-system, 'DejaVu Sans Mono', monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
line-height: 1.5;
|
||||
-moz-tab-size: 2;
|
||||
-o-tab-size: 2;
|
||||
tab-size: 2;
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
background: #fff;
|
||||
color: hsl(230, 8%, 24%);
|
||||
/* font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
|
||||
monospace; */
|
||||
font-family: 'JetBrains Mono', -apple-system, 'DejaVu Sans Mono', monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
line-height: 1.5;
|
||||
-moz-tab-size: 2;
|
||||
-o-tab-size: 2;
|
||||
tab-size: 2;
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
/* Selection */
|
||||
code::-moz-selection,
|
||||
code *::-moz-selection,
|
||||
pre *::-moz-selection {
|
||||
background: hsl(230, 1%, 90%);
|
||||
color: inherit;
|
||||
background: hsl(230, 1%, 90%);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
code::selection,
|
||||
code *::selection,
|
||||
pre *::selection {
|
||||
background: hsl(230, 1%, 90%);
|
||||
color: inherit;
|
||||
background: hsl(230, 1%, 90%);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre {
|
||||
padding: 1em;
|
||||
margin: 0.5em 0;
|
||||
overflow: auto;
|
||||
border-radius: 0.3em;
|
||||
padding: 1em;
|
||||
margin: 0.5em 0;
|
||||
overflow: auto;
|
||||
border-radius: 0.3em;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code {
|
||||
padding: 0.2em 0.3em;
|
||||
border-radius: 0.3em;
|
||||
white-space: normal;
|
||||
padding: 0.2em 0.3em;
|
||||
border-radius: 0.3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.cdata {
|
||||
color: hsl(230, 4%, 64%);
|
||||
color: hsl(230, 4%, 64%);
|
||||
}
|
||||
|
||||
.token.doctype,
|
||||
.token.punctuation,
|
||||
.token.entity {
|
||||
color: hsl(230, 8%, 24%);
|
||||
color: hsl(230, 8%, 24%);
|
||||
}
|
||||
|
||||
.token.attr-name,
|
||||
@ -98,11 +98,11 @@ pre {
|
||||
.token.constant,
|
||||
.token.number,
|
||||
.token.atrule {
|
||||
color: hsl(35, 99%, 36%);
|
||||
color: hsl(35, 99%, 36%);
|
||||
}
|
||||
|
||||
.token.keyword {
|
||||
color: hsl(301, 63%, 40%);
|
||||
color: hsl(301, 63%, 40%);
|
||||
}
|
||||
|
||||
.token.property,
|
||||
@ -110,7 +110,7 @@ pre {
|
||||
.token.symbol,
|
||||
.token.deleted,
|
||||
.token.important {
|
||||
color: hsl(5, 74%, 59%);
|
||||
color: hsl(5, 74%, 59%);
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
@ -121,126 +121,126 @@ pre {
|
||||
.token.regex,
|
||||
.token.attr-value,
|
||||
.token.attr-value > .token.punctuation {
|
||||
color: hsl(119, 34%, 47%);
|
||||
color: hsl(119, 34%, 47%);
|
||||
}
|
||||
|
||||
.token.variable,
|
||||
.token.operator,
|
||||
.token.function {
|
||||
color: hsl(221, 87%, 60%);
|
||||
color: hsl(221, 87%, 60%);
|
||||
}
|
||||
|
||||
.token.url {
|
||||
color: hsl(198, 99%, 37%);
|
||||
color: hsl(198, 99%, 37%);
|
||||
}
|
||||
|
||||
/* HTML overrides */
|
||||
.token.attr-value > .token.punctuation.attr-equals,
|
||||
.token.special-attr > .token.attr-value > .token.value.css {
|
||||
color: hsl(230, 8%, 24%);
|
||||
color: hsl(230, 8%, 24%);
|
||||
}
|
||||
|
||||
/* CSS overrides */
|
||||
.language-css .token.selector {
|
||||
color: hsl(5, 74%, 59%);
|
||||
color: hsl(5, 74%, 59%);
|
||||
}
|
||||
|
||||
.language-css .token.property {
|
||||
color: hsl(230, 8%, 24%);
|
||||
color: hsl(230, 8%, 24%);
|
||||
}
|
||||
|
||||
.language-css .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 {
|
||||
color: hsl(119, 34%, 47%);
|
||||
color: hsl(119, 34%, 47%);
|
||||
}
|
||||
|
||||
.language-css .token.important,
|
||||
.language-css .token.atrule .token.rule {
|
||||
color: hsl(301, 63%, 40%);
|
||||
color: hsl(301, 63%, 40%);
|
||||
}
|
||||
|
||||
/* JS overrides */
|
||||
.language-javascript .token.operator {
|
||||
color: hsl(301, 63%, 40%);
|
||||
color: hsl(301, 63%, 40%);
|
||||
}
|
||||
|
||||
.language-javascript
|
||||
.token.template-string
|
||||
> .token.interpolation
|
||||
> .token.interpolation-punctuation.punctuation {
|
||||
color: hsl(344, 84%, 43%);
|
||||
.token.template-string
|
||||
> .token.interpolation
|
||||
> .token.interpolation-punctuation.punctuation {
|
||||
color: hsl(344, 84%, 43%);
|
||||
}
|
||||
|
||||
/* JSON overrides */
|
||||
.language-json .token.operator {
|
||||
color: hsl(230, 8%, 24%);
|
||||
color: hsl(230, 8%, 24%);
|
||||
}
|
||||
|
||||
.language-json .token.null.keyword {
|
||||
color: hsl(35, 99%, 36%);
|
||||
color: hsl(35, 99%, 36%);
|
||||
}
|
||||
|
||||
/* MD overrides */
|
||||
.language-markdown .token.url,
|
||||
.language-markdown .token.url > .token.operator,
|
||||
.language-markdown .token.url-reference.url > .token.string {
|
||||
color: hsl(230, 8%, 24%);
|
||||
color: hsl(230, 8%, 24%);
|
||||
}
|
||||
|
||||
.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-reference.url {
|
||||
color: hsl(198, 99%, 37%);
|
||||
color: hsl(198, 99%, 37%);
|
||||
}
|
||||
|
||||
.language-markdown .token.blockquote.punctuation,
|
||||
.language-markdown .token.hr.punctuation {
|
||||
color: hsl(230, 4%, 64%);
|
||||
font-style: italic;
|
||||
color: hsl(230, 4%, 64%);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.language-markdown .token.code-snippet {
|
||||
color: hsl(119, 34%, 47%);
|
||||
color: hsl(119, 34%, 47%);
|
||||
}
|
||||
|
||||
.language-markdown .token.bold .token.content {
|
||||
color: hsl(35, 99%, 36%);
|
||||
color: hsl(35, 99%, 36%);
|
||||
}
|
||||
|
||||
.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.punctuation,
|
||||
.language-markdown .token.list.punctuation,
|
||||
.language-markdown .token.title.important > .token.punctuation {
|
||||
color: hsl(5, 74%, 59%);
|
||||
color: hsl(5, 74%, 59%);
|
||||
}
|
||||
|
||||
/* General */
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.token.namespace {
|
||||
opacity: 0.8;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Plugin overrides */
|
||||
@ -251,23 +251,23 @@ pre {
|
||||
.token.token.cr:before,
|
||||
.token.token.lf:before,
|
||||
.token.token.space:before {
|
||||
color: hsla(230, 8%, 24%, 0.2);
|
||||
color: hsla(230, 8%, 24%, 0.2);
|
||||
}
|
||||
|
||||
/* Toolbar plugin overrides */
|
||||
/* Space out all buttons and move them away from the right edge of the code block */
|
||||
div.code-toolbar > .toolbar.toolbar > .toolbar-item {
|
||||
margin-right: 0.4em;
|
||||
margin-right: 0.4em;
|
||||
}
|
||||
|
||||
/* Styling the buttons */
|
||||
div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
|
||||
div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
|
||||
div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
|
||||
background: hsl(230, 1%, 90%);
|
||||
color: hsl(230, 6%, 44%);
|
||||
padding: 0.1em 0.4em;
|
||||
border-radius: 0.3em;
|
||||
background: hsl(230, 1%, 90%);
|
||||
color: hsl(230, 6%, 44%);
|
||||
padding: 0.1em 0.4em;
|
||||
border-radius: 0.3em;
|
||||
}
|
||||
|
||||
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 > span:hover,
|
||||
div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
|
||||
background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */
|
||||
color: hsl(230, 8%, 24%);
|
||||
background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */
|
||||
color: hsl(230, 8%, 24%);
|
||||
}
|
||||
|
||||
/* Line Highlight plugin overrides */
|
||||
/* The highlighted line itself */
|
||||
.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 */
|
||||
.line-highlight.line-highlight:before,
|
||||
.line-highlight.line-highlight[data-end]:after {
|
||||
background: hsl(230, 1%, 90%);
|
||||
color: hsl(230, 8%, 24%);
|
||||
padding: 0.1em 0.6em;
|
||||
border-radius: 0.3em;
|
||||
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
|
||||
background: hsl(230, 1%, 90%);
|
||||
color: hsl(230, 8%, 24%);
|
||||
padding: 0.1em 0.6em;
|
||||
border-radius: 0.3em;
|
||||
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) */
|
||||
/* Requires Line Numbers plugin as well */
|
||||
pre[id].linkable-line-numbers.linkable-line-numbers
|
||||
span.line-numbers-rows
|
||||
> span:hover:before {
|
||||
background-color: hsla(230, 8%, 24%, 0.05);
|
||||
span.line-numbers-rows
|
||||
> span:hover:before {
|
||||
background-color: hsla(230, 8%, 24%, 0.05);
|
||||
}
|
||||
|
||||
/* Line Numbers and Command Line plugins overrides */
|
||||
/* Line separating gutter from coding area */
|
||||
.line-numbers.line-numbers .line-numbers-rows,
|
||||
.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 */
|
||||
.line-numbers .line-numbers-rows > span:before,
|
||||
.command-line .command-line-prompt > span:before {
|
||||
color: hsl(230, 1%, 62%);
|
||||
color: hsl(230, 1%, 62%);
|
||||
}
|
||||
|
||||
/* 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-5,
|
||||
.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-6,
|
||||
.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-7,
|
||||
.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-8,
|
||||
.rainbow-braces .token.token.punctuation.brace-level-12 {
|
||||
color: hsl(301, 63%, 40%);
|
||||
color: hsl(301, 63%, 40%);
|
||||
}
|
||||
|
||||
/* Diff Highlight plugin overrides */
|
||||
/* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
|
||||
pre.diff-highlight > code .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 > 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 > 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 > 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 > 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 > 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 */
|
||||
@ -388,48 +388,48 @@ pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
|
||||
/* Border around popup */
|
||||
.prism-previewer.prism-previewer:before,
|
||||
.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 */
|
||||
.prism-previewer-color.prism-previewer-color:before,
|
||||
.prism-previewer-gradient.prism-previewer-gradient div,
|
||||
.prism-previewer-easing.prism-previewer-easing:before {
|
||||
border-radius: 0.3em;
|
||||
border-radius: 0.3em;
|
||||
}
|
||||
|
||||
/* Triangles pointing to the code */
|
||||
.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 {
|
||||
border-bottom-color: hsl(0, 0, 95%);
|
||||
border-bottom-color: hsl(0, 0, 95%);
|
||||
}
|
||||
|
||||
/* Background colour within the popup */
|
||||
.prism-previewer-angle.prism-previewer-angle:before,
|
||||
.prism-previewer-time.prism-previewer-time:before,
|
||||
.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 time, this is the alternate colour */
|
||||
.prism-previewer-angle.prism-previewer-angle circle,
|
||||
.prism-previewer-time.prism-previewer-time circle {
|
||||
stroke: hsl(230, 8%, 24%);
|
||||
stroke-opacity: 1;
|
||||
stroke: hsl(230, 8%, 24%);
|
||||
stroke-opacity: 1;
|
||||
}
|
||||
|
||||
/* Stroke colours of the handle, direction point, and vector itself */
|
||||
.prism-previewer-easing.prism-previewer-easing circle,
|
||||
.prism-previewer-easing.prism-previewer-easing path,
|
||||
.prism-previewer-easing.prism-previewer-easing line {
|
||||
stroke: hsl(230, 8%, 24%);
|
||||
stroke: hsl(230, 8%, 24%);
|
||||
}
|
||||
|
||||
/* Fill colour of the handle */
|
||||
.prism-previewer-easing.prism-previewer-easing circle {
|
||||
fill: transparent;
|
||||
fill: transparent;
|
||||
}
|
||||
|
||||
425
styles/rua.css
425
styles/rua.css
@ -1,116 +1,118 @@
|
||||
#article {
|
||||
--color-prettylights-syntax-comment: #6e7781;
|
||||
--color-prettylights-syntax-constant: #0550ae;
|
||||
--color-prettylights-syntax-entity: #8250df;
|
||||
--color-prettylights-syntax-storage-modifier-import: #24292f;
|
||||
--color-prettylights-syntax-entity-tag: #116329;
|
||||
--color-prettylights-syntax-keyword: #cf222e;
|
||||
--color-prettylights-syntax-string: #0a3069;
|
||||
--color-prettylights-syntax-variable: #953800;
|
||||
--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
|
||||
--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
|
||||
--color-prettylights-syntax-invalid-illegal-bg: #82071e;
|
||||
--color-prettylights-syntax-carriage-return-text: #f6f8fa;
|
||||
--color-prettylights-syntax-carriage-return-bg: #cf222e;
|
||||
--color-prettylights-syntax-string-regexp: #116329;
|
||||
--color-prettylights-syntax-markup-list: #3b2300;
|
||||
--color-prettylights-syntax-markup-heading: #0550ae;
|
||||
--color-prettylights-syntax-markup-italic: #24292f;
|
||||
--color-prettylights-syntax-markup-bold: #24292f;
|
||||
--color-prettylights-syntax-markup-deleted-text: #82071e;
|
||||
--color-prettylights-syntax-markup-deleted-bg: #ffebe9;
|
||||
--color-prettylights-syntax-markup-inserted-text: #116329;
|
||||
--color-prettylights-syntax-markup-inserted-bg: #dafbe1;
|
||||
--color-prettylights-syntax-markup-changed-text: #953800;
|
||||
--color-prettylights-syntax-markup-changed-bg: #ffd8b5;
|
||||
--color-prettylights-syntax-markup-ignored-text: #eaeef2;
|
||||
--color-prettylights-syntax-markup-ignored-bg: #0550ae;
|
||||
--color-prettylights-syntax-meta-diff-range: #8250df;
|
||||
--color-prettylights-syntax-brackethighlighter-angle: #57606a;
|
||||
--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
|
||||
--color-prettylights-syntax-constant-other-reference-link: #0a3069;
|
||||
--color-fg-default: #24292f;
|
||||
--color-fg-muted: #57606a;
|
||||
--color-fg-subtle: #6e7781;
|
||||
--color-canvas-default: #ffffff;
|
||||
--color-canvas-subtle: #f6f8fa;
|
||||
--color-border-default: #d0d7de;
|
||||
--color-border-muted: hsla(210, 18%, 87%, 1);
|
||||
--color-neutral-muted: rgba(175, 184, 193, 0.2);
|
||||
--color-accent-fg: #0969da;
|
||||
--color-accent-emphasis: #0969da;
|
||||
--color-attention-subtle: #fff8c5;
|
||||
--color-danger-fg: #cf222e;
|
||||
--color-prettylights-syntax-comment: #6e7781;
|
||||
--color-prettylights-syntax-constant: #0550ae;
|
||||
--color-prettylights-syntax-entity: #8250df;
|
||||
--color-prettylights-syntax-storage-modifier-import: #24292f;
|
||||
--color-prettylights-syntax-entity-tag: #116329;
|
||||
--color-prettylights-syntax-keyword: #cf222e;
|
||||
--color-prettylights-syntax-string: #0a3069;
|
||||
--color-prettylights-syntax-variable: #953800;
|
||||
--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
|
||||
--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
|
||||
--color-prettylights-syntax-invalid-illegal-bg: #82071e;
|
||||
--color-prettylights-syntax-carriage-return-text: #f6f8fa;
|
||||
--color-prettylights-syntax-carriage-return-bg: #cf222e;
|
||||
--color-prettylights-syntax-string-regexp: #116329;
|
||||
--color-prettylights-syntax-markup-list: #3b2300;
|
||||
--color-prettylights-syntax-markup-heading: #0550ae;
|
||||
--color-prettylights-syntax-markup-italic: #24292f;
|
||||
--color-prettylights-syntax-markup-bold: #24292f;
|
||||
--color-prettylights-syntax-markup-deleted-text: #82071e;
|
||||
--color-prettylights-syntax-markup-deleted-bg: #ffebe9;
|
||||
--color-prettylights-syntax-markup-inserted-text: #116329;
|
||||
--color-prettylights-syntax-markup-inserted-bg: #dafbe1;
|
||||
--color-prettylights-syntax-markup-changed-text: #953800;
|
||||
--color-prettylights-syntax-markup-changed-bg: #ffd8b5;
|
||||
--color-prettylights-syntax-markup-ignored-text: #eaeef2;
|
||||
--color-prettylights-syntax-markup-ignored-bg: #0550ae;
|
||||
--color-prettylights-syntax-meta-diff-range: #8250df;
|
||||
--color-prettylights-syntax-brackethighlighter-angle: #57606a;
|
||||
--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
|
||||
--color-prettylights-syntax-constant-other-reference-link: #0a3069;
|
||||
--color-fg-default: #24292f;
|
||||
--color-fg-muted: #57606a;
|
||||
--color-fg-subtle: #6e7781;
|
||||
--color-canvas-default: #ffffff;
|
||||
--color-canvas-subtle: #f6f8fa;
|
||||
--color-border-default: #d0d7de;
|
||||
--color-border-muted: hsla(210, 18%, 87%, 1);
|
||||
--color-neutral-muted: rgba(175, 184, 193, 0.2);
|
||||
--color-accent-fg: #0969da;
|
||||
--color-accent-emphasis: #0969da;
|
||||
--color-attention-subtle: #fff8c5;
|
||||
--color-danger-fg: #cf222e;
|
||||
}
|
||||
|
||||
.dark #article {
|
||||
--color-prettylights-syntax-comment: #8b949e;
|
||||
--color-prettylights-syntax-constant: #79c0ff;
|
||||
--color-prettylights-syntax-entity: #d2a8ff;
|
||||
--color-prettylights-syntax-storage-modifier-import: #c9d1d9;
|
||||
--color-prettylights-syntax-entity-tag: #7ee787;
|
||||
--color-prettylights-syntax-keyword: #ff7b72;
|
||||
--color-prettylights-syntax-string: #a5d6ff;
|
||||
--color-prettylights-syntax-variable: #ffa657;
|
||||
--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
|
||||
--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
|
||||
--color-prettylights-syntax-invalid-illegal-bg: #8e1519;
|
||||
--color-prettylights-syntax-carriage-return-text: #f0f6fc;
|
||||
--color-prettylights-syntax-carriage-return-bg: #b62324;
|
||||
--color-prettylights-syntax-string-regexp: #7ee787;
|
||||
--color-prettylights-syntax-markup-list: #f2cc60;
|
||||
--color-prettylights-syntax-markup-heading: #1f6feb;
|
||||
--color-prettylights-syntax-markup-italic: #c9d1d9;
|
||||
--color-prettylights-syntax-markup-bold: #c9d1d9;
|
||||
--color-prettylights-syntax-markup-deleted-text: #ffdcd7;
|
||||
--color-prettylights-syntax-markup-deleted-bg: #67060c;
|
||||
--color-prettylights-syntax-markup-inserted-text: #aff5b4;
|
||||
--color-prettylights-syntax-markup-inserted-bg: #033a16;
|
||||
--color-prettylights-syntax-markup-changed-text: #ffdfb6;
|
||||
--color-prettylights-syntax-markup-changed-bg: #5a1e02;
|
||||
--color-prettylights-syntax-markup-ignored-text: #c9d1d9;
|
||||
--color-prettylights-syntax-markup-ignored-bg: #1158c7;
|
||||
--color-prettylights-syntax-meta-diff-range: #d2a8ff;
|
||||
--color-prettylights-syntax-brackethighlighter-angle: #8b949e;
|
||||
--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
|
||||
--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
|
||||
--color-fg-default: #c9d1d9;
|
||||
--color-fg-muted: #8b949e;
|
||||
--color-fg-subtle: #484f58;
|
||||
--color-canvas-default: #0d1117;
|
||||
--color-canvas-subtle: #161b22;
|
||||
--color-border-default: #30363d;
|
||||
--color-border-muted: #21262d;
|
||||
--color-neutral-muted: rgba(110, 118, 129, 0.4);
|
||||
--color-accent-fg: #58a6ff;
|
||||
--color-accent-emphasis: #1f6feb;
|
||||
--color-attention-subtle: rgba(187, 128, 9, 0.15);
|
||||
--color-danger-fg: #f85149;
|
||||
--color-prettylights-syntax-comment: #8b949e;
|
||||
--color-prettylights-syntax-constant: #79c0ff;
|
||||
--color-prettylights-syntax-entity: #d2a8ff;
|
||||
--color-prettylights-syntax-storage-modifier-import: #c9d1d9;
|
||||
--color-prettylights-syntax-entity-tag: #7ee787;
|
||||
--color-prettylights-syntax-keyword: #ff7b72;
|
||||
--color-prettylights-syntax-string: #a5d6ff;
|
||||
--color-prettylights-syntax-variable: #ffa657;
|
||||
--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
|
||||
--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
|
||||
--color-prettylights-syntax-invalid-illegal-bg: #8e1519;
|
||||
--color-prettylights-syntax-carriage-return-text: #f0f6fc;
|
||||
--color-prettylights-syntax-carriage-return-bg: #b62324;
|
||||
--color-prettylights-syntax-string-regexp: #7ee787;
|
||||
--color-prettylights-syntax-markup-list: #f2cc60;
|
||||
--color-prettylights-syntax-markup-heading: #1f6feb;
|
||||
--color-prettylights-syntax-markup-italic: #c9d1d9;
|
||||
--color-prettylights-syntax-markup-bold: #c9d1d9;
|
||||
--color-prettylights-syntax-markup-deleted-text: #ffdcd7;
|
||||
--color-prettylights-syntax-markup-deleted-bg: #67060c;
|
||||
--color-prettylights-syntax-markup-inserted-text: #aff5b4;
|
||||
--color-prettylights-syntax-markup-inserted-bg: #033a16;
|
||||
--color-prettylights-syntax-markup-changed-text: #ffdfb6;
|
||||
--color-prettylights-syntax-markup-changed-bg: #5a1e02;
|
||||
--color-prettylights-syntax-markup-ignored-text: #c9d1d9;
|
||||
--color-prettylights-syntax-markup-ignored-bg: #1158c7;
|
||||
--color-prettylights-syntax-meta-diff-range: #d2a8ff;
|
||||
--color-prettylights-syntax-brackethighlighter-angle: #8b949e;
|
||||
--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
|
||||
--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
|
||||
--color-fg-default: #c9d1d9;
|
||||
--color-fg-muted: #8b949e;
|
||||
--color-fg-subtle: #484f58;
|
||||
--color-canvas-default: #0d1117;
|
||||
--color-canvas-subtle: #161b22;
|
||||
--color-border-default: #30363d;
|
||||
--color-border-muted: #21262d;
|
||||
--color-neutral-muted: rgba(110, 118, 129, 0.4);
|
||||
--color-accent-fg: #58a6ff;
|
||||
--color-accent-emphasis: #1f6feb;
|
||||
--color-attention-subtle: rgba(187, 128, 9, 0.15);
|
||||
--color-danger-fg: #f85149;
|
||||
}
|
||||
|
||||
#article {
|
||||
@apply text-lg leading-10;
|
||||
@apply text-lg leading-10;
|
||||
}
|
||||
|
||||
#article .toc {
|
||||
padding-left: 0.8em;
|
||||
@apply my-4;
|
||||
padding-left: 0.8em;
|
||||
@apply my-4;
|
||||
}
|
||||
|
||||
#article .toc li {
|
||||
list-style-type: none;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#article h1 {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
@apply text-gray-800 dark:text-gray-200;
|
||||
@apply mt-8 text-5xl font-Barlow;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
@apply text-gray-800 dark:text-gray-200;
|
||||
@apply mt-8 text-5xl font-Barlow;
|
||||
}
|
||||
|
||||
#article time {
|
||||
display: block;
|
||||
text-align: center;
|
||||
@apply text-gray-400 dark:text-gray-600;
|
||||
@apply mt-8 mb-20;
|
||||
display: block;
|
||||
text-align: center;
|
||||
@apply text-gray-400 dark:text-gray-600;
|
||||
@apply mt-8 mb-20;
|
||||
}
|
||||
|
||||
#article h2,
|
||||
@ -118,226 +120,251 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#article h2:hover::before,
|
||||
h3:hover::before,
|
||||
h4:hover::before,
|
||||
h5:hover::before,
|
||||
h6:hover::before {
|
||||
content: '#';
|
||||
left: -1.7rem;
|
||||
@apply absolute text-gray-400;
|
||||
content: '#';
|
||||
left: -1.7rem;
|
||||
@apply absolute text-gray-400;
|
||||
}
|
||||
|
||||
#article h2 {
|
||||
@apply relative text-3xl;
|
||||
@apply text-gray-700 dark:text-gray-200;
|
||||
@apply mt-8 mb-2;
|
||||
@apply relative text-3xl;
|
||||
@apply text-gray-700 dark:text-gray-200;
|
||||
@apply mt-8 mb-2;
|
||||
}
|
||||
|
||||
#article h3 {
|
||||
@apply relative text-2xl;
|
||||
@apply mt-6 mb-2;
|
||||
@apply relative text-2xl;
|
||||
@apply mt-6 mb-2;
|
||||
}
|
||||
|
||||
#article h4 {
|
||||
@apply relative text-xl;
|
||||
@apply mt-6 mb-2;
|
||||
@apply relative text-xl;
|
||||
@apply mt-6 mb-2;
|
||||
}
|
||||
|
||||
#article h5 {
|
||||
@apply relative;
|
||||
@apply mt-4 mb-2;
|
||||
@apply relative;
|
||||
@apply mt-4 mb-2;
|
||||
}
|
||||
|
||||
#article h6 {
|
||||
@apply relative;
|
||||
@apply mt-2 mb-2;
|
||||
@apply relative;
|
||||
@apply mt-2 mb-2;
|
||||
}
|
||||
|
||||
#article table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
display: block;
|
||||
width: max-content;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
margin-top: 0;
|
||||
margin-bottom: 16px;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
display: block;
|
||||
width: max-content;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
margin-top: 0;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
#article td,
|
||||
#article th {
|
||||
padding: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#article details summary {
|
||||
cursor: pointer;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#article table th {
|
||||
font-weight: 600;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#article table th,
|
||||
#article table td {
|
||||
padding: 6px 13px;
|
||||
padding: 6px 13px;
|
||||
}
|
||||
|
||||
#article thead tr:first-child {
|
||||
@apply border-t-0;
|
||||
@apply border-t-0;
|
||||
}
|
||||
|
||||
#article table tr {
|
||||
background-color: var(--color-canvas-default);
|
||||
border-top: 1px solid var(--color-border-muted);
|
||||
background-color: var(--color-canvas-default);
|
||||
border-top: 1px solid var(--color-border-muted);
|
||||
}
|
||||
|
||||
#article table tr:nth-child(2n) {
|
||||
background-color: var(--color-canvas-subtle);
|
||||
background-color: var(--color-canvas-subtle);
|
||||
}
|
||||
|
||||
#article table img {
|
||||
background-color: transparent;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#article blockquote {
|
||||
margin: 0;
|
||||
padding: 0 1em;
|
||||
color: var(--color-fg-muted);
|
||||
border-left: 0.25em solid var(--color-border-default);
|
||||
margin: 0;
|
||||
padding: 0 1em;
|
||||
color: var(--color-fg-muted);
|
||||
border-left: 0.25em solid var(--color-border-default);
|
||||
}
|
||||
|
||||
#article kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
|
||||
Liberation Mono, monospace;
|
||||
line-height: 10px;
|
||||
color: var(--color-fg-default);
|
||||
vertical-align: middle;
|
||||
background-color: var(--color-canvas-subtle);
|
||||
border: solid 1px var(--color-neutral-muted);
|
||||
border-bottom-color: var(--color-neutral-muted);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
|
||||
line-height: 10px;
|
||||
color: var(--color-fg-default);
|
||||
vertical-align: middle;
|
||||
background-color: var(--color-canvas-subtle);
|
||||
border: solid 1px var(--color-neutral-muted);
|
||||
border-bottom-color: var(--color-neutral-muted);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
|
||||
}
|
||||
|
||||
#article hr {
|
||||
box-sizing: content-box;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
border-bottom: 1px solid var(--color-border-muted);
|
||||
height: 0.25em;
|
||||
padding: 0;
|
||||
margin: 24px 0;
|
||||
background-color: var(--color-border-default);
|
||||
border: 0;
|
||||
box-sizing: content-box;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
border-bottom: 1px solid var(--color-border-muted);
|
||||
height: 0.25em;
|
||||
padding: 0;
|
||||
margin: 24px 0;
|
||||
background-color: var(--color-border-default);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#article hr::before {
|
||||
display: table;
|
||||
content: '';
|
||||
display: table;
|
||||
content: '';
|
||||
}
|
||||
|
||||
#article hr::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
|
||||
#article code,
|
||||
#article tt {
|
||||
padding: 0.2em 0.4em;
|
||||
margin: 0;
|
||||
font-size: 85%;
|
||||
background-color: var(--color-neutral-muted);
|
||||
border-radius: 6px;
|
||||
padding: 0.2em 0.4em;
|
||||
margin: 0;
|
||||
font-size: 85%;
|
||||
background-color: var(--color-neutral-muted);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#article pre > code {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
word-break: normal;
|
||||
white-space: pre;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
word-break: normal;
|
||||
white-space: pre;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#article code,
|
||||
#article kbd,
|
||||
#article pre,
|
||||
#article samp {
|
||||
/* font-family: monospace, monospace; */
|
||||
font-size: 16px;
|
||||
/* font-family: monospace, monospace; */
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#article mark {
|
||||
background-color: var(--color-attention-subtle);
|
||||
color: var(--color-text-primary);
|
||||
background-color: var(--color-attention-subtle);
|
||||
color: var(--color-text-primary);
|
||||
}
|
||||
|
||||
#article sub,
|
||||
#article sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#article sub {
|
||||
bottom: -0.25em;
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
#article sup {
|
||||
top: -0.5em;
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
#article ol li {
|
||||
list-style-type: auto;
|
||||
list-style-type: auto;
|
||||
}
|
||||
|
||||
#article ul li {
|
||||
list-style-type: initial;
|
||||
list-style-type: initial;
|
||||
}
|
||||
|
||||
#article ul.no-list,
|
||||
#article ol.no-list {
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#article ol[type='1'] {
|
||||
list-style-type: decimal;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
#article ol[type='a'] {
|
||||
list-style-type: lower-alpha;
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
#article ol[type='i'] {
|
||||
list-style-type: lower-roman;
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
#article div > ol:not([type]) {
|
||||
list-style-type: decimal;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
#article ul,
|
||||
#article ol {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-left: 2em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
#article ol ol,
|
||||
#article ul ol {
|
||||
list-style-type: lower-roman;
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
#article ul ul ol,
|
||||
#article ul ol ol,
|
||||
#article ol ul ol,
|
||||
#article ol ol ol {
|
||||
list-style-type: lower-alpha;
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
#article dd {
|
||||
margin-left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#article .sp-layout > .sp-stack {
|
||||
height: 400px;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
#article .sp-layout > .sp-stack {
|
||||
height: auto;
|
||||
}
|
||||
#article .sp-layout > .sp-stack {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
#article img {
|
||||
border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#article .cm-editor .cm-line {
|
||||
font-size: 15px;
|
||||
font-family: 'JetBrains Mono', -apple-system, monospace;
|
||||
font-size: 15px;
|
||||
font-family: 'JetBrains Mono', -apple-system, monospace;
|
||||
}
|
||||
|
||||
@ -2,7 +2,11 @@
|
||||
"compilerOptions": {
|
||||
"baseUrl": ".",
|
||||
"target": "es5",
|
||||
"lib": ["dom", "dom.iterable", "esnext"],
|
||||
"lib": [
|
||||
"dom",
|
||||
"dom.iterable",
|
||||
"esnext"
|
||||
],
|
||||
"allowJs": true,
|
||||
"skipLibCheck": true,
|
||||
"strict": true,
|
||||
@ -17,6 +21,12 @@
|
||||
// "typeRoots": ["./types", "./node_modules/@types"],
|
||||
"incremental": true
|
||||
},
|
||||
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
|
||||
"exclude": ["node_modules"]
|
||||
"include": [
|
||||
"next-env.d.ts",
|
||||
"**/*.ts",
|
||||
"**/*.tsx"
|
||||
],
|
||||
"exclude": [
|
||||
"node_modules"
|
||||
]
|
||||
}
|
||||
|
||||
@ -41,6 +41,7 @@ export interface Gist {
|
||||
owner: GistsOwner;
|
||||
truncated: boolean;
|
||||
}
|
||||
|
||||
export interface GistsFile {
|
||||
filename: string;
|
||||
type: GistsFileType;
|
||||
@ -49,17 +50,20 @@ export interface GistsFile {
|
||||
size: number;
|
||||
content: string;
|
||||
}
|
||||
|
||||
export enum GistsLanguage {
|
||||
JavaScript = 'JavaScript',
|
||||
PublicKey = 'Public Key',
|
||||
TypeScript = 'TypeScript',
|
||||
}
|
||||
|
||||
export enum GistsFileType {
|
||||
ApplicationJavascript = 'application/javascript',
|
||||
ApplicationPGPSignature = 'application/pgp-signature',
|
||||
TextPlain = 'text/plain',
|
||||
VideoMP2T = 'video/MP2T',
|
||||
}
|
||||
|
||||
export interface GistsOwner {
|
||||
login: GistsLogin;
|
||||
id: number;
|
||||
@ -80,24 +84,31 @@ export interface GistsOwner {
|
||||
type: GistsOwnerType;
|
||||
site_admin: boolean;
|
||||
}
|
||||
|
||||
export enum GistsEventsURL {
|
||||
HTTPSAPIGithubCOMUsersDefectingCatEventsPrivacy = 'https://api.github.com/users/DefectingCat/events{/privacy}',
|
||||
}
|
||||
|
||||
export enum GistsFollowingURL {
|
||||
HTTPSAPIGithubCOMUsersDefectingCatFollowingOtherUser = 'https://api.github.com/users/DefectingCat/following{/other_user}',
|
||||
}
|
||||
|
||||
export enum GistsURL {
|
||||
HTTPSAPIGithubCOMUsersDefectingCatGistsGistID = 'https://api.github.com/users/DefectingCat/gists{/gist_id}',
|
||||
}
|
||||
|
||||
export enum GistsLogin {
|
||||
DefectingCat = 'DefectingCat',
|
||||
}
|
||||
|
||||
export enum GistsNodeID {
|
||||
MDQ6VXNlcjI1MDMzNDkz = 'MDQ6VXNlcjI1MDMzNDkz',
|
||||
}
|
||||
|
||||
export enum GistsStarredURL {
|
||||
HTTPSAPIGithubCOMUsersDefectingCatStarredOwnerRepo = 'https://api.github.com/users/DefectingCat/starred{/owner}{/repo}',
|
||||
}
|
||||
|
||||
export enum GistsOwnerType {
|
||||
User = 'User',
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user