search

Lysaker-git / svelte-portfolio

My Portfolio using Svelte as foundation.
https://svelte-portfolio-silk.vercel.app
1 stars 0 forks source link

About text and image #7

Open Lysaker-git opened 10 months ago

Lysaker-git commented 10 months ago

About section

import { Accordion, AccordionItem } from '@skeletonlabs/skeleton';

<Accordion>
    <AccordionItem open>
        <svelte:fragment slot="lead">(icon)</svelte:fragment>
        <svelte:fragment slot="summary">(summary)</svelte:fragment>
        <svelte:fragment slot="content">(content)</svelte:fragment>
    </AccordionItem>
    <AccordionItem>
        <svelte:fragment slot="lead">(icon)</svelte:fragment>
        <svelte:fragment slot="summary">(summary)</svelte:fragment>
        <svelte:fragment slot="content">(content)</svelte:fragment>
    </AccordionItem>
    <!-- ... -->
</Accordion>
Lysaker-git commented 10 months ago

Profile image: 

import { Avatar } from '@skeletonlabs/skeleton';

<Avatar src="https://images.unsplash.com/photo-1617296538902-887900d9b592?ixid=M3w0Njc5ODF8MHwxfGFsbHx8fHx8fHx8fDE2ODc5NzExMDB8&ixlib=rb-4.0.3&w=128&h=128&auto=format&fit=crop" width="w-32" rounded="rounded-full" />