dan/design
1
0
Fork 0
mirror of https://github.com/danbulant/design synced 2026-07-05 02:50:34 +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 class="projects" id="projects">
<div> <div>
<h2> <Project
I helped many projects come to life. Here are some examples: image="/screenshots/animasher.webp"
</h2> 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 <Project
link="/projects/heaventaker" link="/projects/heaventaker"
image="/screenshots/heaventaker/heaventaker.webp" image="/screenshots/heaventaker/heaventaker.webp"
@ -30,25 +46,6 @@
</p> </p>
</svelte:fragment> </svelte:fragment>
</Project> </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> <div>
<div class="pad"></div> <div class="pad"></div>
@ -108,7 +105,7 @@
width: calc(50% - 40px); width: calc(50% - 40px);
} }
.projects .pad { .projects .pad {
margin-top: 110px; margin-top: 4rem;
} }
@media (max-width: 860px) { @media (max-width: 860px) {
.projects > div { .projects > div {