index template

2 years ago · 7b89b8420b
parent 1ae9f764e0
commit 7b89b8420b
3 changed files with 30 additions and 1 deletions
--- a/static/css/style.css
+++ b/static/css/style.css
@ -0,0 +1,7 @@
+:root {
+    --red : rgb(238, 77, 48);
+}
+
+body{
+    color: var(--red);
+}
--- a/templates/base.html
+++ b/templates/base.html
@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="{{url_for('static', filename='./css/style.css')}}">
+    <title>Crunch</title>
+</head>
+<body>
+    <header>
+        <h1>{% block title %}{% endblock %}</h1>   
+    </header>
+    {%  block content %}{% endblock %}
+</body>
+</html>
--- a/templates/index.html
+++ b/templates/index.html
@ -1 +1,7 @@
-<h1>hello</h1>
+{% extends 'base.html' %}
+
+{% block title %} Critical evaluation of crunchiness {% endblock %}
+
+{% block content %}
+    <img src="" alt="">
+{% endblock %}