-
-
+
+
Posts tagged with
{tag.label}
-
+
- );
+ )
}
export default function BlogTagsPostsPage(props) {
return (
@@ -97,9 +93,10 @@ export default function BlogTagsPostsPage(props) {
className={clsx(
ThemeClassNames.wrapper.blogPages,
ThemeClassNames.page.blogTagPostListPage,
- )}>
+ )}
+ >
- );
+ )
}
diff --git a/src/theme/Tag/index.js b/src/theme/Tag/index.js
index 082ad34299..a761daeb19 100644
--- a/src/theme/Tag/index.js
+++ b/src/theme/Tag/index.js
@@ -13,12 +13,13 @@ export default function Tag({ permalink, label, isActive, className }) {
"no-underline hover:no-underline",
"text-xs",
!isActive && "bg-gray-100 dark:bg-gray-700",
- !isActive && "text-gray-600 dark:text-gray-400",
+ !isActive &&
+ "text-gray-600 dark:text-white-04 dark:hover:text-white-01",
"rounded",
"py-1",
"px-2",
isActive && "bg-gray-200 text-gray-500",
- isActive && "dark-bg-gray-700 text-gray-300",
+ isActive && "dark-bg-gray-700 dark:text-white-01",
className,
)}
>
diff --git a/src/theme/TagsList/index.tsx b/src/theme/TagsList/index.tsx
index 697143f5df..c0ffb05fbe 100644
--- a/src/theme/TagsList/index.tsx
+++ b/src/theme/TagsList/index.tsx
@@ -1,8 +1,8 @@
-import React from 'react';
-import Tag from '@theme/Tag';
-import { titleCase } from 'title-case';
-import clsx from 'clsx';
-import { Disclosure, Transition } from '@headlessui/react';
+import React from "react"
+import Tag from "@theme/Tag"
+import { titleCase } from "title-case"
+import clsx from "clsx"
+import { Disclosure, Transition } from "@headlessui/react"
const ChevronDownIcon = () => (
-);
+)
const mapLabel = (label) => {
// remove `-`
- label = label.replace(/-/g, ' ');
+ label = label.replace(/-/g, " ")
// replace
const replace = [
- ['typescript', 'TypeScript'],
- ['javascript', 'JavaScript'],
- ['chakra ui', 'Chakra UI'],
- ['material ui', 'Material UI'],
- ['nextjs', 'Next.js'],
- ['nestjs', 'NestJS'],
- ['css', 'CSS'],
- ];
+ ["typescript", "TypeScript"],
+ ["javascript", "JavaScript"],
+ ["chakra ui", "Chakra UI"],
+ ["material ui", "Material UI"],
+ ["nextjs", "Next.js"],
+ ["nestjs", "NestJS"],
+ ["css", "CSS"],
+ ]
replace.forEach((element) => {
- label = label.replace(element[0], element[1]);
- });
+ label = label.replace(element[0], element[1])
+ })
// title case
- return titleCase(label);
-};
+ return titleCase(label)
+}
const Desktop = ({
tags,
collapsed,
onShowMoreClick,
}: {
- tags: any;
- collapsed: boolean;
- onShowMoreClick: (collapsed: boolean) => void;
+ tags: any
+ collapsed: boolean
+ onShowMoreClick: (collapsed: boolean) => void
}) => {
return (
{tags.map((tag) => (
- -
+
-
))}
@@ -80,26 +80,26 @@ const Desktop = ({
- );
-};
+ )
+}
const Mobile = ({ tags }: { tags: any }) => {
return (
@@ -108,17 +108,17 @@ const Mobile = ({ tags }: { tags: any }) => {
{({ open }) => (
{/* {
)}
/> */}
Blog Post Tags
@@ -148,7 +148,7 @@ const Mobile = ({ tags }: { tags: any }) => {
>
{
>
{tags.map((tag) => (
-
@@ -169,33 +169,33 @@ const Mobile = ({ tags }: { tags: any }) => {
)}
- );
-};
+ )
+}
export default function TagsList({ tags }) {
- const [collapsed, setCollapsed] = React.useState(true);
+ const [collapsed, setCollapsed] = React.useState(true)
const priorityTags = [
- 'refine',
- 'react',
- 'nextjs',
- 'typescript',
- 'tutorial',
- 'material-ui',
- 'ant-design',
- 'docker',
- 'comparison',
- ];
+ "refine",
+ "react",
+ "nextjs",
+ "typescript",
+ "tutorial",
+ "material-ui",
+ "ant-design",
+ "docker",
+ "comparison",
+ ]
const sortedTags = (tags ?? []).sort((a, b) => {
- const aIndex = priorityTags.indexOf(a.label);
- const bIndex = priorityTags.indexOf(b.label);
+ const aIndex = priorityTags.indexOf(a.label)
+ const bIndex = priorityTags.indexOf(b.label)
if (aIndex === -1) {
- return bIndex === -1 ? 0 : 1;
+ return bIndex === -1 ? 0 : 1
} else {
- return bIndex === -1 ? -1 : aIndex - bIndex;
+ return bIndex === -1 ? -1 : aIndex - bIndex
}
- });
+ })
return (
<>
@@ -206,5 +206,5 @@ export default function TagsList({ tags }) {
/>
>
- );
+ )
}
diff --git a/static/img/home3/allContant/allContant.svg b/static/img/home3/allContant/allContant.svg
deleted file mode 100644
index 134f50fad2..0000000000
--- a/static/img/home3/allContant/allContant.svg
+++ /dev/null
@@ -1,388 +0,0 @@
-
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 738684e6e0..89f46e4abc 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,5 +1,5 @@
-const defaultTheme = require("tailwindcss/defaultTheme");
-const plugin = require("tailwindcss/plugin");
+const defaultTheme = require("tailwindcss/defaultTheme")
+const plugin = require("tailwindcss/plugin")
/** @type {import('tailwindcss').Config} */
module.exports = {
@@ -63,124 +63,124 @@ module.exports = {
1000: "#000000",
},
- 'white-01': '#ffffffff',
- 'white-02': '#ffffffe6',
- 'white-03': '#ffffffc0',
- 'white-04': '#ffffff80',
- 'white-05': '#ffffff4c',
- 'white-06': '#fff3',
- 'white-07': '#ffffff28',
- 'white-08': '#ffffff1e',
- 'white-09': '#ffffff19',
+ "white-01": "#ffffffff",
+ "white-02": "#ffffffe6",
+ "white-03": "#ffffffc0",
+ "white-04": "#ffffff80",
+ "white-05": "#ffffff4c",
+ "white-06": "#fff3",
+ "white-07": "#ffffff28",
+ "white-08": "#ffffff1e",
+ "white-09": "#ffffff19",
- 'gray-01': '#000000ff',
- 'gray-02': '#1f1f1fff',
- 'gray-03': '#5c5c5cff',
- 'gray-04': '#999999ff',
- 'gray-05': '#c2c2c2ff',
- 'gray-06': '#d6d6d6ff',
- 'gray-07': '#e0e0e0ff',
- 'gray-08': '#ebebebff',
- 'gray-09': '#f5f5f5ff',
+ "gray-01": "#000000ff",
+ "gray-02": "#1f1f1fff",
+ "gray-03": "#5c5c5cff",
+ "gray-04": "#999999ff",
+ "gray-05": "#c2c2c2ff",
+ "gray-06": "#d6d6d6ff",
+ "gray-07": "#e0e0e0ff",
+ "gray-08": "#ebebebff",
+ "gray-09": "#f5f5f5ff",
- 'garyBlue-01': '#0b0c0fff',
- 'garyBlue-02': '#1d2129ff',
- 'garyBlue-03': '#787e85ff',
- 'garyBlue-04': '#a9aeb8ff',
- 'garyBlue-05': '#bbc0c9ff',
- 'garyBlue-06': '#c9cdd4ff',
- 'garyBlue-07': '#dadee5ff',
- 'garyBlue-08': '#e5e6ebff',
- 'garyBlue-09': '#f2f3f5ff',
+ "grayBlue-01": "#0b0c0fff",
+ "grayBlue-02": "#1d2129ff",
+ "grayBlue-03": "#787e85ff",
+ "grayBlue-04": "#a9aeb8ff",
+ "grayBlue-05": "#bbc0c9ff",
+ "grayBlue-06": "#c9cdd4ff",
+ "grayBlue-07": "#dadee5ff",
+ "grayBlue-08": "#e5e6ebff",
+ "grayBlue-09": "#f2f3f5ff",
- 'tech-purple-n-01': '#100974',
- 'tech-purple-01': '#26189c',
- 'tech-purple-02': '#422ec4',
- 'tech-purple-03': '#654aec',
- 'tech-purple-04': '#8368f0',
- 'tech-purple-05': '#a087f4',
- 'tech-purple-06': '#bca6f7',
- 'tech-purple-07': '#d6c7fb',
- 'tech-purple-08': '#f0e8ff',
+ "tech-purple-n-01": "#100974",
+ "tech-purple-01": "#26189c",
+ "tech-purple-02": "#422ec4",
+ "tech-purple-03": "#654aec",
+ "tech-purple-04": "#8368f0",
+ "tech-purple-05": "#a087f4",
+ "tech-purple-06": "#bca6f7",
+ "tech-purple-07": "#d6c7fb",
+ "tech-purple-08": "#f0e8ff",
- 'tech-pink-n-01': '#790a5a',
- 'tech-pink-01': '#a61d7a',
- 'tech-pink-02': '#d2369c',
- 'tech-pink-03': '#ff58be',
- 'tech-pink-04': '#ff75c5',
- 'tech-pink-05': '#ff92ce',
- 'tech-pink-06': '#ffaed8',
- 'tech-pink-07': '#ffcbe4',
- 'tech-pink-08': '#ffe8f2',
+ "tech-pink-n-01": "#790a5a",
+ "tech-pink-01": "#a61d7a",
+ "tech-pink-02": "#d2369c",
+ "tech-pink-03": "#ff58be",
+ "tech-pink-04": "#ff75c5",
+ "tech-pink-05": "#ff92ce",
+ "tech-pink-06": "#ffaed8",
+ "tech-pink-07": "#ffcbe4",
+ "tech-pink-08": "#ffe8f2",
- 'blackAlpha-01': 'rgba(0, 0, 0, 0.88)',
- 'blackAlpha-02': 'rgba(0, 0, 0, 0.64)',
- 'blackAlpha-03': 'rgba(0, 0, 0, 0.4)',
- 'blackAlpha-04': 'rgba(0, 0, 0, 0.24)',
- 'blackAlpha-06': 'rgba(0, 0, 0, 0.12)',
- 'blackAlpha-05': 'rgba(0, 0, 0, 0.16)',
- 'blackAlpha-07': 'rgba(0, 0, 0, 0.08)',
- 'blackAlpha-08': 'rgba(0, 0, 0, 0.04)',
+ "blackAlpha-01": "rgba(0, 0, 0, 0.88)",
+ "blackAlpha-02": "rgba(0, 0, 0, 0.64)",
+ "blackAlpha-03": "rgba(0, 0, 0, 0.4)",
+ "blackAlpha-04": "rgba(0, 0, 0, 0.24)",
+ "blackAlpha-06": "rgba(0, 0, 0, 0.12)",
+ "blackAlpha-05": "rgba(0, 0, 0, 0.16)",
+ "blackAlpha-07": "rgba(0, 0, 0, 0.08)",
+ "blackAlpha-08": "rgba(0, 0, 0, 0.04)",
- 'blue-n-01': '#042379',
- 'blue-01': '#0a39a6',
- 'blue-02': '#1353d2',
- 'blue-03': '#1e6fff',
- 'blue-04': '#4690ff',
- 'blue-05': '#6aa1ff',
- 'blue-06': '#94bfff',
- 'blue-07': '#bedaff',
- 'blue-08': '#e8f4ff',
+ "blue-n-01": "#042379",
+ "blue-01": "#0a39a6",
+ "blue-02": "#1353d2",
+ "blue-03": "#1e6fff",
+ "blue-04": "#4690ff",
+ "blue-05": "#6aa1ff",
+ "blue-06": "#94bfff",
+ "blue-07": "#bedaff",
+ "blue-08": "#e8f4ff",
- 'purple-n-01': '#2a0874',
- 'purple-01': '#44159b',
- 'purple-02': '#6227c3',
- 'purple-03': '#863eea',
- 'purple-04': '#9f5eee',
- 'purple-05': '#b77ff2',
- 'purple-06': '#cda1f7',
- 'purple-07': '#e2c4fb',
- 'purple-08': '#f5e8ff',
+ "purple-n-01": "#2a0874",
+ "purple-01": "#44159b",
+ "purple-02": "#6227c3",
+ "purple-03": "#863eea",
+ "purple-04": "#9f5eee",
+ "purple-05": "#b77ff2",
+ "purple-06": "#cda1f7",
+ "purple-07": "#e2c4fb",
+ "purple-08": "#f5e8ff",
- 'red-n-01': '#770813',
- 'red-01': '#a1151e',
- 'red-02': '#cb272d',
- 'red-03': '#f53f3f',
- 'red-04': '#f76560',
- 'red-05': '#f98981',
- 'red-06': '#fbaca3',
- 'red-07': '#fdcdc5',
- 'red-08': '#ffece8',
+ "red-n-01": "#770813",
+ "red-01": "#a1151e",
+ "red-02": "#cb272d",
+ "red-03": "#f53f3f",
+ "red-04": "#f76560",
+ "red-05": "#f98981",
+ "red-06": "#fbaca3",
+ "red-07": "#fdcdc5",
+ "red-08": "#ffece8",
- 'green-n-01': '#02672d',
- 'green-01': '#048136',
- 'green-02': '#079c3e',
- 'green-03': '#0bb645',
- 'green-04': '#2dc55b',
- 'green-05': '#55d376',
- 'green-06': '#81e297',
- 'green-07': '#b2f0be',
+ "green-n-01": "#02672d",
+ "green-01": "#048136",
+ "green-02": "#079c3e",
+ "green-03": "#0bb645",
+ "green-04": "#2dc55b",
+ "green-05": "#55d376",
+ "green-06": "#81e297",
+ "green-07": "#b2f0be",
"green-08": "#e8ffec",
- 'yellow-n-01': '#795d00',
- 'yellow-01': '#a68501',
- 'yellow-02': '#d2b002',
- 'yellow-03': '#f8b804',
- 'yellow-04': '#ffea32',
- 'yellow-05': '#fff45f',
- 'yellow-06': '#fffb8d',
- 'yellow-07': '#ffffba',
- 'yellow-08': '#fdffd6',
+ "yellow-n-01": "#795d00",
+ "yellow-01": "#a68501",
+ "yellow-02": "#d2b002",
+ "yellow-03": "#f8b804",
+ "yellow-04": "#ffea32",
+ "yellow-05": "#fff45f",
+ "yellow-06": "#fffb8d",
+ "yellow-07": "#ffffba",
+ "yellow-08": "#fdffd6",
- 'orange-n-01': '#792e00',
- 'orange-01': '#a64500',
- 'orange-02': '#d25f00',
- 'orange-03': '#ff7d00',
- 'orange-04': '#ff9a2e',
- 'orange-05': '#ffb65d',
- 'orange-06': '#ffcf8b',
- 'orange-07': '#ffe4ba',
- 'orange-08': '#fff7e8',
+ "orange-n-01": "#792e00",
+ "orange-01": "#a64500",
+ "orange-02": "#d25f00",
+ "orange-03": "#ff7d00",
+ "orange-04": "#ff9a2e",
+ "orange-05": "#ffb65d",
+ "orange-06": "#ffcf8b",
+ "orange-07": "#ffe4ba",
+ "orange-08": "#fff7e8",
"cyan-n-01": "#045677",
"cyan-01": "#0c7ca1",
@@ -196,38 +196,32 @@ module.exports = {
"brand-02": "#ff58beff",
},
fontSize: {
- xs: '.75rem',
- sm: '.875rem',
- tiny: '.875rem',
- base: '1rem',
- lg: '1.125rem',
- xl: '1.25rem',
- '2xl': '1.5rem',
- '3xl': '1.875rem',
- '4xl': '2.25rem',
- '5xl': '3rem',
- '6xl': '5rem',
- '7xl': '7rem',
- title: '2.5rem',
- titleWeb: '5rem',
+ xs: ".75rem",
+ sm: ".875rem",
+ tiny: ".875rem",
+ base: "1rem",
+ lg: "1.125rem",
+ xl: "1.25rem",
+ "2xl": "1.5rem",
+ "3xl": "1.875rem",
+ "4xl": "2.25rem",
+ "5xl": "3rem",
+ "6xl": "5rem",
+ "7xl": "7rem",
+ title: "2.5rem",
+ titleWeb: "5rem",
},
fontFamily: {
- sans: [
- "var(--primary-font-sans)",
- ...defaultTheme.fontFamily.sans,
- ],
+ sans: ["var(--primary-font-sans)", ...defaultTheme.fontFamily.sans],
mono: ["Source Code Pro", ...defaultTheme.fontFamily.mono],
montserrat: ["Montserrat", ...defaultTheme.fontFamily.serif],
disket: ["Disket Mono", ...defaultTheme.fontFamily.mono],
inter: ["Inter", ...defaultTheme.fontFamily.serif],
- "jetBrains-mono": [
- "JetBrains Mono",
- ...defaultTheme.fontFamily.mono,
- ],
- source: ['Source Sans Pro', ...defaultTheme.fontFamily.sans],
- 'ubuntu-mono': ['Ubuntu Mono', ...defaultTheme.fontFamily.mono],
- eurostile: ['Eurostile Becker', ...defaultTheme.fontFamily.sans],
- jetBrains: ['JetBrains Mono', ...defaultTheme.fontFamily.sans],
+ "jetBrains-mono": ["JetBrains Mono", ...defaultTheme.fontFamily.mono],
+ source: ["Source Sans Pro", ...defaultTheme.fontFamily.sans],
+ "ubuntu-mono": ["Ubuntu Mono", ...defaultTheme.fontFamily.mono],
+ eurostile: ["Eurostile Becker", ...defaultTheme.fontFamily.sans],
+ jetBrains: ["JetBrains Mono", ...defaultTheme.fontFamily.sans],
},
dropShadow: {
"showcase-highlight": [
@@ -271,10 +265,8 @@ module.exports = {
"header-blur": "12px",
},
backgroundPosition: {
- "landing-wizard-option-right":
- "top -350px right -350px, center",
- "landing-wizard-option-left":
- "bottom -350px left -350px, center",
+ "landing-wizard-option-right": "top -350px right -350px, center",
+ "landing-wizard-option-left": "bottom -350px left -350px, center",
"landing-wizard-side-left-position": "center left",
"landing-wizard-side-right-position": "center right",
"landing-sweet-spot-glow-position-lg":
@@ -296,18 +288,15 @@ module.exports = {
animation: {
"spin-slow": "spin 3s linear infinite",
beat: "2s ease-in-out 1.5s infinite normal forwards running landing-hero-beat",
- "playground-slide-down":
- "playground-slide-down 45s linear infinite",
+ "playground-slide-down": "playground-slide-down 45s linear infinite",
"playground-slide-down-mobile":
"playground-slide-down-mobile 45s linear infinite",
- "playground-slide-up":
- "playground-slide-up 45s linear infinite",
+ "playground-slide-up": "playground-slide-up 45s linear infinite",
"playground-slide-up-mobile":
"playground-slide-up-mobile 45s linear infinite",
"hackathon-button-bg":
"hackathon-button-bg 2s ease-in-out infinite alternate",
- "walkthrough-bounce":
- "walkthrough-bounce 3s ease-in-out infinite",
+ "walkthrough-bounce": "walkthrough-bounce 3s ease-in-out infinite",
"top-announcement-glow":
"top-announcement-glow 1s ease-in-out infinite alternate",
"landing-hero-grid-beats":
@@ -315,10 +304,8 @@ module.exports = {
"hero-logo-pulse": "hero-logo-pulse 4s ease-in-out infinite",
"mini-bounce": "mini-bounce 3s ease-in-out infinite",
"dot-waves": "dot-waves 2.5s linear infinite",
- "landing-packages-left":
- "landing-packages-left 65s linear infinite",
- "landing-packages-right":
- "landing-packages-right 60s linear infinite",
+ "landing-packages-left": "landing-packages-left 65s linear infinite",
+ "landing-packages-right": "landing-packages-right 60s linear infinite",
"code-scroll": "code-scroll 25s linear infinite",
"beam-spin": "beam-spin 3s linear 1 forwards",
"landing-hero-beam-line":
@@ -335,8 +322,7 @@ module.exports = {
"showcase-reveal": "showcase-reveal 0.3s ease-in-out forwards",
"github-stars-border":
"github-stars-border 10s linear infinite alternate",
- "github-stars-glow":
- "github-stars-glow 10s linear infinite alternate",
+ "github-stars-glow": "github-stars-glow 10s linear infinite alternate",
"enterprise-iam-services-left":
"enterprise-iam-services-left 40s linear infinite",
"enterprise-iam-services-right":
@@ -666,18 +652,18 @@ module.exports = {
"blog-xl": "1440px",
"blog-2xl": "1584px",
walkthrough: "976px",
- 'sm': "640px",
- 'lg': "960px",
- "xl": "1440px",
+ sm: "640px",
+ lg: "960px",
+ xl: "1440px",
},
},
plugins: [
require("@tailwindcss/typography"),
plugin(({ addVariant }) => {
- addVariant("light", `[data-theme="light"] &`);
+ addVariant("light", `[data-theme="light"] &`)
}),
],
corePlugins: {
// preflight: false,
},
-};
+}