modous/your-tribe-for-life-profile-card

Maak met Prismic.io en Sveltekit jouw visitekaartje.

create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

your-tribe-for-life-profile-card's Issues

Website werkt prima zonder problemen

Mooi dat ie ook live staat!!!! :)

Rich text field / Key text

Er is een verschil tussen Rich text field en Key text, Key gebruik je voor korte string fields en daar maak jij meer gebruik van.

Slice naam passender maken

Je had een slice: img, genoemd. Dit kon je beter veranderen naar card aangezien je alle content in die slice hebt toegepast.

Eigen readme maken

Wiki is wel netjes

Maak gebruik van <ul>

Het viel mij op dat je geen gebruik maakt van een list element. Deze zal beter passen.

your-tribe-for-life-profile-card/src/lib/slices/Image/index.svelte

Lines 11 to 30 in c20f3a7

	<article>
	<img src={slice.primary.image.url} alt="">
	<p class="naam">{slice.primary.name[0].text}</p>
	</article>
	<article>
	<p class="title">
	Hallo allemaal, mijn naam is Mohamed en ik ben 23 jaar. Ik volg de studie frontend & design op het HVA
	en werk daarnaast als junior IT systeembeheerder bij vincent TV producties. Mijn hobbys zijn gamen gymmen en ga vaak uit eten met vrienden of familie.
	</p>
	</article>
	<article>
	<p class="opleidingen">Opleidingen</p>
	<article class="All-opleidingen">
	<p class="opleiding2">{slice.primary.opleiding[0].text}</p>
	<p class="opleiding3">{slice.primary.opleiding2[0].text}</p>
	</article>
	</article>