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

53
src/pages/projects.astro
View file

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