diff options
| author | Rasmus Luha <rasmus.luha@gmail.com> | 2022-09-17 01:25:22 +0300 |
|---|---|---|
| committer | Rasmus Luha <rasmus.luha@gmail.com> | 2022-09-17 01:25:22 +0300 |
| commit | a95406fdbe26a378c7e7581293cecbabfba6ce8e (patch) | |
| tree | 34299f5c9ce18a86f68758209dd56375f6c7f783 /templates | |
init commit
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 39 | ||||
| -rw-r--r-- | templates/index.html | 24 |
2 files changed, 63 insertions, 0 deletions
diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..9b997b6 --- /dev/null +++ b/templates/base.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8"> + {% if page.title%} + <title>{{ page.title }}</title> + {% else %} + <title> Luhamus </title> + {% endif %} + <link href="css/style.css" rel="stylesheet"/> +</head> + +<body> + <div class="main-image"> + <div class="img-container"> + <h1><span>Luhamus</span></h1> + </div> + </div> + + <nav> + <a href="/">Home</a> + <a href="about">About</a> + <a href="">Git</a> + <a href="contact">Contact</a> + </nav> + + <hr/> + + <section class="section"> + <div class="container"> + {% block content %} {% endblock %} + </div> + </section> + <hr/> + <footer>© Here is the very important Footer 2022</footer> +</body> + +</html> diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..fea6e41 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,24 @@ +{% extends "base.html" %} + +{% block content %} +<h2>Hello and Welcome!</h2> +<p>My name is Rasmus. I am studying Computer Science and Physics</p> +<p>This site has many purposes. It serves somewhat as the replacement for my social-media, + it hosts my Git and E-mail server, and some other cool stuff aswell. + So, Go on, have a look around!</p> +<div class="index-content"> + + <div class="right"> + <h3>Text stuff here</h3> + <p>Pellentesque sit amet, porttitor eget dolor + arcu risus, quis varius quam quisque id diam + vel quam elementum pulvinar etiam non quam + lacus suspendisse.</p> + </div> + + <div class="left"> + <h3>Corner of Cool</h3> + </div> + +</div> +{% endblock content %} |