mirror of
https://github.com/ivabus/www
synced 2024-11-25 07:05:06 +03:00
Formatting for single.html page
This commit is contained in:
parent
1d9d354749
commit
220713697f
3 changed files with 37 additions and 30 deletions
|
@ -107,27 +107,6 @@
|
|||
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>
|
||||
|
||||
</html>
|
||||
|
|
|
@ -6,15 +6,20 @@
|
|||
<body>
|
||||
{{ partial "navbar.html" . }}
|
||||
<main>
|
||||
<div class="container one-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="col-md-9 pe-5">
|
||||
<div class="one-box">
|
||||
<h1 class="display-1">{{ .Title }}</h1>
|
||||
<p>{{ .Date.Format "2006-01-02" }}</p>
|
||||
{{ .Content }}
|
||||
<a href="{{ "blog" | relURL }}">Back to blog</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ partial "sidebar" . }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
|
@ -23,3 +28,20 @@
|
|||
</footer>
|
||||
</body>
|
||||
</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>
|
||||
|
|
|
@ -14,8 +14,14 @@
|
|||
{{ end }}
|
||||
</ul>
|
||||
|
||||
<h4 class="mt-4">follow me</h4>
|
||||
<p>Facebook | Twitter | Instagram</p>
|
||||
<h4 class="mt-4">communi'tea</h4>
|
||||
<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>
|
||||
<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>
|
||||
|
|
Loading…
Reference in a new issue