mirror of
https://github.com/xHyroM/website.git
synced 2024-11-10 01:38:05 +01:00
projektove autogenerovanie
This commit is contained in:
parent
33af4a9b04
commit
0131b81bfc
2 changed files with 39 additions and 18 deletions
4
public/icons/arrow-up-right.svg
Normal file
4
public/icons/arrow-up-right.svg
Normal 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 |
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue