Add Vikunja Cloud banner to blog posts
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
kolaente 2021-09-05 18:40:19 +02:00
parent f37af28e2d
commit c31030d91a
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 26 additions and 0 deletions

View File

@ -13,6 +13,13 @@
</p>
{{ partial "headline-hash.html" .Content }}
</div>
<div class="vikunja-cloud-banner">
<h2 class="title">Vikunja Cloud is here!</h2>
<a href="https://vikunja.cloud/?utm_source=io&utm_medium=io&utm_campaign=blog_post" class="button noshadow">
Get a hosted Vikunja Account
</a>
</div>
</div>
{{ partial "footer.html" . }}

View File

@ -76,6 +76,9 @@ h1, h2, h3, h4, h5, h6 {
margin: 2em auto;
min-height: calc(100vh - 57px - 10rem);
max-width: $desktop - (2 * $gap);
width: 100%;
.card{
margin-bottom: 2em;
@ -301,3 +304,19 @@ h1, h2, h3, h4, h5, h6 {
}
}
}
.vikunja-cloud-banner {
background: url('../images/bg-3.jpg') no-repeat center;
background-size: cover;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
color: rgb(31, 41, 55);
padding: 11rem 0;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}