Medzik
/
portfolio
mirror of https://github.com/MedzikUser/portfolio
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update librepass card

This commit is contained in:
M3DZIK 2024-04-26 18:49:45 +02:00
parent 7be0bedd23
commit 9e162fab4c
No known key found for this signature in database
GPG Key ID: A5FAC1E185C112DB
2 changed files with 13 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/lib/Card.svelte
View File

@ -1,15 +0,0 @@
<script lang="ts">
export let icon: any;
export let title: string;
export let description: string;
</script>
<div class="card variant-glass md:p-10 shadow-lg space-y-4 text-center btn whitespace-normal grid">
<div class="mx-auto variant-glass rounded-2xl p-2" style="width: 50px; height: 50px;">
<svelte:component this={icon} />
</div>
<h3 class="h3">{title}</h3>
<p>{description}</p>
</div>

18
src/routes/+page.svelte
View File

@ -77,11 +77,19 @@
<div class="flex justify-center">
<a href="https://librepass.org" target="_blank" class="max-w-xl">
<Card
icon={MdSecurity}
title="LibrePass"
description="LibrePass is an open-source password manager that prioritizes security and ease of use."
/>
<div class="card variant-filled-error bg-opacity-25 md:p-10 shadow-lg space-y-4 text-center btn whitespace-normal grid">
<div class="mx-auto variant-filled-error bg-opacity-50 rounded-2xl p-2" style="width: 50px; height: 50px;">
<MdSecurity />
</div>
<h3 class="h3">
LibrePass
</h3>
<p class="opacity-85">
LibrePass is an open-source password manager that prioritizes security and ease of use.
</p>
</div>
</a>
</div>
</div>