diff options
| -rw-r--r-- | config.toml | 7 | ||||
| -rw-r--r-- | public/404.html | 3 | ||||
| -rw-r--r-- | public/css/style.css | 76 | ||||
| -rw-r--r-- | public/img/bg.jpg | bin | 0 -> 616316 bytes | |||
| -rw-r--r-- | public/index.html | 58 | ||||
| -rw-r--r-- | public/robots.txt | 4 | ||||
| -rw-r--r-- | public/sitemap.xml | 6 | ||||
| -rw-r--r-- | static/css/style.css | 76 | ||||
| -rw-r--r-- | static/img/bg.jpg | bin | 0 -> 616316 bytes | |||
| -rw-r--r-- | templates/base.html | 39 | ||||
| -rw-r--r-- | templates/index.html | 24 |
11 files changed, 293 insertions, 0 deletions
diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..fcb06ab --- /dev/null +++ b/config.toml @@ -0,0 +1,7 @@ +base_url = "https://www.luhamus.com" +compile_sass = false +build_search_index = false + +[markdown] +# Syntax highlighting; for theme: `highlight_theme` variable +highlight_code = true diff --git a/public/404.html b/public/404.html new file mode 100644 index 0000000..f8414f0 --- /dev/null +++ b/public/404.html @@ -0,0 +1,3 @@ +<!doctype html> +<title>404 Not Found</title> +<h1>404 Not Found</h1> diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..5108be4 --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,76 @@ +body{ + max-width: 900px; + margin: auto; + background-color: #E1D9D1; +} +nav { + margin-top: 10px; + text-align: center; +} + +nav a { + padding: 15px; + font-size: 22px; + font-weight: bold; + text-decoration: none; + color: #71BC68; +} + +footer{ + text-align: center; +} + +/* Header */ +.main-image { + margin-top: 25px; + position: relative; + background: url(/img/bg.jpg) no-repeat center; + background-size: cover; + height: 250px; +} + +.img-container { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; + color: #fff; + font-weight: 700; + text-transform: uppercase; +} + +.img-container h1 { + margin: 0; + font-size: 66px; +} + +.img-container h1 span { + border: 6px solid white; + padding: 6px 14px; + display: inline-block; +} + +/* container styles*/ + +.container{ + text-align: center; +} + +.index-content{ + height: 500px; + display: flex; +} + +.right{ + height: 500px; + width: 60%; + background: blue; +} + +.left{ + height: 500px; + width: 40%; + background: green; +} + diff --git a/public/img/bg.jpg b/public/img/bg.jpg Binary files differnew file mode 100644 index 0000000..1353852 --- /dev/null +++ b/public/img/bg.jpg diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..a943afb --- /dev/null +++ b/public/index.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8"> + + <title> Luhamus </title> + + <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"> + +<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> + + </div> + </section> + <hr/> + <footer>© Here is the very important Footer 2022</footer> +</body> + +</html> diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..e340095 --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,4 @@ +User-agent: * +Disallow: +Allow: / +Sitemap: https://www.luhamus.com/sitemap.xml diff --git a/public/sitemap.xml b/public/sitemap.xml new file mode 100644 index 0000000..c920090 --- /dev/null +++ b/public/sitemap.xml @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> + <url> + <loc>https://www.luhamus.com/</loc> + </url> +</urlset> diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..5108be4 --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,76 @@ +body{ + max-width: 900px; + margin: auto; + background-color: #E1D9D1; +} +nav { + margin-top: 10px; + text-align: center; +} + +nav a { + padding: 15px; + font-size: 22px; + font-weight: bold; + text-decoration: none; + color: #71BC68; +} + +footer{ + text-align: center; +} + +/* Header */ +.main-image { + margin-top: 25px; + position: relative; + background: url(/img/bg.jpg) no-repeat center; + background-size: cover; + height: 250px; +} + +.img-container { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; + color: #fff; + font-weight: 700; + text-transform: uppercase; +} + +.img-container h1 { + margin: 0; + font-size: 66px; +} + +.img-container h1 span { + border: 6px solid white; + padding: 6px 14px; + display: inline-block; +} + +/* container styles*/ + +.container{ + text-align: center; +} + +.index-content{ + height: 500px; + display: flex; +} + +.right{ + height: 500px; + width: 60%; + background: blue; +} + +.left{ + height: 500px; + width: 40%; + background: green; +} + diff --git a/static/img/bg.jpg b/static/img/bg.jpg Binary files differnew file mode 100644 index 0000000..1353852 --- /dev/null +++ b/static/img/bg.jpg 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 %} |
