ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-25 01:45:11 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Progress on blog

Browse source
This commit is contained in:
tsmitty11 2023-05-17 19:28:50 +02:00
parent 75c4e00554
commit 7a4191f01a
1 changed files with 78 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

100
src/layouts/_default/list.html
View file

@ -21,16 +21,11 @@
<hr> <hr>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col-md-9 pe-4 blog-list one-box">
<h2 class="mb-4">Recent Posts</h2> <h2 class="mb-5">Recent Posts</h2>
</div> <div class="row content-area">
</div>
</div>
<div class="container blog-list one-box">
<div class="row">
<div class="content-area">
{{ range .Pages }} {{ range .Pages }}
<div class="blog-col col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 mb-4"> <div class="blog-col col-xl-4 col-lg-4 col-md-6 col-sm-12 mb-4">
<a href="{{ .RelPermalink }}"> <a href="{{ .RelPermalink }}">
<div class="blog-listing"> <div class="blog-listing">
{{ if .Params.featured_image }} {{ if .Params.featured_image }}
@ -45,16 +40,46 @@
</a> </a>
</div> </div>
{{ end }} {{ end }}
<a href="/">Back to home</a>
</div> </div>
<div class="sidebar"> </div>
<h2 class="mb-4">Sidebar</h2> <div class="col-md-3 sidebar one-box ps-4">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <h3 class="mb-4">About Me</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
<h3 class="mt-4">Search</h3>
<input type="text" id="search" name="search" placeholder="Search..">
<h3 class="mt-4">Subscribe</h3>
<p>Subscribe to our newsletter:</p>
<input type="email" id="email" name="email" placeholder="Your email..">
<input type="submit" value="Subscribe">
<h3 class="mt-4">Popular Posts</h3>
<ul> <ul>
<li>Item 1</li> <li>Post 1</li>
<li>Item 2</li> <li>Post 2</li>
<li>Item 3</li> <li>Post 3</li>
</ul> </ul>
<h3 class="mt-4">Categories</h3>
<ul>
<li>Category 1</li>
<li>Category 2</li>
<li>Category 3</li>
</ul>
<h3 class="mt-4">Follow Me</h3>
<p>Facebook | Twitter | Instagram</p>
<h3 class="mt-4">Archives</h3>
<ul>
<li>January 2023</li>
<li>February 2023</li>
<li>March 2023</li>
</ul>
<h3 class="mt-4">Sponsor</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div> </div>
</div> </div>
</div> </div>
@ -102,30 +127,9 @@
line-height: 22px; line-height: 22px;
} }
.row {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.content-area {
flex: 0 0 80%;
max-width: 80%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.blog-col {
flex: 0 0 calc(33.3333% - 1em);
margin-bottom: 1em;
}
.sidebar { .sidebar {
flex: 0 0 30%; flex: 0 0 30%;
max-width: 20%; max-width: 20%;
padding: 1em;
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
} }
@ -137,6 +141,28 @@
.sidebar ul li { .sidebar ul li {
padding: 0.5em 0; padding: 0.5em 0;
} }
input[type=text], input[type=email] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
input[type=submit] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #45a049;
}
</style> </style>
</html> </html>