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/Front/templates/@layout.latte
+++ b/app/modules/Front/templates/@layout.latte
@@ -1,38 +1,62 @@
-{layout '../../Base/templates/@layout.latte'}
+{**
+ * @param string   $basePath web base path
+ * @param array    $flashes  flash messages
+ *}
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">

-{block #head}
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" defer/>
-	<link rel="stylesheet" href="{$basePath}/assets/front.css" defer/>
-	<script src="{$basePath}/assets/front.js" defer></script>
-{/}
+	<title>{ifset title}{include title|striptags} | {/ifset}Nette Sandbox</title>

-{block #main}
-	<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
-		<header class="masthead mb-auto">
-			<div class="inner">
-				<h3 class="masthead-brand">Webapp</h3>
-				<nav class="nav nav-masthead justify-content-center">
-					<a n:class="$presenter->isLinkCurrent(':Front:Home:') ? active, nav-link" n:href=":Front:Home:">Home</a>
-					<a n:class="$presenter->isLinkCurrent(':Admin:Home:') ? active, nav-link" n:href=":Admin:Home:">Admin</a>
-					<a n:class="$presenter->isLinkCurrent(':Pdf:Home:') ? active, nav-link" n:href=":Pdf:Home:">PDF example</a>
-				</nav>
-			</div>
-		</header>
+	<link rel="stylesheet" href="{$basePath}/assets/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>

-		<main role="main" class="inner cover">
-			<h1 class="cover-heading">Webapp skeleton.</h1>
-			<p class="lead">This is example project based on <a href="https://nette.org">Nette Framework</a></p>
-			<p class="lead">And also many <a href="https://contributte.org">Contributte + Nettrine</a> packages.</p>
-			<div class="lead">
-				<a href="https://github.com/contributte/webapp-skeleton" class="btn btn-lg btn-secondary">Learn more in docs</a>
-			</div>
-		</main>
+<body>

-		<footer class="mastfoot mt-auto">
-			<div class="inner">
-				<p>Cover template for <a href="https://getbootstrap.com/">Bootstrap</a>, by
-					<a href="https://twitter.com/mdo">@mdo</a>.</p>
-			</div>
-		</footer>
-	</div>
-{/}
+<header>
+    <hgroup>
+        <h1>My Dictionary</h1>
+        <h2>multilanguage dictionary with pronunciations</h2>
+    </hgroup>
+    <nav>
+        <ul>
+            <li><a href="{link Home:default}">Jednoduchý</a></li>
+            <li><a href="{link Home:ipa}">s výslovnosťou</a></li>
+            <li><a href="{link Home:interactive}">Interaktívny</a></li>
+            <li><a href="{link Home: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 Home:select $tr["slug"] }">{$tr["lang"]}</a></li>
+	{/foreach}
+    </ul>
+</section>
+
+<footer>
+	<p>&copy; 2022 Jaro's Solutions - <a href="#">Sitemap</a> </p>
+</footer>
+
+	{block scripts}
+	{/block}
+</body>
+</html>