-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
68 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,68 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Zathura</title> | ||
<script src="https://cdn.tailwindcss.com"></script> | ||
<link rel="preconnect" href="https://fonts.googleapis.com"> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet"> | ||
<link rel="icon" type="image/jpeg" href="logo.jpeg"> | ||
</head> | ||
<style> | ||
*{ | ||
font-family: "DM Sans", sans-serif; | ||
|
||
} | ||
|
||
|
||
</style> | ||
<body class="p-5 p-b-0 h-screen w-full"> | ||
|
||
</div> | ||
<main class="bg-zinc-200 shadow-md overflow-hidden rounded-2xl relative h-[93.5%] w-full flex flex-col gap-3"> | ||
<div | ||
style="background-image: linear-gradient(-15deg, rgb(124, 255, 255), rgb(255, 92, 217) , rgb(255, 178, 119), rgb(234, 234, 234) 70%);" | ||
class=" | ||
absolute top-0 left-0 w-full h-full"> | ||
</div> | ||
<div class="content relative p-5"> | ||
<img src="logo.png" class="w-[50px] mx-auto" alt=""> | ||
<section class="flex flex-col justify-center items-center "> | ||
<div class="announcement uppercase bg-white w-fit px-8 font-bold text-sm py-2 rounded-full my-5"> | ||
<p>Updates on my <a href="https://x.com/rcx86" class="underline">X account</a></p> | ||
</div> | ||
<div class="main"> | ||
<h1 class="text-center text-3xl sm:text-4xl lg:text-5xl max-w-xl lg:max-w-4xl font-semibold leading-none">Zathura: Advanced Cross-Platform Visual Assembly Debugger – Open Source and Robust</h1> | ||
</div> | ||
<div class="min-info"> | ||
<p class="text-center max-w-xl text-sm">A premier visual debugger for assembly, supporting all major architectures. Cross-platform, open-source, and currently under development. </p> | ||
</div> | ||
<div class="img bg-white/15 group hover:border-zinc-500 duration-300 transtion overflow-hidden relative px-2 py-2 my-[52px] min-w-[520px] rounded-2xl border border-white/50"> | ||
<div class="youtube cursor-pointer transtion duration-300 hover:opacity-100 opacity-0 absolute w-full h-full top-0 left-0 bg-zinc-900/55 flex items-start py-10 justify-center"> | ||
<div class=" uppercase bg-white w-fit px-8 font-bold text-sm py-2 rounded-full my-5"> | ||
<p>Watch video <a href="https://www.youtube.com/watch?v=J9l-TjzaAZw&feature=youtu.be" class="hover:underline">demo</a></p> | ||
</div> | ||
</div> | ||
<img src="https://pbs.twimg.com/media/GSHaV5IacAAjwzO?format=jpg&name=large" class="rounded-xl " alt="product screenshot"> | ||
</div> | ||
</section> | ||
</div> | ||
<div> | ||
|
||
</div> | ||
</main> | ||
<div class="powered-by flex items-center w-full justify-center py-2 gap-2 w-full "> | ||
<p class="text-zinc-600 text-center text-sm pt-1">Powered By -</p> | ||
|
||
<a href="https://www.unicorn-engine.org/" target="_blank" class="flex items-center gap-1 text-xs text-zinc-600 hover:underline px-2 py-1 rounded-lg hover:bg-zinc-200 transtion duration-300"><img class="w-[40px] aspect-square" src="https://www.unicorn-engine.org/images/unicorn.png" alt="Unicorn Engine"><p>unicorn engine</p></a> | ||
<a href="http://www.capstone-engine.org/" target="_blank" class="flex items-center gap-1 text-xs text-zinc-600 hover:underline px-2 py-1 rounded-lg hover:bg-zinc-200 transtion duration-300"><img class="w-[30px] aspect-square" src="https://www.capstone-engine.org/img/capstone.png" alt="Capstone Engine"> | ||
<p>capstone-engine</p> | ||
</a> | ||
<a href="https://www.keystone-engine.org/" class="flex items-center gap-1 text-xs text-zinc-600 hover:underline px-2 py-1 rounded-lg hover:bg-zinc-200 transtion duration-300" target="_blank"><img class="w-[30px] aspect-square"src="https://avatars.githubusercontent.com/u/17336151?s=200&v=4" alt="Keystone Engine"> | ||
<p>keystone engine</p> | ||
</a> | ||
</div> | ||
</body> | ||
</html> |