dachary
/
website
forked from Hostea/website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: add hostea features to homepage

wip-coc
Aravinth Manivannan 2022-04-17 18:36:57 +05:30
parent 97cf8e49ce
commit 4c0f194292
Signed by untrusted user: realaravinth
GPG Key ID: AD9F0F08E855ED88
4 changed files with 65 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
sass/home/card-main.scss Normal file
View File

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

12
sass/home/card-mobile.scss Normal file
View File

@ -0,0 +1,12 @@
.home-card__group {
flex-direction: column;
}
.home-card__conatiner {
margin: 10px auto;
width: 80%;
}
.home-card__group {
margin: auto;
}

13
templates/home/components/_features.html Normal file
View File

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

11
templates/home/components/home-card.html Normal file
View File

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