diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 104 |
1 files changed, 54 insertions, 50 deletions
@@ -1,80 +1,84 @@ <!DOCTYPE html> <html lang="en"> - <head> + <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta http-equiv="X-UA-Compatible" content="ie=edge"> - <meta name="description" content="RAGHURAM SUBRAMANI ~ COMPROMYSE | Hacker & Programmer"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <meta name="description" content="RAGHURAM SUBRAMANI ~ COMPROMYSE | Hacker & Programmer"> - <title>HOME | COMPROMYSE</title> + <title>HOME | COMPROMYSE</title> - <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"> - <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> - <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> - <link rel="manifest" href="/assets/favicon/site.webmanifest"> + <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> + <link rel="manifest" href="/assets/favicon/site.webmanifest"> - <link href="/assets/stylesheet.css" rel="stylesheet" /> + <link href="/assets/stylesheet.css" rel="stylesheet" /> - <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=Jersey+15&display=swap" rel="stylesheet"> + <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=Jersey+15&display=swap" rel="stylesheet"> - </head> - <body class="bg-zinc-900 text-pink-300 font-['Jersey_15'] selection:text-pink-900 selection:bg-pink-100 lg:text-xl"> - <div class="min-h-screen flex flex-col"> + </head> + <body class="bg-zinc-900 text-pink-300 font-['Jersey_15'] selection:text-pink-900 selection:bg-pink-100 lg:text-xl"> + <div class="min-h-screen flex flex-col"> - <nav class="w-full mx-auto mt-10"> - <div class="flex flex-wrap items-center px-10 gap-4 text-center text-lg lg:text-2xl"> + <nav class="w-full mx-auto mt-10"> + <div class="flex flex-wrap items-center px-10 gap-4 text-center text-lg lg:text-2xl"> - <a href="/" class="cursor-pointer font-bold hover:underline justify-center button"> - COMPROMYSE - </a> + <a href="/" class="cursor-pointer font-bold hover:underline justify-center button"> + COMPROMYSE + </a> - <div class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> - <a href="/projects" class="hover:underline"> - [ PROJECTS ] - </a> + <div class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> + <a href="/projects" class="hover:underline"> + [ PROJECTS ] + </a> - </div> + </div> - </div> + </div> </nav> - <div class="flex flex-grow flex-col"> - + <div class="flex flex-grow flex-col"> + <div class="p-16 flex-grow flex items-center justify-center"> - <div class="flex flex-wrap gap-8"> - <img src="/assets/me.webp" class="max-h-56" /> - <div class="flex flex-col justify-center gap-1"> - <h1 class="text-5xl lg:text-7xl"> - Hi there! I'm RAGHU. - </h1> - <p class="text-xl lg:text-3xl"><span class="text-pink-900 bg-pink-100 selection:bg-zinc-400 selection:text-pink-800 p-2">Programmer and Hacker.</span></p> - - <div class="flex gap-2 lg:text-xl pt-4"> - <a href="https://github.com/compromyse" class="button" target="_blank">GITHUB</a> - <a href="https://www.linkedin.com/in/compromyse" class="button" target="_blank">LINKEDIN</a> - </div> + <div class="flex flex-wrap gap-8"> + <img src="/assets/me.webp" class="max-h-56" /> + <div class="flex flex-col justify-center gap-1"> + <h1 class="text-5xl lg:text-7xl"> + Hi there! I'm RAGHU. + </h1> + <p class="text-xl lg:text-3xl"><span class="text-pink-900 bg-pink-100 selection:bg-zinc-400 selection:text-pink-800 p-2">Programmer and Hacker.</span></p> + + <div class="flex gap-2 lg:text-xl pt-4"> + + <a href="https://github.com/compromyse" class="button" target="_blank">GITHUB</a> + + <a href="https://www.linkedin.com/in/compromyse" class="button" target="_blank">LINKEDIN</a> + + </div> + </div> </div> - </div> </div> - </div> - <footer class="w-full pb-4 pt-12 px-8 text-sm md:text-lg"> - <div class="text-center"> - <p>The Quieter You Become, The More You Are Able To Hear.</p> - </div> + </div> + + <footer class="w-full pb-4 pt-12 px-8 text-sm md:text-lg"> + <div class="text-center"> + <p>The Quieter You Become, The More You Are Able To Hear.</p> + </div> </footer> - </div> - </body> + </div> + </body> </html> |