moebiusband/go-http-skeleton
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial checkin of templ skeleton

Browse Source 
HTML based on Jason Knight HTML template code
This commit is contained in:
Jan Eitzinger
2024-08-03 08:51:30 +02:00
parent f50222f6d5
commit f15d6b2163
25 changed files with 1590 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/components/base.templ Normal file
View File

@@ -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>
}

5
web/components/errors.templ Normal file
View File

@@ -0,0 +1,5 @@
package components
templ Page404() {
<div>Page not found</div>
}

37
web/components/footer.templ Normal file
View File

@@ -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>
}

29
web/components/header.templ Normal file
View File

@@ -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>
}

16
web/components/index.templ Normal file
View File

@@ -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>
}