tlaternet/tlaternet-templates
Archived
1
0
Fork 0
Code Issues 4 Pull requests Releases Wiki Activity

Use a base page layout that permits better footers

Browse source
This commit is contained in:
Tristan Daniël Maat 2022-07-30 17:51:20 +01:00
parent 7b69e9ad9f
commit 9353b2ff1f
Signed by: tlater
GPG key ID: 49670FD774E43268
4 changed files with 109 additions and 135 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/index.html
View file

@ -1,5 +1,7 @@
<extends src="./lib/html/base.html">
<block name="content">
<section class="section">
<div class="container">
<h1 class="title has-text-weight-normal is-family-monospace">
$&nbsp;<span id="typed-welcome"></span>
</h1>
@ -27,15 +29,11 @@
There is not a whole lot here at the moment.
You may find the following interesting though:
- A [little web app](~/src/music_sample.html) showing
off what WebGL can do in combination with the JavaScript
Audio interface.
</markdown>
<!-- Parcel isn't smart enough to pick up cross-page links if they're in markdown blocks -->
<!-- <ul> -->
<!-- <li> -->
<!-- A <a href="~/src/music_sample.html">little web app</a> showing off -->
<!-- what WebGL can do in combination with the JavaScript Audio -->
<!-- interface. -->
<!-- </li> -->
<!-- </ul> -->
</div>
<div class="column content">
@ -73,9 +71,7 @@
</markdown>
</div>
</div>
</div>
</section>
</block>
<!-- <block name="footer"> -->
<!-- <script type="module" src="./index.ts" defer></script> -->
<!-- </block> -->
</extends>

8
src/lib/html/base.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html class="no-js" lang="en">
<html lang="en">
<head>
<meta charset="utf-8" />
@ -14,16 +14,12 @@
<title>tlater.net</title>
</head>
<body class="is-dark">
<body>
<block name="navigation">
<include src="lib/html/navigation.html"></include>
</block>
<!-- <include src="lib/html/message-flash.html"></include> -->
<section class="section">
<div class="container">
<block name="content"></block>
</div>
</section>
<block name="footer"></block>
</body>

7
src/lib/scss/main.scss
View file

@ -1,9 +1,10 @@
@import "./_custom-bulma";
@import "./_typed";
html, body {
height: 100%;
width: 100%;
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
#typed-welcome {

33
src/mail.html
View file

@ -1,5 +1,7 @@
<extends src="./lib/html/base.html">
<block name="content">
<section class="section">
<div class="container">
<h1 class="title has-text-weight-normal">Contact Me</h1>
<div class="columns">
@ -7,40 +9,17 @@
<form id="sendmail" role="form" action="mail.html" method="post">
<div class="field">
<label class="label" for="mail">Email address</label>
<input
id="mail"
class="input"
type="email"
placeholder="Your address"
name="mail"
required
/>
<input id="mail" class="input" type="email" placeholder="Your address" name="mail" required />
</div>
<div class="field">
<label class="label" for="subject">Subject</label>
<input
id="subject"
class="input"
type="text"
placeholder="E.g. There's a typo on your home page!"
name="subject"
autocomplete="off"
required
/>
<input id="subject" class="input" type="text" placeholder="E.g. There's a typo on your home page!" name="subject" autocomplete="off" required />
</div>
<div class="field">
<label class="label" for="message">Message</label>
<textarea
id="message"
class="textarea"
type="text"
rows="6"
name="message"
autocomplete="off"
required
></textarea>
<textarea id="message" class="textarea" type="text" rows="6" name="message" autocomplete="off" required></textarea>
</div>
<div class="field">
@ -63,5 +42,7 @@
</markdown>
</div>
</div>
</div>
</section>
</block>
</extends>