Add Vikunja Cloud banner to blog posts
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
f37af28e2d
commit
c31030d91a
|
@ -13,6 +13,13 @@
|
||||||
</p>
|
</p>
|
||||||
{{ partial "headline-hash.html" .Content }}
|
{{ partial "headline-hash.html" .Content }}
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
{{ partial "footer.html" . }}
|
{{ partial "footer.html" . }}
|
||||||
|
|
|
@ -76,6 +76,9 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
margin: 2em auto;
|
margin: 2em auto;
|
||||||
min-height: calc(100vh - 57px - 10rem);
|
min-height: calc(100vh - 57px - 10rem);
|
||||||
|
|
||||||
|
max-width: $desktop - (2 * $gap);
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
.card{
|
.card{
|
||||||
margin-bottom: 2em;
|
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…
Reference in New Issue