feat: add hostea features to homepage
ci/woodpecker/pr/woodpecker Pipeline failed
Details
ci/woodpecker/pr/woodpecker Pipeline failed
Details
parent
97cf8e49ce
commit
4c0f194292
|
@ -0,0 +1,29 @@
|
|||
.home-card__group {
|
||||
display: flex;
|
||||
margin: 50px auto;
|
||||
}
|
||||
|
||||
.home-card__conatiner {
|
||||
background-color: #eee;
|
||||
margin: 10px 30px;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.home-card__icon {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: auto;
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
.home-card__title {
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.home-card__text {
|
||||
font-size: 0.7rem;
|
||||
text-align: center;
|
||||
}
|
|
@ -0,0 +1,12 @@
|
|||
.home-card__group {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.home-card__conatiner {
|
||||
margin: 10px auto;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.home-card__group {
|
||||
margin: auto;
|
||||
}
|
|
@ -0,0 +1,13 @@
|
|||
|
||||
<section class="home__features">
|
||||
<div class="home-card__group">
|
||||
{{ card_macro::home_card(title="Radically Transparent", description="Hostea is radically transparent, we hold discussions in the open and publish all expenses down to the last penny") }}
|
||||
{{ card_macro::home_card(title="100% Free Software", description="All Hostea components are Free, you are welcome to download and even sell Hostea!") }}
|
||||
{{ card_macro::home_card(title="Todards Forge Federation 🚀", description="Hostea developers are also leading the charge in implementing ecosystem-wide federation, we really care about software development :)") }}
|
||||
</div>
|
||||
<div class="home-card__group">
|
||||
{{ card_macro::home_card(title="Observable and Reliabile", description="All Hostea software come with monitoring and backups configured for high, observable reliability") }}
|
||||
{{ card_macro::home_card(title="Fully Self-Hostable ", description="Like to get your hands dirty? We got you covered! Hostea comes with infrastructure as code and documentation to make self-hostable a first class experience") }}
|
||||
{{ card_macro::home_card(title="Horizontal Community", description="Hostea development is lead by a horizontal community minded individuals and organisations with a common goal to advance Free Software.") }}
|
||||
</div>
|
||||
</section>
|
|
@ -0,0 +1,11 @@
|
|||
{% macro home_card(title, description) %}
|
||||
<div class="home-card__conatiner">
|
||||
<img
|
||||
src="{{ get_url(path='/tmp-logo.png', cachebust=true) }}"
|
||||
alt="Temporary card icon"
|
||||
class="home-card__icon"
|
||||
/>
|
||||
<h4 class="home-card__title">{{ title }}</h4>
|
||||
<p class="home-card__text">{{ description }}</p>
|
||||
</div>
|
||||
{% endmacro home_card %}
|
Loading…
Reference in New Issue