qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2024-11-10 14:46:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #246 from Pyr33x/main

Browse Source 
⚡ New Changes
This commit is contained in:
Pablo Hdez 2024-02-11 15:46:42 +00:00 committed by GitHub
commit 3c4bdd9a28
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
11 changed files with 63 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

@ -37,7 +37,7 @@
</head>
<body
data-sveltekit-preload-data="hover"
class="min-h-screen bg-white font-sans text-mini dark:bg-dark dark:text-white antialiased selection:bg-neutral-200 dark:selection:bg-neutral-700"
class="min-h-screen bg-white font-sans text-mini dark:bg-dark dark:text-white antialiased selection:bg-neutral-200 scroll-smooth [text-rendering:optimizeLegibility;] dark:selection:bg-neutral-700"
>
<div>%sveltekit.body%</div>
</body>

2
src/components/navbar.svelte
View File

@ -47,7 +47,7 @@
'dark:bg-neutral-900 bg-white',
'w-full px-5 py-4 border-b border-neutral-200 dark:border-neutral-800',
'sticky top-0 z-50',
'backdrop-blur-md opacity-95'
'backdrop-blur-md dark:bg-neutral-900/90 bg-white/90'
)}
>
<!-- Se le puso un aria-label al href="/" -->

8
src/components/svgCard.svelte
View File

@ -88,7 +88,7 @@
<!-- Image -->
{#if wordmarkSvg == true}
<img
class="hidden dark:block mb-4 mt-2 h-10"
class="hidden dark:block mb-4 mt-2 h-10 select-none"
src={typeof svgInfo.wordmark !== 'string'
? svgInfo.wordmark?.dark || ''
: svgInfo.wordmark || ''}
@ -97,7 +97,7 @@
loading="lazy"
/>
<img
class="block dark:hidden mb-4 mt-2 h-10"
class="block dark:hidden mb-4 mt-2 h-10 select-none"
src={typeof svgInfo.wordmark !== 'string'
? svgInfo.wordmark?.light || ''
: svgInfo.wordmark || ''}
@ -107,14 +107,14 @@
/>
{:else}
<img
class={cn('hidden dark:block mb-4 mt-2 h-10')}
class={cn('hidden dark:block mb-4 mt-2 h-10 select-none')}
src={typeof svgInfo.route !== 'string' ? svgInfo.route.dark : svgInfo.route}
alt={svgInfo.title}
title={svgInfo.title}
loading="lazy"
/>
<img
class={cn('block dark:hidden mb-4 mt-2 h-10')}
class={cn('block dark:hidden mb-4 mt-2 h-10 select-none')}
src={typeof svgInfo.route !== 'string' ? svgInfo.route.light : svgInfo.route}
alt={svgInfo.title}
title={svgInfo.title}

15
src/data/svgs.ts
View File

@ -1012,6 +1012,12 @@ export const svgs: iSVG[] = [
route: '/library/python.svg',
url: 'https://www.python.org/'
},
{
title: 'Solidity',
category: 'Language',
route: '/library/solidity.svg',
url: 'https://soliditylang.org/'
},
{
title: 'Turbopack',
category: 'Software',
@ -1177,6 +1183,15 @@ export const svgs: iSVG[] = [
route: '/library/elementor.svg',
url: 'https://elementor.com/'
},
{
title: 'Kick',
category: 'Entertainment',
route: {
light: '/library/kick-light.svg',
dark: '/library/kick-dark.svg',
},
url: 'https://kick.com/'
},
{
title: 'Prime video',
category: 'Entertainment',

2
src/routes/+page.svelte
View File

@ -107,7 +107,7 @@
<div class="flex items-center justify-end mb-4">
<button
class={cn(
'flex items-center justify-center space-x-1 rounded-md px-3 py-1.5 text-sm font-medium hover:opacity-80 transition-opacity',
'flex items-center justify-center space-x-1 rounded-md px-3 py-1.5 text-sm font-medium opacity-80 hover:opacity-100 transition-opacity',
filteredSvgs.length === 0 && 'hidden'
)}
on:click={() => sort()}

2
src/ui/styles.ts
View File

@ -1,5 +1,5 @@
export const buttonStyles =
'flex items-center space-x-2 relative h-10 rounded-md border border-neutral-200 dark:border-neutral-800 bg-transparent px-4 text-neutral-950 dark:text-white hover:bg-neutral-200/50 dark:hover:bg-neutral-800/50 focus:outline-none focus:ring-1 focus:ring-neutral-300 dark:focus:ring-neutral-700 transition-colors duration-100';
'flex items-center space-x-2 relative h-10 rounded-full border border-neutral-200 dark:border-neutral-800 bg-transparent px-4 text-neutral-950 dark:text-white hover:bg-neutral-200/50 dark:hover:bg-neutral-800/50 focus:outline-none focus:ring-1 focus:ring-neutral-300 dark:focus:ring-neutral-700 transition-colors duration-100';
export const inputStyles =
'w-full border-b border-neutral-300 bg-white p-3 px-11 placeholder-neutral-500 focus:outline-none focus:ring-1 focus:ring-neutral-300 dark:border-neutral-800 dark:bg-neutral-900 dark:focus:ring-neutral-700';

15
static/library/kick-dark.svg Normal file
View File

@ -0,0 +1,15 @@
<svg width="933" height="300" viewBox="0 0 933 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9790_492437)">
<g clip-path="url(#clip1_9790_492437)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z" fill="#FFF"/>
</g>
</g>
<defs>
<clipPath id="clip0_9790_492437">
<rect width="933" height="300" fill="white"/>
</clipPath>
<clipPath id="clip1_9790_492437">
<rect width="933.333" height="300" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 901 B

15
static/library/kick-light.svg Normal file
View File

@ -0,0 +1,15 @@
<svg width="933" height="300" viewBox="0 0 933 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9790_492437)">
<g clip-path="url(#clip1_9790_492437)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z" fill="#53FC18"/>
</g>
</g>
<defs>
<clipPath id="clip0_9790_492437">
<rect width="933" height="300" fill="white"/>
</clipPath>
<clipPath id="clip1_9790_492437">
<rect width="933.333" height="300" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 904 B

8
static/library/solidity.svg Normal file
View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="1300" height="1300" viewBox="0 0 1300 1300">
<path d="M773.772 253.308 643.068 485.61H381.842l130.614-232.302h261.316" opacity=".45"/>
<path d="M643.068 485.61h261.318L773.772 253.308H512.456L643.068 485.61z" opacity=".6"/>
<path d="M512.456 717.822 643.068 485.61 512.456 253.308 381.842 485.61l130.614 232.212z" opacity=".8"/>
<path d="m513.721 1066.275 130.704-232.303h261.318l-130.705 232.303H513.721" opacity=".45"/>
<path d="M644.424 833.973H383.107l130.613 232.303h261.317L644.424 833.973z" opacity=".6"/>
<path d="M775.038 601.761 644.424 833.973l130.614 232.303 130.704-232.303-130.704-232.212z" opacity=".8"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 706 B

2
static/library/youtube_music_wordmark_dark.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

2
static/library/youtube_music_wordmark_light.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB