Added new docs package

This commit is contained in:
Prozilla 2024-07-07 15:15:46 +02:00
parent 02c512d611
commit 386037b6db
No known key found for this signature in database
GPG key ID: 5858DFE71CAF31EE
14 changed files with 1129 additions and 25 deletions

16
.gitignore vendored
View file

@ -1,22 +1,14 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/packages/*/node_modules
/packages/apps/*/node_modules
node_modules
dist
cache
# testing
# production
/dist
/packages/*/dist
/packages/apps/*/dist
# misc
npm-debug.log*
yarn-debug.log*
yarn-error.log*
*.ini
/tmp
/public/config/tree.json
config/tree.json

View file

@ -12,15 +12,19 @@
"preinstall": "npx only-allow pnpm",
"start": "pnpm run site:start",
"prebuild": "rimraf dist",
"build": "pnpm run packages:build && pnpm run site:build",
"build": "pnpm run packages:build && pnpm run docs:build && pnpm run site:build",
"predeploy": "rimraf dist",
"deploy": "pnpm run site:deploy",
"deploy": "pnpm run docs:build && pnpm run docs:stage && pnpm run site:deploy",
"site:start": "pnpm --filter prozilla-os-demo run start",
"site:build": "pnpm --filter prozilla-os-demo run build",
"site:preview": "pnpm --filter prozilla-os-demo run preview",
"site:stage": "pnpm --filter prozilla-os-demo run stage",
"site:deploy": "pnpm --filter prozilla-os-demo run deploy",
"site:fetch": "pnpm --filter prozilla-os-demo run fetch",
"docs:start": "pnpm --filter prozilla-os-docs run start",
"docs:build": "pnpm --filter prozilla-os-docs run build",
"docs:stage": "pnpm --filter prozilla-os-docs run stage",
"docs:preview": "pnpm --filter prozilla-os-docs run preview",
"packages:build": "pnpm -r --sequential --filter @prozilla-os/* --filter prozilla-os build",
"packages:update": "npx changeset && pnpm changeset version",
"packages:release": "pnpm changeset publish"

View file

