dan/design
1
0
Fork 0
mirror of https://github.com/danbulant/design synced 2026-05-19 04:08:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

reorder elements

Browse source
This commit is contained in:
Daniel Bulant 2025-03-29 20:32:52 +01:00
parent f558d81d85
commit 830b9accdb
No known key found for this signature in database
1 changed files with 20 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
src/lib/components/home/projects.svelte
View file

@ -7,9 +7,25 @@
<div class="projects" id="projects">
<div>
<h2>
I helped many projects come to life. Here are some examples:
</h2>
<Project
image="/screenshots/animasher.webp"
grayscale={appTypeHover && appTypeHover !== "websites"}
extradark
width={1920}
height={940}
link="https://animasher.net"
name="Animasher"
>
<b>Animasher</b> - Platform for creating and sharing animations
<svelte:fragment slot="desc">
<p>
Animasher is a work in progress platform for creating and sharing animations online.
</p>
<p>
It allows people to easily create animations inside the website, and then share it with the world, as well as communicate with other creators to improve themselves.
</p>
</svelte:fragment>
</Project>
<Project
link="/projects/heaventaker"
image="/screenshots/heaventaker/heaventaker.webp"
@ -30,25 +46,6 @@
</p>
</svelte:fragment>
</Project>
<Project
image="/screenshots/animasher.webp"
grayscale={appTypeHover && appTypeHover !== "websites"}
extradark
width={1920}
height={940}
link="https://animasher.net"
name="Animasher"
>
<b>Animasher</b> - Platform for creating and sharing animations
<svelte:fragment slot="desc">
<p>
Animasher is a work in progress platform for creating and sharing animations online.
</p>
<p>
It allows people to easily create animations inside the website, and then share it with the world, as well as communicate with other creators to improve themselves.
</p>
</svelte:fragment>
</Project>
</div>
<div>
<div class="pad"></div>
@ -108,7 +105,7 @@
width: calc(50% - 40px);
}
.projects .pad {
margin-top: 110px;
margin-top: 4rem;
}
@media (max-width: 860px) {
.projects > div {