jurajk/knet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial

Browse Source
This commit is contained in:
Juraj Kubričan
2024-08-12 09:56:42 +02:00
commit 80d26daaf6
3 changed files with 48 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
about.html Normal file
View File

@@ -0,0 +1,6 @@
<section>
<p>
Zbytočnosť pokusov o charaketizovania osoby v jednom krátkom odstavci je
jeden z dóvodov prečo exituje táto stránka
</p>
</section>

11
blog.html Normal file
View File

@@ -0,0 +1,11 @@
<section>
<h2 class="text-2xl font-bold text-purple-400">Blog</h2>
<article class="mt-6">
<h3 class="text-xl font-semibold text-purple-300">Post 1</h3>
<p class="mt-2">This is the content of the first blog post. It's an introduction to some of the exciting projects I've been working on recently.</p>
</article>
<article class="mt-6">
<h3 class="text-xl font-semibold text-purple-300">Post 2</h3>
<p class="mt-2">This is the content of the second blog post. Here I share some tips and tricks on improving your web development workflow.</p>
</article>
</section>

31
index.html Normal file
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/htmx.org@1.9.5"></script>
</head>
<body class="bg-gray-900 text-white font-sans">
<header class="text-center py-6 bg-gray-800">
<h1 class="text-3xl font-bold text-purple-400">John Doe - Developer</h1>
</header>
<nav class="my-6 text-center">
<a href="#" hx-get="about.html" hx-target="main" class="mx-4 text-white hover:text-purple-400">About</a>
<a href="#" hx-get="blog.html" hx-target="main" class="mx-4 text-white hover:text-purple-400">Blog</a>
</nav>
<main id="main" class="max-w-3xl mx-auto p-6 bg-gray-800 rounded-lg">
<section>
<h2 class="text-2xl font-bold text-purple-400">Welcome</h2>
<p class="mt-4">Welcome to my personal website. I'm a developer specializing in web technologies. Check out my blog for the latest updates.</p>
</section>
</main>
<!-- <footer class="text-center py-4 bg-gray-800">
<p>&copy; 2024 John Doe</p>
</footer> -->
</body>
</html>