@ -0,0 +1,44 @@
import { defineConfig } from "vitepress";
// https://vitepress.dev/reference/site-config
export default defineConfig({
title: "ProzillaOS Docs",
description: "Documentation for ProzillaOS and its packages.",
srcDir: "src",
base: "/docs/",
head: [
["link", { rel: "icon", href: "/docs/favicon.ico" }],
["link", { rel: "preconnect", href: "https://fonts.googleapis.com" }],
["link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: "" }],
["link", { href: "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap", rel: "stylesheet" }]
],
cleanUrls: true,
outDir: "./dist",
themeConfig: {
// https://vitepress.dev/reference/default-theme-config
nav: [
{ text: "Home", link: "/" },
{ text: "Getting started", link: "/getting-started" }
],
sidebar: [
{
text: "Docs",
items: [
{ text: "Getting started", link: "/getting-started" },
]
}
],
socialLinks: [
{ icon: "github", link: "https://github.com/prozilla-os/ProzillaOS" }
],
logo: {
dark: "/logo-light.svg",
light: "/logo-dark.svg"
},
siteTitle: "ProzillaOS"
}
});

View file

@ -0,0 +1,17 @@
// https://vitepress.dev/guide/custom-theme
import { h } from "vue";
import type { Theme } from "vitepress";
import DefaultTheme from "vitepress/theme";
import "./style.css";
export default {
extends: DefaultTheme,
Layout: () => {
return h(DefaultTheme.Layout, null, {
// https://vitepress.dev/guide/extending-default-theme#layout-slots
});
},
enhanceApp({ app, router, siteData }) {
// ...
}
} satisfies Theme;

View file

@ -0,0 +1,235 @@
/**
* Customize default theme styling by overriding CSS variables:
* https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
*/
/**
* Colors
*
* Each colors have exact same color scale system with 3 levels of solid
* colors with different brightness, and 1 soft color.
*
* - `XXX-1`: The most solid color used mainly for colored text. It must
* satisfy the contrast ratio against when used on top of `XXX-soft`.
*
* - `XXX-2`: The color used mainly for hover state of the button.
*
* - `XXX-3`: The color for solid background, such as bg color of the button.
* It must satisfy the contrast ratio with pure white (#ffffff) text on
* top of it.
*
* - `XXX-soft`: The color used for subtle background such as custom container
* or badges. It must satisfy the contrast ratio when putting `XXX-1` colors
* on top of it.
*
* The soft color must be semi transparent alpha channel. This is crucial
* because it allows adding multiple "soft" colors on top of each other
* to create a accent, such as when having inline code block inside
* custom containers.
*
* - `default`: The color used purely for subtle indication without any
* special meanings attched to it such as bg color for menu hover state.
*
* - `brand`: Used for primary brand colors, such as link text, button with
* brand theme, etc.
*
* - `tip`: Used to indicate useful information. The default theme uses the
* brand color for this by default.
*
* - `warning`: Used to indicate warning to the users. Used in custom
* container, badges, etc.
*
* - `danger`: Used to show error, or dangerous message to the users. Used
* in custom container, badges, etc.
* -------------------------------------------------------------------------- */
:root {
--vp-c-default-1: #A0A9B2;
--vp-c-default-2: #A0A9B2;
--vp-c-default-3: #A0A9B2;
--vp-c-default-soft: hsl(210, 100%, 90%);
--vp-c-brand-1: #4D9CFF;
--vp-c-brand-2: #366DB2;
--vp-c-brand-3: #4D9CFF;
--vp-c-brand-soft: #366DB2;
--vp-c-tip-1: #4DFF8B;
--vp-c-tip-2: #36B261;
--vp-c-tip-3: #4DFF8B;
--vp-c-tip-soft: #36B261;
--vp-c-note-1: #4D9CFF;
--vp-c-note-2: #366DB2;
--vp-c-note-3: #4D9CFF;
--vp-c-note-soft: #366DB2;
--vp-c-success-1: #4DFF8B;
--vp-c-success-2: #36B261;
--vp-c-success-3: #4DFF8B;
--vp-c-success-soft: #36B261;
--vp-c-important-1: #974DFF;
--vp-c-important-2: #6A36B2;
--vp-c-important-3: #974DFF;
--vp-c-important-soft: #6A36B2;
--vp-c-warning-1: #FF974D;
--vp-c-warning-2: #B26A36;
--vp-c-warning-3: #FF974D;
--vp-c-warning-soft: #B26A36;
--vp-c-danger-1: #FF4D5B;
--vp-c-danger-2: #B23640;
--vp-c-danger-3: #FF4D5B;
--vp-c-danger-soft: #B23640;
--vp-c-caution-1: #FF4D5B;
--vp-c-caution-2: #B23640;
--vp-c-caution-3: #FF4D5B;
--vp-c-caution-soft: #B23640;
}
.dark {
--vp-c-default-1: #393C40;
--vp-c-default-2: #222426;
--vp-c-default-3: #393C40;
--vp-c-default-soft: #222426;
}
/**
* Typography
* -------------------------------------------------------------------------- */
:root {
--vp-font-family-base: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
--vp-font-family-mono: "Roboto Mono", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}
/**
* Colors: Background
* -------------------------------------------------------------------------- */
:root {
--vp-c-bg: hsl(210, 100%, 95%);
--vp-c-bg-alt: hsl(210, 100%, 98.5%);
--vp-c-bg-elv: hsl(210, 100%, 95%);
--vp-c-bg-soft: hsl(210, 100%, 98.5%);
}
.dark {
--vp-c-bg: #14191F;
--vp-c-bg-alt: #0D1114;
--vp-c-bg-elv: #0D1114;
--vp-c-bg-soft: #0D1114;
}
/**
* Colors: Borders
* -------------------------------------------------------------------------- */
:root {
--vp-c-border: #A0A9B2;
--vp-c-divider: #A0A9B2;
--vp-c-gutter: #5C6166;
}
.dark {
--vp-c-border: #080B0D;
--vp-c-divider: #080B0D;
--vp-c-gutter: #000000;
}
/**
* Colors: Text
* -------------------------------------------------------------------------- */
:root {
--vp-c-text-1: rgba(41, 52, 63);
--vp-c-text-2: rgba(41, 52, 63, 0.78);
--vp-c-text-3: rgba(41, 52, 63, 0.56);
}
.dark {
--vp-c-text-1: rgba(229, 242, 255, 0.86);
--vp-c-text-2: rgba(229, 242, 255, 0.6);
--vp-c-text-3: rgba(229, 242, 255, 0.38);
}
/**
* Component: Button
* -------------------------------------------------------------------------- */
:root {
--vp-button-brand-border: transparent;
--vp-button-brand-text: var(--vp-c-white);
--vp-button-brand-bg: var(--vp-c-brand-3);
--vp-button-brand-hover-border: transparent;
--vp-button-brand-hover-text: var(--vp-c-white);
--vp-button-brand-hover-bg: var(--vp-c-brand-2);
--vp-button-brand-active-border: transparent;
--vp-button-brand-active-text: var(--vp-c-white);
--vp-button-brand-active-bg: var(--vp-c-brand-1);
}
/**
* Component: Home
* -------------------------------------------------------------------------- */
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(
120deg,
#4DFFE1 30%,
#4D9CFF
);
--vp-home-hero-image-background-image: linear-gradient(
-45deg,
#4DFFE1 50%,
#4D9CFF 50%
);
--vp-home-hero-image-filter: blur(44px);
}
@media (min-width: 640px) {
:root {
--vp-home-hero-image-filter: blur(56px);
}
}
@media (min-width: 960px) {
:root {
--vp-home-hero-image-filter: blur(68px);
}
}
/**
* Component: Custom Block
* -------------------------------------------------------------------------- */
:root {
--vp-custom-block-tip-border: transparent;
--vp-custom-block-tip-text: var(--vp-c-text-1);
--vp-custom-block-tip-bg: var(--vp-c-tip-soft);
--vp-custom-block-tip-code-bg: var(--vp-c-tip-soft);
--vp-custom-block-info-border: transparent;
--vp-custom-block-info-text: var(--vp-c-text-1);
--vp-custom-block-info-bg: var(--vp-c-note-soft);
--vp-custom-block-info-code-bg: var(--vp-c-note-soft);
--vp-custom-block-details-border: transparent;
--vp-custom-block-details-text: var(--vp-c-text-1);
--vp-custom-block-details-bg: var(--vp-c-default-1);
--vp-custom-block-details-code-bg: var(--vp-c-default-1);
}
/**
* Component: Algolia
* -------------------------------------------------------------------------- */
.DocSearch {
--docsearch-primary-color: var(--vp-c-brand-1) !important;
}

