First nett3.0 webpage version

2022-01-17 16:40:13 +01:00
parent c801608fe8
commit 59d4ef9966
14 changed files with 1149 additions and 64 deletions
--- a/app/modules/Base/templates/@layout.latte
+++ b/app/modules/Base/templates/@layout.latte
@@ -1,28 +1,65 @@
+{**
+ * @param string   $basePath web base path
+ * @param array    $flashes  flash messages
+ *}
 <!DOCTYPE html>
 <html>
 <head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-	<meta http-equiv="X-UA-Compatible" content="ie=edge">
-	<link rel="shortcut icon" href="{$basePath}/favicon.ico">
+	<meta charset="utf-8">

-	<!-- Seo -->
-	<title>{block #title|stripHtml|trim}Webapp Skeleton{/} | Contributte</title>
+	<title>{ifset title}{include title|striptags} | {/ifset}Nette Sandbox</title>

-	<!-- Meta -->
-	<meta name="description" n:ifset="#description" content="{include #description}">
-	<meta name="keywords" n:ifset="#keywords" content="{include #keywords}">
-	<meta name="robots" content="index,follow">
-	<meta name="googlebot" content="snippet,archive">
-	<meta name="author" content="f3l1x">
-
-	{block #head}{/}
+	<link rel="stylesheet" href="{$basePath}/css/style.css">
+	<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
+	<meta name="viewport" content="width=device-width">
+	<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
+	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
+	{block head}{/block}
 </head>
+
 <body>
-{block #main}
-	<div class="container">
-		{include #content}
-	</div>
-{/}
+
+<header>
+    <hgroup>
+        <h1>My Dictionary</h1>
+        <h2>multilanguage dictionary with pronunciations</h2>
+    </hgroup>
+    <nav>
+        <ul>
+            <li><a href="{link Homepage:default}">Jednoduchý</a></li>
+            <li><a href="{link Homepage:ipa}">s výslovnosťou</a></li>
+            <li><a href="{link Homepage:interactive}">Interaktívny</a></li>
+            <li><a href="{link Homepage:alphabet}">Abeceda</a></li>
+        </ul>
+    </nav>
+    <a href="#" title="Jaro's Solutions homepage"><img src="logo.gif" alt="Jaro's Solutions" /></a>
+</header>
+
+<article>
+	<h1 n:ifset="$title">{$title}</h1>
+
+	<div n:foreach="$flashes as $flash" n:class="flash, $flash->type">{$flash->message}</div>
+
+	{include content}
+</article>
+
+<section>
+	<h1>Slovníky</h1>
+    <ul>
+	{foreach $translations as $tr}
+        	<li><a href="{link Homepage:select $tr["slug"] }">{$tr["lang"]}</a></li>
+	{/foreach}
+    </ul>
+</section>
+
+<footer>
+	<p>&copy; 2016 Jaro's Solutions - <a href="#">Sitemap</a> </p>
+</footer>
+
+	{block scripts}
+	<script src="https://nette.github.io/resources/js/netteForms.min.js"></script>
+	<script src="{$basePath}/js/nette.ajax.js"></script>
+	<script src="{$basePath}/js/main.js"></script>
+	{/block}
 </body>
 </html>