Added layout/page.jte, index.jte

funnyDevGirl · Feb 19, 2024 · 27d46dc · 27d46dc
1 parent 01a4cf1
commit 27d46dc
Show file tree

Hide file tree

Showing 3 changed files with 77 additions and 0 deletions.
diff --git a/app/src/main/resources/templates/.jteroot b/app/src/main/resources/templates/.jteroot
diff --git a/app/src/main/resources/templates/index.jte b/app/src/main/resources/templates/index.jte
@@ -0,0 +1,28 @@
+@template.layout.page(
+    content = @`
+    <section>
+        <div class="container-fluid bg-dark p-5">
+            <div class="row">
+                <div class="col-md-10 col-lg-8 mx-auto text-white">
+                    <h1 class="display-3 mb-0">Анализатор страниц</h1>
+                    <p class="lead">Бесплатно проверяйте сайты на SEO пригодность</p>
+                    <form action="/urls" method="post" class="rss-form text-body">
+                        <div class="row">
+                            <div class="col">
+                                <div class="form-floating">
+                                    <input id="url-input" autofocus="" type="text" required="" name="url" aria-label="url" class="form-control w-100" placeholder="ссылка" autocomplete="off">
+                                    <label for="url-input">Ссылка</label>
+                                </div>
+                            </div>
+                            <div class="col-auto">
+                                <button type="submit" class="h-100 btn btn-lg btn-primary px-sm-5">Проверить</button>
+                            </div>
+                        </div>
+                    </form>
+                    <p class="mt-2 mb-0 text-muted">Пример: https://www.example.com</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    `
+)
diff --git a/app/src/main/resources/templates/layout/page.jte b/app/src/main/resources/templates/layout/page.jte
@@ -0,0 +1,49 @@
+@import gg.jte.Content
+@import hexlet.code.util.NamedRoutes
+@param Content content
+@param Content footer = null
+
+<!doctype html>
+<html lang="en">
+
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Анализатор страниц</title>
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+    </head>
+
+    <body class="d-flex flex-column min-vh-100">
+        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+            <div class="container-fluid">
+                <a class="navbar-brand" href=${NamedRoutes.rootPath()}>Анализатор страниц</a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarNav">
+                    <div class="navbar-nav">
+                        <a class="nav-link" href=${NamedRoutes.rootPath()}>Главная</a>
+                        <a class="nav-link" href=${NamedRoutes.urlsPath()}>Сайты</a>
+                    </div>
+                </div>
+            </div>
+        </nav>
+
+        <main class="flex-grow-1">
+
+            ${content}
+
+        </main>
+        @if (footer != null)
+            <footer class="footer border-top py-3 mt-5 bg-light">
+                <div class="container-xl">
+                    <div class="text-center">
+                        created by
+                        <a href="https://github.com/funnyDevGirl" target="_blank">Alina Tarasova</a>
+                    </div>
+                </div>
+            </footer>
+        @endif
+    </body>
+</html>