View file

@ -0,0 +1,26 @@
{
"name": "prozilla-os-docs",
"private": true,
"author": {
"name": "Prozilla",
"email": "business@prozilla.dev",
"url": "https://prozilla.dev/"
},
"homepage": "https://os.prozilla.dev/docs",
"type": "module",
"scripts": {
"start": "vitepress --port 3000",
"build": "vitepress build",
"preview": "vitepress preview --port 8080",
"stage": "vite-node scripts/stage"
},
"repository": {
"type": "git",
"url": "git+https://github.com/Prozilla/ProzillaOS.git"
},
"devDependencies": {
"vite-node": "^1.6.0",
"vitepress": "^1.2.3",
"vue": "^3.4.31"
}
}

View file

@ -0,0 +1,17 @@
import fs from "node:fs";
import path from "node:path";
import { ANSI } from "../../core/src/constants";
const BUILD_DIR = "dist";
function stage() {
try {
fs.cpSync(BUILD_DIR, path.resolve(__dirname, `../../../${BUILD_DIR}/docs/`), { recursive: true });
} catch (error) {
console.error(error);
console.log(`${ANSI.fg.red}⚠ Staging failed${ANSI.reset}`);
process.exit(1);
}
}
stage();

View file

@ -0,0 +1,7 @@
---
outline: deep
---
# Getting started
Coming soon!

View file

