1
Fork 0

Start to revamp website

This commit is contained in:
Hadeed 2025-03-31 15:52:52 +05:00
parent 135c8fe469
commit dc6f6f3900
5 changed files with 1427 additions and 9 deletions

1
.gitignore vendored
View file

@ -1,2 +1,3 @@
node_modules/
public/
static/styles.css

1393
package-lock.json generated Normal file

File diff suppressed because it is too large Load diff

12
package.json Normal file
View file

@ -0,0 +1,12 @@
{
"name": "personal_website",
"scripts": {
"tailwind:watch": "npx @tailwindcss/cli -o ./static/styles.css --watch",
"dev": "concurrently 'npm run tailwind:watch' 'zola serve'"
},
"devDependencies": {
"@tailwindcss/cli": "^4.0.17",
"concurrently": "^9.1.2",
"tailwindcss": "^4.0.17"
}
}

View file

@ -3,10 +3,18 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styles.css">
<title>Home - Hadeed Ahmad</title>
<meta name="description" content="Personal website of Hadeed Ahmad" />
<meta property="og:title" content="Hadeed Ahmad" />
<meta property="og:type" content="website" />
<link rel="stylesheet" href="{{ get_url(path="styles.css") }}">
<title>{% block title %}Hadeed Ahmad{% endblock %}</title>
</head>
<body>
{% block content %} {% endblock %}
<body class="bg-white text-black font-sans">
<div class="max-w-3xl mx-auto p-4">
{% block content %} {% endblock %}
</div>
</body>
</html>

View file

@ -1,9 +1,13 @@
{% extends "base.html" %}
{% block content %}
<h1>
<h1 class="font-bold">I am Hadeed Ahmad, student at LUMSU.</h1>
<img src="profile.png" alt="Profile Picture" width="150" />
<p>Check out my <a href="https://git.hadeedahmad.com">Forgejo</a>.</p>
</h1>
<div class="text-center space-y-4 mt-10">
<img src="profile.png" alt="Profile Picture" class="mx-auto rounded-full w-36 h-36 object-cover" />
<h1 class="text-3xl font-bold">I am Hadeed Ahmad, student at LUMS.</h1>
<p class="text-lg text-gray-600">
Check out my <a href="https://git.hadeedahmad.com" class="text-blue-500 underline hover:text-blue-700">Forgejo</a>.
</p>
</div>
{% endblock %}