Initial commit

2024-08-03 09:28:23 +02:00
commit 20b7273131
28 changed files with 1625 additions and 0 deletions
@@ -0,0 +1,34 @@
+package components
+
+templ Page(content templ.Component) {
+	<!DOCTYPE html>
+	<html lang="en">
+		<head>
+			<meta charset="utf-8"/>
+			<meta name="viewport" content="width=device-width,initial-scale=1"/>
+			<meta name="description" content="A sane golang website template."/>
+			<link rel="preload" as="style" href="static/css/fonts.css" media="screen,print"/>
+			<link rel="preload" as="style" href="static/css/site.screen.css" media="screen"/>
+			<link rel="preload" as="font" href="static/css/fonts/poppins-western.woff2" media="screen,print" crossorigin/>
+			<link rel="preload" as="font" href="static/css/fonts/poppins-western-bold.woff2" media="screen,print" crossorigin/>
+			<link rel="preload" as="font" href="static/css/fonts/interface-Regular.woff2" media="screen,print" crossorigin/>
+			<link rel="stylesheet" href="static/css/fonts.css" media="screen,print"/>
+			<link rel="stylesheet" href="static/css/site.screen.css" media="screen"/>
+			<link rel="stylesheet" href="static/css/site.print.css" media="print"/>
+			<link rel="apple-touch-icon" href="static/apple-touch-icon.png"/>
+			<link rel="icon" href="static/favicon.ico"/>
+			<link rel="icon" href="static/favicon.svg" type="image/svg+xml"/>
+			<title>Awesome content</title>
+		</head>
+		<body>
+			<div id="fauxBody">
+				@Header()
+				<main>
+					@content
+				</main>
+				<a href="#top" id="backToTop"><span>Back To Top</span></a>
+				@Footer()
+			</div>
+		</body>
+	</html>
+}
@@ -0,0 +1,5 @@
+package components
+
+templ Page404() {
+	<div>Page not found</div>
+}
@@ -0,0 +1,37 @@
+package components
+
+templ Footer() {
+	<footer>
+		<section>
+			<h2 class="optional">Legal Disclaimer</h2>
+			<p>
+				&copy; Jason M. Knight, <span>All Rights Reserved.</span>
+			</p>
+		</section>
+		<section id="socialMedia">
+			<h2 class="optional">Visit Me On Social Media</h2>
+			<ul class="socialMenu">
+				<li>
+					<a href="#" class="icon_facebook">
+						<span>Facebook</span>
+					</a>
+				</li>
+				<li>
+					<a href="#" class="icon_linkedIn">
+						<span>LinkedIn</span>
+					</a>
+				</li>
+				<li>
+					<a href="#" class="icon_x">
+						<span>The Artist Formerly Known As Twitter</span>
+					</a>
+				</li>
+				<li>
+					<a href="#" class="icon_medium">
+						<span>Medium</span>
+					</a>
+				</li>
+			</ul>
+		</section>
+	</footer>
+}
@@ -0,0 +1,29 @@
+package components
+
+templ Header() {
+	<header id="top">
+		<a href="./">
+			<h1>Website template</h1>
+			<p>A Golang Templ based skeleton</p>
+		</a>
+		<a href="#mainMenu" class="mainMenuOpen" hidden>
+			<span>Open Main Menu</span>
+		</a>
+		<nav id="mainMenu">
+			<a href="#" class="modalClose" hidden tabindex="-1">
+				<span>Close Main Menu</span>
+			</a>
+			<div data-modalTitle="Main Menu">
+				<a href="#" class="modalClose icon_close" hidden>
+					<span>Close Main Menu</span>
+				</a>
+				<ul>
+					<li><a href="./">Home</a></li>
+					<li><a href="#whatIDo">What I Do</a></li>
+					<li><a href="#testimonials">Testimonials</a></li>
+					<li><a href="#contact">Contact</a></li>
+				</ul>
+			</div>
+		</nav>
+	</header>
+}
@@ -0,0 +1,16 @@
+package components
+
+templ IndexPage() {
+	<section class="hero" id="semanticEasy">
+		<div>
+			<header>
+				<h2>Semantic Accessible <span>Markup Is Easy</span></h2>
+				<p>Stop Making It Hard</p>
+			</header>
+			<p>
+				I have spent the past decade and a half helping site owners out of deep legal troubles for accessibility woes, improve workplace conditions, gain essential leadership skills, by way of promoting good practices. I can help you learn to leverage caching models, write accessibible HTML, keep your style within guidelines such as the WCAG, and aid in lawsuits involving the US ADA, UQ EQA, and a plethora of other accessibility laws from around the globe.
+			</p>
+			<a class="action" href="#">Learn More</a>
+		</div>
+	</section>
+}