@ -0,0 +1,35 @@
---
# https://vitepress.dev/reference/default-theme-home-page
layout: home
hero:
name: "ProzillaOS"
text: "Web-based operating system"
tagline: A highly customizable and feature-rich desktop environment inside your browser
image: https://os.prozilla.dev/assets/logo.png
actions:
- theme: brand
text: Demo
link: https://os.prozilla.dev/
- theme: alt
text: GitHub
link: https://github.com/Prozilla/ProzillaOS
- theme: alt
text: npm
link: https://www.npmjs.com/package/prozilla-os
features:
- title: TypeScript
details: ProzillaOS is powered by TypeScript's type-safety.
icon: <svg fill="none" height="26" viewBox="0 0 27 26" width="27" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m.98608 0h24.32332c.5446 0 .9861.436522.9861.975v24.05c0 .5385-.4415.975-.9861.975h-24.32332c-.544597 0-.98608-.4365-.98608-.975v-24.05c0-.538478.441483-.975.98608-.975zm13.63142 13.8324v-2.1324h-9.35841v2.1324h3.34111v9.4946h2.6598v-9.4946zm1.0604 9.2439c.4289.2162.9362.3784 1.5218.4865.5857.1081 1.2029.1622 1.8518.1622.6324 0 1.2331-.0595 1.8023-.1784.5691-.1189 1.0681-.3149 1.497-.5879s.7685-.6297 1.0187-1.0703.3753-.9852.3753-1.6339c0-.4703-.0715-.8824-.2145-1.2365-.1429-.3541-.3491-.669-.6186-.9447-.2694-.2757-.5925-.523-.9692-.7419s-.8014-.4257-1.2743-.6203c-.3465-.1406-.6572-.2771-.9321-.4095-.275-.1324-.5087-.2676-.7011-.4054-.1925-.1379-.3409-.2838-.4454-.4379-.1045-.154-.1567-.3284-.1567-.523 0-.1784.0467-.3392.1402-.4824.0935-.1433.2254-.2663.3959-.369s.3794-.1824.6269-.2392c.2474-.0567.5224-.0851.8248-.0851.22 0 .4523.0162.697.0486.2447.0325.4908.0825.7382.15.2475.0676.4881.1527.7218.2555.2337.1027.4495.2216.6475.3567v-2.4244c-.4015-.1514-.84-.2636-1.3157-.3365-.4756-.073-1.0214-.1095-1.6373-.1095-.6268 0-1.2207.0662-1.7816.1987-.5609.1324-1.0544.3392-1.4806.6203s-.763.6392-1.0104 1.0743c-.2475.4352-.3712.9555-.3712 1.5609 0 .7731.2268 1.4326.6805 1.9785.4537.546 1.1424 1.0082 2.0662 1.3866.363.146.7011.2892 1.0146.4298.3134.1405.5842.2865.8124.4378.2282.1514.4083.3162.5403.4946s.198.3811.198.6082c0 .1676-.0413.323-.1238.4662-.0825.1433-.2076.2676-.3753.373s-.3766.1879-.6268.2473c-.2502.0595-.5431.0892-.8785.0892-.5719 0-1.1383-.0986-1.6992-.2959-.5608-.1973-1.0805-.4933-1.5589-.8879z" fill="var(--vp-c-text-1)" fill-rule="evenodd"></path></svg>
- title: Modular
details: ProzillaOS can be installed as separate modules with extensive customization.
icon: <svg fill="none" height="27" width="27" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M192 104.8c0-9.2-5.8-17.3-13.2-22.8C167.2 73.3 160 61.3 160 48c0-26.5 28.7-48 64-48s64 21.5 64 48c0 13.3-7.2 25.3-18.8 34c-7.4 5.5-13.2 13.6-13.2 22.8c0 12.8 10.4 23.2 23.2 23.2H336c26.5 0 48 21.5 48 48v56.8c0 12.8 10.4 23.2 23.2 23.2c9.2 0 17.3-5.8 22.8-13.2c8.7-11.6 20.7-18.8 34-18.8c26.5 0 48 28.7 48 64s-21.5 64-48 64c-13.3 0-25.3-7.2-34-18.8c-5.5-7.4-13.6-13.2-22.8-13.2c-12.8 0-23.2 10.4-23.2 23.2V464c0 26.5-21.5 48-48 48H279.2c-12.8 0-23.2-10.4-23.2-23.2c0-9.2 5.8-17.3 13.2-22.8c11.6-8.7 18.8-20.7 18.8-34c0-26.5-28.7-48-64-48s-64 21.5-64 48c0 13.3 7.2 25.3 18.8 34c7.4 5.5 13.2 13.6 13.2 22.8c0 12.8-10.4 23.2-23.2 23.2H48c-26.5 0-48-21.5-48-48V343.2C0 330.4 10.4 320 23.2 320c9.2 0 17.3 5.8 22.8 13.2C54.7 344.8 66.7 352 80 352c26.5 0 48-28.7 48-64s-21.5-64-48-64c-13.3 0-25.3 7.2-34 18.8C40.5 250.2 32.4 256 23.2 256C10.4 256 0 245.6 0 232.8V176c0-26.5 21.5-48 48-48H168.8c12.8 0 23.2-10.4 23.2-23.2z" fill="var(--vp-c-text-1)"/></svg>
- title: Open-source
details: ProzillaOS is entirely free and open-source.
icon: <svg fill="none" height="27" width="26" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" fill="var(--vp-c-text-1)"/></svg>
link: https://github.com/Prozilla/ProzillaOS
linkText: Learn more
---

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View file

