likho/microblog.py
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Updated to use semantic elements; replaced <center>; added a lang tag

Browse Source 
* Semantic html is better for screen readers: main, header, footer, aside
* added a lang tag to html (so screenreaders know what language to read it in)
* center tag replaced with footer (center is depreciated)
This commit is contained in:
Tarry_Dan 2023-09-24 14:10:07 +00:00 committed by likho
parent 7fba705bc6
commit bb0d20bd09
1 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
example/default.tpl
View File

@ -1,20 +1,27 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="initial-scale=1.0">
<title>Microblog</title>
<link href="./style.css" rel="stylesheet" type="text/css" media="all">
<link href="./timeline.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<div class="content">
<header>
<h1>A Microblog in Plain HTML</h1>
</header>
<div class = "row"> <div class = "column">
<div class="profile">
<div class="primary">
<div>
<aside>
<img src="./images/avatar.jpg" alt="Avatar" class="avatar">
<span class="handle">Your Name Here</span>
<p><span class="email"><a href="mailto:user@host.tld">user@host.tld</a></span></p>
@ -24,19 +31,21 @@
<p>{tags}</p>
<h3>Pages</h3>
<p>{pages}</p>
</div>
</div>
</aside>
</div>
<div class = "timeline">
<main>
{timeline}
</div>
</main>
</div>
<center>
<footer>
<a href="https://notabug.org/likho/microblog.py">microblog.py</a>
</center>
</footer>
</div>
</body>
</html>