feat: restructure index page with list and footer

This commit is contained in:
Mohammad Rafiq 2025-06-28 16:42:12 +08:00
parent c7922e3bf2
commit b67ba6f7c2
No known key found for this signature in database
3 changed files with 30 additions and 20 deletions

View file

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<title>rrv.sh</title> <title>rrv.sh</title>
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico" />
</head> </head>
<body> <body>
<h1>BLOG</h1> <h1>BLOG</h1>

View file

@ -1,26 +1,33 @@
<html> <!doctype html>
<html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<title>rrv.sh</title> <title>rrv.sh</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link
<link rel="icon" type="image/x-icon" href="favicon.ico"> rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>hi! im rafiq.</h1> <h1>mohammad rafiq</h1>
<p>i'm a developer and avid self hoster.</p> <div class="list">
<a href="https://registry.jsonresume.org/rrvsh?theme=professional">cv</a> <li><a href="https://dev.to/bwfiq">blog</a> <- start here!</li>
<br> <li><a href="https://aenyrathia.wiki">wiki</a></li>
<a href="/blog">blog</a> <li>
<br> <a href="https://registry.jsonresume.org/rrvsh?theme=professional"
<a href="https://aenyrathia.wiki">dnd wiki</a> >cv</a
<br> >
<br> </li>
<a class="fa fa-github" href="https://github.com/rrvsh"></a> </div>
<a class="fa fa-instagram" href="https://instagram.com/88rafiq"></a> <br />
<a class="fa fa-linkedin" href="https://linkedin.com/in/rrvsh"></a> <footer>
<a class="fa fa-reddit" href="https://reddit.com/u/bwfiq"></a> <a class="fa fa-github" href="https://github.com/rrvsh"></a>
<a class="fa fa-instagram" href="https://instagram.com/88rafiq"></a>
<a class="fa fa-linkedin" href="https://linkedin.com/in/rrvsh"></a>
<a class="fa fa-reddit" href="https://reddit.com/u/bwfiq"></a>
</footer>
</div> </div>
</body> </body>
</html> </html>

View file

@ -11,6 +11,9 @@ div.container {
-ms-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
div.list {
text-align: left;
}
a, a,
a:visited, a:visited,
a:hover, a:hover,