@ -0,0 +1,21 @@
<svg width="290" height="206" viewBox="0 0 290 206" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_379_108)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M109.256 8.002C110.982 8.0516 112.551 9.01841 113.371 10.5382L129.637 40.6794C130.457 42.1992 130.404 44.0412 129.498 45.5114C128.592 46.9816 126.97 47.8568 125.244 47.8072L91.0081 46.8235C89.2818 46.7739 87.7131 45.8071 86.8929 44.2873C86.0727 42.7674 86.1256 40.9255 87.0317 39.4553L105.002 10.2978C105.908 8.82754 107.529 7.9524 109.256 8.002Z" fill="#1E262E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M43.7275 32.1412C44.9768 31.2384 46.6129 31.0707 48.0194 31.7012L75.9132 44.2055C77.3197 44.836 78.283 46.169 78.4402 47.7023C78.5975 49.2356 77.9247 50.7363 76.6754 51.6391L51.8995 69.5438C50.6502 70.4466 49.0141 70.6144 47.6076 69.9838C46.2011 69.3533 45.2378 68.0204 45.0806 66.487L41.9627 36.0781C41.8055 34.5448 42.4782 33.0441 43.7275 32.1412Z" fill="#1E262E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.24484 83.6071C9.71864 82.3156 10.8454 81.3749 12.2008 81.1395L39.0806 76.4704C40.4359 76.2349 41.8139 76.7405 42.6955 77.7965C43.5771 78.8526 43.8283 80.2988 43.3545 81.5903L33.9582 107.203C33.4844 108.495 32.3576 109.436 31.0023 109.671C29.6469 109.906 28.2689 109.401 27.3873 108.345L9.90383 87.4008C9.02226 86.3447 8.77105 84.8986 9.24484 83.6071Z" fill="#1E262E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.06734 138.697C7.82562 137.493 8.24446 136.252 9.16608 135.441L27.4437 119.353C28.3653 118.541 29.6497 118.283 30.813 118.676C31.9764 119.069 32.8419 120.052 33.0837 121.256L37.8774 145.129C38.1191 146.332 37.7003 147.574 36.7787 148.385C35.8571 149.196 34.5727 149.454 33.4093 149.061L10.3379 141.276C9.17461 140.884 8.30906 139.901 8.06734 138.697Z" fill="#1E262E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.5164 177.42C32.9321 176.695 32.7791 175.713 33.1151 174.844L39.7788 157.616C40.1148 156.747 40.8887 156.124 41.8091 155.981C42.7294 155.837 43.6563 156.196 44.2406 156.921L55.8289 171.306C56.4132 172.031 56.5662 173.013 56.2302 173.882C55.8942 174.751 55.1202 175.374 54.1999 175.518L35.948 178.361C35.0277 178.504 34.1007 178.146 33.5164 177.42Z" fill="#1E262E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M105.875 181.851C140.608 181.851 168.765 153.694 168.765 118.96C168.765 84.2267 140.608 56.0696 105.875 56.0696C71.1412 56.0696 42.9841 84.2267 42.9841 118.96C42.9841 153.694 71.1412 181.851 105.875 181.851ZM139.31 119.554C139.31 137.959 124.39 152.88 105.984 152.88C87.5787 152.88 72.6581 137.959 72.6581 119.554C72.6581 101.148 87.5787 86.2279 105.984 86.2279C124.39 86.2279 139.31 101.148 139.31 119.554Z" fill="#29343F"/>
<path d="M215.317 181.594C205.004 181.594 195.994 180.121 188.287 177.174C180.694 174.114 173.667 169.297 167.207 162.724L188.457 141.474C192.877 145.667 197.524 148.897 202.397 151.164C207.271 153.317 212.484 154.394 218.037 154.394C222.684 154.394 226.197 153.714 228.577 152.354C230.957 150.881 232.147 148.897 232.147 146.404C232.147 143.911 231.127 141.871 229.087 140.284C227.047 138.584 224.327 137.111 220.927 135.864C217.641 134.504 213.957 133.144 209.877 131.784C205.911 130.424 201.944 128.781 197.977 126.854C194.011 124.927 190.327 122.604 186.927 119.884C183.641 117.051 180.977 113.594 178.937 109.514C176.897 105.321 175.877 100.221 175.877 94.2139C175.877 86.3939 177.747 79.6506 181.487 73.9839C185.227 68.3173 190.497 64.0106 197.297 61.064C204.097 58.0039 212.087 56.4739 221.267 56.4739C230.334 56.4739 238.721 57.9473 246.427 60.894C254.247 63.7273 260.707 67.8073 265.807 73.1339L244.387 94.3839C240.647 90.7573 236.907 88.0939 233.167 86.3939C229.427 84.5806 225.347 83.674 220.927 83.674C217.414 83.674 214.581 84.2406 212.427 85.374C210.387 86.5073 209.367 88.2073 209.367 90.4739C209.367 92.8539 210.387 94.8373 212.427 96.424C214.467 97.8973 217.131 99.2573 220.417 100.504C223.817 101.751 227.501 103.054 231.467 104.414C235.547 105.774 239.571 107.417 243.537 109.344C247.504 111.157 251.131 113.537 254.417 116.484C257.817 119.317 260.537 122.887 262.577 127.194C264.617 131.501 265.637 136.714 265.637 142.834C265.637 155.187 261.217 164.764 252.377 171.564C243.651 178.251 231.297 181.594 215.317 181.594Z" fill="#29343F"/>
</g>
<defs>
<filter id="filter0_d_379_108" x="8" y="8" width="258" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.117 0 0 0 0 0.1485 0 0 0 0 0.18 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_379_108"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_379_108" result="shape"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.8 KiB

