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

Formatting for single.html page

Browse source
This commit is contained in:
tsmitty11 2023-05-18 14:07:15 +02:00
parent 1d9d354749
commit 220713697f
3 changed files with 37 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -107,27 +107,6 @@
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>

26
src/layouts/_default/single.html
View file

@ -6,15 +6,20 @@
<body> <body>
{{ partial "navbar.html" . }} {{ partial "navbar.html" . }}
<main> <main>
<div class="container one-box"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col-md-9 pe-5">
<div class="one-box">
<h1 class="display-1">{{ .Title }}</h1> <h1 class="display-1">{{ .Title }}</h1>
<p>{{ .Date.Format "2006-01-02" }}</p> <p>{{ .Date.Format "2006-01-02" }}</p>
{{ .Content }} {{ .Content }}
<a href="{{ "blog" | relURL }}">Back to blog</a> <a href="{{ "blog" | relURL }}">Back to blog</a>
</div> </div>
</div> </div>
{{ partial "sidebar" . }}
</div>
</div> </div>
</main> </main>
<footer> <footer>
@ -23,3 +28,20 @@
</footer> </footer>
</body> </body>
</html> </html>
<style>
.sidebar {
flex: 0 0 30%;
max-width: 20%;
border-left: 1px solid #949494;
}
.sidebar ul {
list-style: none;
padding-left: 0;
}
.sidebar ul li {
padding: 0.5em 0;
}
</style>

10
src/layouts/partials/sidebar.html
View file

@ -14,8 +14,14 @@
{{ end }} {{ end }}
</ul> </ul>
<h4 class="mt-4">follow me</h4> <h4 class="mt-4">communi'tea</h4>
<p>Facebook | Twitter | Instagram</p> <div>
<i class="icon-telegram white"></i>
<i class="icon-github white"></i>
<i class="icon-twitter white"></i>
<i class="icon-discord white"></i>
</div>
<h4 class="mt-4">give a star</h4> <h4 class="mt-4">give a star</h4>
<a class="github-button" href="https://github.com/teaxyz/cli" data-icon="octicon-star" data-show-count="true" aria-label="Star teaxyz/cli on GitHub">Star</a> <a class="github-button" href="https://github.com/teaxyz/cli" data-icon="octicon-star" data-show-count="true" aria-label="Star teaxyz/cli on GitHub">Star</a>