edit layout

david-pizzi-cg · david-pizzi-cg · commit 4f9b0c360004 · 2024-01-01T23:43:03.000Z
diff --git a/hello_app/templates/layout.html b/hello_app/templates/layout.html
@@ -3,6 +3,7 @@
     <head>
         <meta charset="utf-8" />
         <title>{% block title %}{% endblock %}</title>
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
         <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='site.css') }}"  />
     </head>
 
diff --git a/hello_app/templates/translator.html b/hello_app/templates/translator.html
@@ -1,12 +1,8 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
-    <title>Translator</title>
-</head>
-<body>
+{% extends "layout.html" %}
+{% block title %}
+Translator
+{% endblock %}
+{% block content %}
     <div class="container">
         <h1>Translation service</h1>
         <div>Enter the text you wish to translate, choose the language, and click Translate!</div>
@@ -31,5 +27,4 @@ <h1>Translation service</h1>
             </form>
         </div>
     </div>
-</body>
-</html>
+{% endblock %}