View file

@ -0,0 +1,21 @@
<svg width="290" height="206" viewBox="0 0 290 206" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_379_113)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M109.256 8.002C110.982 8.0516 112.551 9.01841 113.371 10.5382L129.637 40.6794C130.457 42.1992 130.404 44.0412 129.498 45.5114C128.592 46.9816 126.97 47.8568 125.244 47.8072L91.0081 46.8235C89.2818 46.7739 87.7131 45.8071 86.8929 44.2873C86.0727 42.7674 86.1256 40.9255 87.0317 39.4553L105.002 10.2978C105.908 8.82754 107.529 7.9524 109.256 8.002Z" fill="#A0A9B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M43.7275 32.1412C44.9768 31.2384 46.6129 31.0707 48.0194 31.7012L75.9132 44.2055C77.3197 44.836 78.283 46.169 78.4402 47.7023C78.5975 49.2356 77.9247 50.7363 76.6754 51.6391L51.8995 69.5438C50.6502 70.4466 49.0141 70.6144 47.6076 69.9838C46.2011 69.3533 45.2378 68.0204 45.0806 66.487L41.9627 36.0781C41.8055 34.5448 42.4782 33.0441 43.7275 32.1412Z" fill="#A0A9B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.24484 83.6071C9.71864 82.3156 10.8454 81.3749 12.2008 81.1395L39.0806 76.4704C40.4359 76.2349 41.8139 76.7405 42.6955 77.7965C43.5771 78.8526 43.8283 80.2988 43.3545 81.5903L33.9582 107.203C33.4844 108.495 32.3576 109.436 31.0023 109.671C29.6469 109.906 28.2689 109.401 27.3873 108.345L9.90383 87.4008C9.02226 86.3447 8.77105 84.8986 9.24484 83.6071Z" fill="#A0A9B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.06734 138.697C7.82562 137.493 8.24446 136.252 9.16608 135.441L27.4437 119.353C28.3653 118.541 29.6497 118.283 30.813 118.676C31.9764 119.069 32.8419 120.052 33.0837 121.256L37.8774 145.129C38.1191 146.332 37.7003 147.574 36.7787 148.385C35.8571 149.196 34.5727 149.454 33.4093 149.061L10.3379 141.276C9.17461 140.884 8.30906 139.901 8.06734 138.697Z" fill="#A0A9B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.5164 177.42C32.9321 176.695 32.7791 175.713 33.1151 174.844L39.7788 157.616C40.1148 156.747 40.8887 156.124 41.8091 155.981C42.7294 155.837 43.6563 156.196 44.2406 156.921L55.8289 171.306C56.4132 172.031 56.5662 173.013 56.2302 173.882C55.8942 174.751 55.1202 175.374 54.1999 175.518L35.948 178.361C35.0277 178.504 34.1007 178.146 33.5164 177.42Z" fill="#A0A9B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M105.875 181.851C140.608 181.851 168.765 153.694 168.765 118.96C168.765 84.2267 140.608 56.0696 105.875 56.0696C71.1412 56.0696 42.9841 84.2267 42.9841 118.96C42.9841 153.694 71.1412 181.851 105.875 181.851ZM139.31 119.554C139.31 137.959 124.39 152.88 105.984 152.88C87.5787 152.88 72.6581 137.959 72.6581 119.554C72.6581 101.148 87.5787 86.2279 105.984 86.2279C124.39 86.2279 139.31 101.148 139.31 119.554Z" fill="#E6F2FF"/>
<path d="M215.317 181.594C205.004 181.594 195.994 180.121 188.287 177.174C180.694 174.114 173.667 169.297 167.207 162.724L188.457 141.474C192.877 145.667 197.524 148.897 202.397 151.164C207.271 153.317 212.484 154.394 218.037 154.394C222.684 154.394 226.197 153.714 228.577 152.354C230.957 150.881 232.147 148.897 232.147 146.404C232.147 143.911 231.127 141.871 229.087 140.284C227.047 138.584 224.327 137.111 220.927 135.864C217.641 134.504 213.957 133.144 209.877 131.784C205.911 130.424 201.944 128.781 197.977 126.854C194.011 124.927 190.327 122.604 186.927 119.884C183.641 117.051 180.977 113.594 178.937 109.514C176.897 105.321 175.877 100.221 175.877 94.2139C175.877 86.3939 177.747 79.6506 181.487 73.9839C185.227 68.3173 190.497 64.0106 197.297 61.064C204.097 58.0039 212.087 56.4739 221.267 56.4739C230.334 56.4739 238.721 57.9473 246.427 60.894C254.247 63.7273 260.707 67.8073 265.807 73.1339L244.387 94.3839C240.647 90.7573 236.907 88.0939 233.167 86.3939C229.427 84.5806 225.347 83.674 220.927 83.674C217.414 83.674 214.581 84.2406 212.427 85.374C210.387 86.5073 209.367 88.2073 209.367 90.4739C209.367 92.8539 210.387 94.8373 212.427 96.424C214.467 97.8973 217.131 99.2573 220.417 100.504C223.817 101.751 227.501 103.054 231.467 104.414C235.547 105.774 239.571 107.417 243.537 109.344C247.504 111.157 251.131 113.537 254.417 116.484C257.817 119.317 260.537 122.887 262.577 127.194C264.617 131.501 265.637 136.714 265.637 142.834C265.637 155.187 261.217 164.764 252.377 171.564C243.651 178.251 231.297 181.594 215.317 181.594Z" fill="#E6F2FF"/>
</g>
<defs>
<filter id="filter0_d_379_113" x="8" y="8" width="258" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.117 0 0 0 0 0.1485 0 0 0 0 0.18 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_379_113"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_379_113" result="shape"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.8 KiB

