Basic posts page
This commit is contained in:
@@ -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>
|
||||
@@ -4,9 +4,9 @@
|
||||
|
||||
<body>
|
||||
{{- partial "header.html" . -}}
|
||||
<div id="content">
|
||||
<main id="content">
|
||||
|
||||
<div class="post" class="container">
|
||||
<div class="post container">
|
||||
|
||||
<div class="post-header-section">
|
||||
<h1>{{ .Title }}</h1>
|
||||
@@ -28,7 +28,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
{{- partial "footer.html" . -}}
|
||||
</body>
|
||||
|
||||
|
||||
@@ -2,6 +2,9 @@
|
||||
<meta charset="utf-8">
|
||||
<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 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">
|
||||
<script src="/js/jquery-3.6.0.slim.min.js"></script>
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
<div class="container wrapper">
|
||||
<div class="header header-dark" id="header-sroll">
|
||||
<header class="header header-dark" id="header-sroll">
|
||||
<nav class="header-nav">
|
||||
|
||||
<div class="avatar">
|
||||
@@ -35,5 +34,4 @@
|
||||
-->
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@@ -127,3 +127,19 @@ html {
|
||||
.post .post-content {
|
||||
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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user