mirror of
https://github.com/pheralb/svgl.git
synced 2024-09-20 11:16:19 +08:00
📚一个拥有 SVG 徽标的美丽图书馆。使用 Sveltekit 与 Tailwind CSS 构建。
https://svgl.app/
| .github/workflows | ||
| .vscode | ||
| src | ||
| static | ||
| .eslintignore | ||
| .eslintrc.cjs | ||
| .gitignore | ||
| .npmrc | ||
| .prettierignore | ||
| .prettierrc | ||
| LICENSE | ||
| package.json | ||
| postcss.config.cjs | ||
| prettier.config.cjs | ||
| README.md | ||
| svelte.config.js | ||
| tailwind.config.cjs | ||
| tsconfig.json | ||
| vite.config.ts | ||
🛠️ Stack
- Sveltekit - Web development, streamlined.
- Typescript - JavaScript with syntax for types.
- Tailwindcss - A utility-first CSS framework for rapidly building custom designs.
- Prettier + prettier-plugin-tailwindcss - An opinionated code formatter.
- phosphor-svelte - A clean and friendly icon family for Svelte.
🚀 Getting Started
You will need:
- Clone or fork this repository:
git clone git@github.com:pheralb/svgl.git
- Install dependencies with your favorite package manager:
# with npm:
npm install
# or with pnpm:
pnpm install
# or with ultra:
ultra install
# or with yarn:
yarn install
-
Go to the
static/libraryfolder and add your.svglogo. Remember to optimize SVG for web use, you can use SVGOMG. -
Go to the
src/data/svgs.jsonand add the information about your logo, following the structure:
{
"id": 1,
"title": "Title",
"category": "Category",
"route": "/library/your_logo.svg",
"url": "Website"
},
And create a pull request with your logo 🚀.
🔑 License:
- MIT.