hadeed/personal_website
1
Fork 0
Code Activity

Start to revamp website

Browse source
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/ public/
static/styles.css static/styles.css

1393
package-lock.json generated Normal file
View 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"
}
}

16
templates/base.html
View file

@ -3,10 +3,18 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <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> </head>
<body> <body class="bg-white text-black font-sans">
{% block content %} {% endblock %} <div class="max-w-3xl mx-auto p-4">
{% block content %} {% endblock %}
</div>
</body> </body>
</html> </html>

14
templates/index.html
View file

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