View file

@ -0,0 +1,21 @@
<svg width="290" height="206" viewBox="0 0 290 206" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_355_229)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M109.256 8.002C110.982 8.0516 112.551 9.01841 113.371 10.5382L129.637 40.6794C130.457 42.1992 130.404 44.0412 129.498 45.5114C128.592 46.9816 126.97 47.8568 125.244 47.8072L91.0081 46.8235C89.2818 46.7739 87.7131 45.8071 86.8929 44.2873C86.0727 42.7674 86.1256 40.9255 87.0317 39.4553L105.002 10.2978C105.908 8.82754 107.529 7.9524 109.256 8.002Z" fill="#36B39E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M43.7275 32.1412C44.9768 31.2384 46.6129 31.0707 48.0194 31.7012L75.9132 44.2055C77.3197 44.836 78.283 46.169 78.4402 47.7023C78.5975 49.2356 77.9247 50.7363 76.6754 51.6391L51.8995 69.5438C50.6502 70.4466 49.0141 70.6143 47.6076 69.9838C46.2011 69.3533 45.2378 68.0204 45.0806 66.487L41.9627 36.0781C41.8055 34.5448 42.4782 33.0441 43.7275 32.1412Z" fill="#36B39E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.24484 83.6071C9.71864 82.3156 10.8454 81.3749 12.2008 81.1395L39.0806 76.4704C40.4359 76.2349 41.8139 76.7405 42.6955 77.7965C43.5771 78.8526 43.8283 80.2988 43.3545 81.5903L33.9582 107.203C33.4844 108.495 32.3576 109.436 31.0023 109.671C29.6469 109.906 28.2689 109.401 27.3873 108.345L9.90383 87.4008C9.02226 86.3447 8.77105 84.8986 9.24484 83.6071Z" fill="#36B39E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.06734 138.697C7.82562 137.493 8.24446 136.252 9.16608 135.441L27.4437 119.353C28.3653 118.541 29.6497 118.283 30.813 118.676C31.9764 119.069 32.8419 120.052 33.0837 121.256L37.8774 145.129C38.1191 146.332 37.7003 147.574 36.7787 148.385C35.8571 149.196 34.5727 149.454 33.4093 149.061L10.3379 141.276C9.17461 140.884 8.30906 139.901 8.06734 138.697Z" fill="#36B39E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.5164 177.42C32.9321 176.695 32.7791 175.713 33.1151 174.844L39.7788 157.616C40.1148 156.747 40.8887 156.124 41.8091 155.981C42.7294 155.837 43.6563 156.196 44.2406 156.921L55.8289 171.306C56.4132 172.031 56.5662 173.013 56.2302 173.882C55.8942 174.751 55.1202 175.374 54.1999 175.518L35.948 178.361C35.0277 178.504 34.1007 178.146 33.5164 177.42Z" fill="#36B39E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M105.875 181.851C140.608 181.851 168.765 153.694 168.765 118.96C168.765 84.2267 140.608 56.0696 105.875 56.0696C71.1412 56.0696 42.9841 84.2267 42.9841 118.96C42.9841 153.694 71.1412 181.851 105.875 181.851ZM139.31 119.554C139.31 137.959 124.39 152.88 105.984 152.88C87.5787 152.88 72.6581 137.959 72.6581 119.554C72.6581 101.148 87.5787 86.2279 105.984 86.2279C124.39 86.2279 139.31 101.148 139.31 119.554Z" fill="#4DFFE1"/>
<path d="M215.317 181.594C205.004 181.594 195.994 180.121 188.287 177.174C180.694 174.114 173.667 169.297 167.207 162.724L188.457 141.474C192.877 145.667 197.524 148.897 202.397 151.164C207.271 153.317 212.484 154.394 218.037 154.394C222.684 154.394 226.197 153.714 228.577 152.354C230.957 150.881 232.147 148.897 232.147 146.404C232.147 143.911 231.127 141.871 229.087 140.284C227.047 138.584 224.327 137.111 220.927 135.864C217.641 134.504 213.957 133.144 209.877 131.784C205.911 130.424 201.944 128.781 197.977 126.854C194.011 124.927 190.327 122.604 186.927 119.884C183.641 117.051 180.977 113.594 178.937 109.514C176.897 105.321 175.877 100.221 175.877 94.2139C175.877 86.3939 177.747 79.6506 181.487 73.9839C185.227 68.3173 190.497 64.0106 197.297 61.064C204.097 58.0039 212.087 56.4739 221.267 56.4739C230.334 56.4739 238.721 57.9473 246.427 60.894C254.247 63.7273 260.707 67.8073 265.807 73.1339L244.387 94.3839C240.647 90.7573 236.907 88.0939 233.167 86.3939C229.427 84.5806 225.347 83.674 220.927 83.674C217.414 83.674 214.581 84.2406 212.427 85.374C210.387 86.5073 209.367 88.2073 209.367 90.4739C209.367 92.8539 210.387 94.8373 212.427 96.424C214.467 97.8973 217.131 99.2573 220.417 100.504C223.817 101.751 227.501 103.054 231.467 104.414C235.547 105.774 239.571 107.417 243.537 109.344C247.504 111.157 251.131 113.537 254.417 116.484C257.817 119.317 260.537 122.887 262.577 127.194C264.617 131.501 265.637 136.714 265.637 142.834C265.637 155.187 261.217 164.764 252.377 171.564C243.651 178.251 231.297 181.594 215.317 181.594Z" fill="#4DFFE1"/>
</g>
<defs>
<filter id="filter0_d_355_229" x="8" y="8" width="258" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.117 0 0 0 0 0.1485 0 0 0 0 0.18 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_355_229"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_355_229" result="shape"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.8 KiB

File diff suppressed because it is too large Load diff