diff options
Diffstat (limited to 'templates')
-rw-r--r-- | templates/base.html | 14 | ||||
-rw-r--r-- | templates/index.html | 66 |
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>© 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> |