Caleb/Blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Semantic HTML Outline for Blog Page

Browse Source
This commit is contained in:
Caleb Braaten 2024-01-31 04:57:27 -08:00
parent 6f3d9b4a19
commit 72f5b61360
2 changed files with 44 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/frontend/index.tsx
View File

@ -18,8 +18,6 @@ export function Index(path: string) {
<main> <main>
{selectPage(path)} {selectPage(path)}
</main> </main>
<h1>Hello</h1>
<button hx-get="/content/post">Click Me</button>
</body> </body>
</html> </html>
) )

46
src/frontend/pages/blog.tsx
View File

@ -1,8 +1,50 @@
export function Blog(){ export function Blog(){
return ( return (
<div> <div>
<h1>Blog</h1> <section>
<p>And a post</p> <article>
<h2>Blog Post Title</h2>
<div>Posted on January 1, 2024</div>
<p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
<a href="/post/3">Read More</a>
</article>
<article>
<h2>Another Blog Post Title</h2>
<div>Posted on December 1, 2023</div>
<p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
<a href="/post/2">Read More</a>
</article>
<article>
<h2>The First Blog Post</h2>
<div>Posted on November 1, 2023</div>
<p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
<a href="/post/1">Read More</a>
</article>
</section>
<aside>
<div>
<h3>About Me</h3>
<p>I'm a software engineer</p>
<h3>Connect with me</h3>
<ul>
<li>Twitter</li>
<li>GitHub</li>
<li>LinkedIn</li>
</ul>
</div>
<div>
<h3>Categories</h3>
<ul>
<li>Web Development</li>
<li>UI/UX Design</li>
<li>Productivity</li>
<li>Career</li>
</ul>
</div>
</aside>
</div> </div>
) )
} }