Basic posts page

This commit is contained in:
Avijit 🚀
2021-05-29 13:59:23 +02:00
parent 20eecbaf1a
commit 728892acf1
5 changed files with 67 additions and 7 deletions

View File

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
<main id="content">
<div class="container all-posts">
<h2 class="all-posts-title">All Posts</h2>
<h2 class="posts-year">2021</h2>
<h4 class="posts-month">March</h4>
<article class="post-title">
<a href="example.com" class="post-link">Theme Documentation - Basics</a>
<span class="post-date">March 15, 2021</span>
</article>
<article class="post-title">
<a href="example.com" class="post-link">Theme Documentation - Built-in Shortcodes</a>
<span class="post-date">March 15, 2021</span>
</article>
<h2 class="posts-year">2019</h2>
<h4 class="posts-month">May</h4>
<article class="post-title">
<a href="example.com" class="post-link">Basic Markdown Syntax</a>
<span class="post-date">May 15, 2019</span>
</article>
<h3 class="posts-month">January</h3>
<article class="post-title">
<a href="example.com" class="post-link">Emoji Support</a>
<span class="post-date">January 19, 2019</span>
</article>
</div>
</main>
{{- partial "footer.html" . -}}
</body>
</html>

View File

@@ -4,9 +4,9 @@
<body> <body>
{{- partial "header.html" . -}} {{- partial "header.html" . -}}
<div id="content"> <main id="content">
<div class="post" class="container"> <div class="post container">
<div class="post-header-section"> <div class="post-header-section">
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
@@ -28,7 +28,7 @@
</div> </div>
</div> </div>
</div> </main>
{{- partial "footer.html" . -}} {{- partial "footer.html" . -}}
</body> </body>

View File

@@ -2,6 +2,9 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css" href="/css/main.css"> <link rel="stylesheet" type="text/css" href="/css/main.css">
<script src="/js/jquery-3.6.0.slim.min.js"></script> <script src="/js/jquery-3.6.0.slim.min.js"></script>
<script src="/js/main.js"></script> <script src="/js/main.js"></script>

View File

@@ -1,5 +1,4 @@
<div class="container wrapper"> <header class="header header-dark" id="header-sroll">
<div class="header header-dark" id="header-sroll">
<nav class="header-nav"> <nav class="header-nav">
<div class="avatar"> <div class="avatar">
@@ -35,5 +34,4 @@
--> -->
</div> </div>
</nav> </nav>
</div> </header>
</div>

View File

@@ -127,3 +127,19 @@ html {
.post .post-content { .post .post-content {
margin-top: 50px; margin-top: 50px;
} }
.all-posts .all-posts-title {
text-align: right;
}
.all-posts .posts-year {
margin-top: 40px;
}
.all-posts .post-title {
margin: 10px 0;
}
.post-title .post-date {
float: right;
}