summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/base.html14
-rw-r--r--templates/index.html66
2 files changed, 62 insertions, 18 deletions
diff --git a/templates/base.html b/templates/base.html
index 9b997b6..c3864e3 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,8 +1,8 @@
<!DOCTYPE html>
<html lang="en">
-
<head>
<meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
{% if page.title%}
<title>{{ page.title }}</title>
{% else %}
@@ -12,8 +12,8 @@
</head>
<body>
- <div class="main-image">
- <div class="img-container">
+ <div class="headerImage">
+ <div class="imgContainer">
<h1><span>Luhamus</span></h1>
</div>
</div>
@@ -24,16 +24,14 @@
<a href="">Git</a>
<a href="contact">Contact</a>
</nav>
-
<hr/>
- <section class="section">
- <div class="container">
+ <section class="main">
{% block content %} {% endblock %}
- </div>
</section>
+
<hr/>
<footer>&copy Here is the very important Footer 2022</footer>
-</body>
+</body>
</html>
diff --git a/templates/index.html b/templates/index.html
index ce02e72..cab3904 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,23 +1,69 @@
{% 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="intro">
+ <h2>Hello and Welcome!</h2>
- <div class="right">
+ <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,and so I put some of my likings out here.
+ Also, it hosts my Git and E-mail server, which I find pretty cool,
+ and some other stuff aswell.
+ So, Go on, have a look around!
+ </p>
+</div>
+
+<div class="afterIntro">
+
+ <div class="left">
<h3>Food for Thought</h3>
- <span><i>Coming Soon</i></span>
+
+ <section>
+ <div class="people">
+ <h4>Some pople I look up to</h4>
+ <ul>
+ <li>Lex Fridman</li>
+ <li>Elon Musk</li>
+ </ul>
+ </div>
+ <div class="writers">
+ <h4>Some writers I appreciate</h4>
+ <ul>
+ <li>Albert Camus</li>
+ <li>Dostojevski</li>
+ <li>Isac Asiimov</li>
+ <li>Hemmingway</li>
+ </ul>
+
+ </div>
+ </section>
+
+ <div class="quote">
+ <p>
+ “Nature loves courage. You make the commitment and nature will respond to that
+ commitment by removing impossible obstacles. Dream the impossible dream and
+ the world will not grind you under, it will lift you up.
+ This is the trick. This is what all these teachers and philosophers
+ who really counted, who really touched the alchemical gold,
+ this is what they understood. This is the shamanic dance in
+ the waterfall. This is how magic is done. By hurling yourself
+ into the abyss and discovering it's a feather bed.”
+ <br/>
+ ― Terence McKenna
+ </p>
+ </div>
+
</div>
- <div class="left">
+ <div class="right">
<h3>Corner of Cool</h3>
<figure>
<img alt="cool gif" src="/img/gif/2.gif"/>
- <figcaption><i><small>some space thing</small></i></figcaption>
+ <figcaption><i><small>Space Thing</small></i></figcaption>
</figure>
</div>