projektove autogenerovanie

This commit is contained in:
OLIMINATOR 2022-12-09 14:11:57 +01:00
parent 33af4a9b04
commit 0131b81bfc
2 changed files with 39 additions and 18 deletions

View file

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 17L17 7" stroke="#B7C8CB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7 7H17V17" stroke="#B7C8CB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 311 B

View file

@ -2,6 +2,19 @@
import Layout from "../layouts/Layout.astro";
import Navbar from "../components/widgets/Navbar.astro";
import Container from "../components/atoms/Container.astro";
const projects = [
{
name: "YesLib",
link: "https://www.google.com/",
desc: "dwadwadwa",
},
{
name: "UltimateHYX+++UPGRADEDplus",
link: "https://www.google.com/",
desc: "dwadwadwa",
},
];
---
<Layout>
@ -11,24 +24,28 @@ import Container from "../components/atoms/Container.astro";
</h1>
<Container>
<main class="flex gap-14 flex-wrap">
<section
class="w-96 border-[1px] border-neutral-800 bg-gray p-6 rounded-md"
>
<h2 class="text-3xl font-bold text-white mb-4">Projects</h2>
<p class="text-neutral-300 mb-4">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
tincidunt, nisl eget aliquam tincidunt, nisl elit aliquam
tortor, eget aliquam nisl elit non nisl. Sed tincidunt, nisl
eget aliquam tincidunt, nisl elit aliquam tortor, eget
aliquam nisl elit non nisl.
</p>
<a
href=""
class="py-2 px-6 text-neutral-300 bg-neutral-800 rounded-md hover:bg-neutral-700 transition-colors duration-100"
>Visit</a
>
</section>
<main class="flex gap-14 flex-wrap justify-center">
{
projects.map((project) => (
<section class="w-96 border-[1px] border-neutral-800 bg-gray p-6 rounded-md">
<h2 class="text-3xl font-bold text-white mb-4 break-all">
{project.name}
</h2>
<p class="text-neutral-300 mb-6">{project.desc}</p>
<a
href={project.link}
class="flex w-fit py-2 px-6 text-neutral-300 bg-neutral-800 rounded-md hover:bg-neutral-700 transition-colors duration-100"
>
Visit{" "}
<img
src="/icons/arrow-up-right.svg"
class="ml-2 w-5 mt-[1px]"
alt=""
/>
</a>
</section>
))
}
</main>
</Container>
</Layout>