diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 27 | ||||
| -rw-r--r-- | templates/index.html | 19 |
2 files changed, 46 insertions, 0 deletions
diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..056e259 --- /dev/null +++ b/templates/base.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html lang="en" data-theme="auto"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width,initial-scale=1"> + <link rel="stylesheet" href="/style.css"> + <title>{% block title %} Farzat's website {% endblock %}</title> + <script defer src="/js/dark_theme.js"></script> + <link rel="icon" type="image/x-icon" href="/img/svgo/kaaba.svg"> + </head> + <body> + <header class="header"> + <a href="/" class="home-link"> + <svg class="main_icon"> + <use href="/img/svg-bundle.svg#kaaba"></use> + </svg> + Farzat + </a> + </header> + <section class="main"> + <div class="main__container"> + {% block content %} {% endblock %} + </div> + </section> + </body> +</html> +<!-- vim: set ft=htmldjango --> diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..3f4e205 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,19 @@ +{% extends "base.html" %} + +{% block title %} Farzat's profile {% endblock %} + +{% block content %} +<div class="hero"> + <div class="hero__title"> + <h1> + <span class="--main">Hi! I am <span class="color-primary">Farzat</span>,</span> + <span class="--sub">a <span class="color-gradient">software developer</span></span> + <span class="--sub-sub">and <span class="text-stroke color-accent">computer enthusiast</span></span> + </h1> + </div> + <div class="hero__img"> + <img src="/img/profile-pic.jpg" alt="Profile pic" class="profile-pic"> + </div> +</div> +<p>Unfortunately my website is still incomplete. I hope nonetheless that you like it!</p> +{% endblock content %} |