hyro/website
1
0
Fork 0
mirror of https://github.com/xHyroM/website.git synced 2024-11-22 15:01:05 +01:00
Code Issues Projects Releases Wiki Activity Actions

projektove autogenerovanie

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/icons/arrow-up-right.svg Normal file
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>
Side by side

After

Width:  |  Height:  |  Size: 311 B

47
src/pages/projects.astro
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>
<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=""
class="py-2 px-6 text-neutral-300 bg-neutral-800 rounded-md hover:bg-neutral-700 transition-colors duration-100"
>Visit</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>