qyg2297248353/svgl: 📚一个拥有 SVG 徽标的美丽图书馆。使用 Sveltekit 与 Tailwind CSS 构建。 - svgl

mirror of https://github.com/pheralb/svgl.git synced 2024-09-20 11:16:19 +08:00

📚一个拥有 SVG 徽标的美丽图书馆。使用 Sveltekit 与 Tailwind CSS 构建。 https://svgl.app/

Go to file

Pablo Hdez 8787e1a2eb Merge pull request #42 from DSGDSR/feature/new_svg_logos ✨ Add some new svg logos		2023-04-15 16:29:41 +01:00
.github	📦 Update issue templates.	2023-04-14 12:48:03 +01:00
.vscode	🛠️ Add settings for vscode.	2023-03-20 00:10:55 +00:00
src	✨ Add some new svg logos	2023-04-15 11:52:16 +02:00
static	✨ Add some new svg logos	2023-04-15 11:52:16 +02:00
.eslintignore	🧡 Initial commit with Sveltekit.	2023-03-14 21:08:22 +00:00
.eslintrc.cjs	🛠️ Initial eslint config.	2023-03-15 11:27:26 +00:00
.gitignore	🛠️ Update gitignore.	2023-03-15 11:24:36 +00:00
.npmrc	🧡 Initial commit with Sveltekit.	2023-03-14 21:08:22 +00:00
.prettierignore	🧡 Initial commit with Sveltekit.	2023-03-14 21:08:22 +00:00
.prettierrc	🛠️ Update prettier json.	2023-03-15 11:27:46 +00:00
LICENSE	📝 Update license.	2023-03-20 00:39:40 +00:00
package.json	🛠 Update testing command.	2023-04-14 11:37:28 +00:00
postcss.config.cjs	🛠️ Add tailwindcss.	2023-03-15 11:28:22 +00:00
prettier.config.cjs	🛠️ Add prettier-plugin-tailwindcss.	2023-03-15 12:11:13 +00:00
README.md	✨ Update readme badge.	2023-03-20 11:28:52 +00:00
svelte.config.js	🛠️ Update alias.	2023-03-19 14:53:31 +00:00
tailwind.config.cjs	🛠️ Add dark/light mode.	2023-03-20 10:30:32 +00:00
tsconfig.json	🚀 Initial sveltekit config.	2023-03-15 11:29:15 +00:00
vercel.json	🛠 Create vercel.json.	2023-03-16 10:23:17 +00:00
vite.config.ts	🚀 Initial sveltekit config.	2023-03-15 11:29:15 +00:00

🛠️ 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.
Vitest - Blazing Fast Unit Test Framework.

You will need:

git clone git@github.com:pheralb/svgl.git

# with npm:
npm install

# with pnpm:
pnpm install

# with ultra:
ultra install

# with yarn:
yarn install

Go to the static/library folder and add your .svg logo. Remember to optimize SVG for web use, you can use SVGOMG.
Go to the src/data/svgs.ts and 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 🚀.