Browse Source

Add Vikunja Cloud banner to blog posts

main
kolaente 1 month ago
parent
commit
c31030d91a
Signed by: konrad GPG Key ID: F40E70337AB24C9B
  1. 7
      layouts/post/single.html
  2. 19
      src/main.scss

7
layouts/post/single.html

@ -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" . }}

19
src/main.scss

@ -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;
}

Loading…
Cancel
Save