From e5ba11643dbc415676339674cf2c44bdf98eca62 Mon Sep 17 00:00:00 2001 From: realaravinth Date: Tue, 26 Apr 2022 14:58:08 +0530 Subject: [PATCH] feat: add service section and refresh features sections on homepage --- sass/home/card-main.scss | 4 +- sass/home/service-card-main.scss | 46 ++++++++++++++---- sass/home/service-card-mobile.scss | 17 +++++++ sass/home/vision-mobile.scss | 3 ++ sass/home/vision.scss | 20 ++++++-- templates/home/components/_features.html | 36 +++++++++++--- templates/home/components/_services-new.html | 51 ++++++++++++++++++++ templates/home/components/_services.html | 8 +++ templates/home/components/home-card-new.html | 28 +++++++++++ 9 files changed, 193 insertions(+), 20 deletions(-) create mode 100644 sass/home/service-card-mobile.scss create mode 100644 templates/home/components/_services-new.html create mode 100644 templates/home/components/_services.html create mode 100644 templates/home/components/home-card-new.html diff --git a/sass/home/card-main.scss b/sass/home/card-main.scss index ebb36da..5390558 100644 --- a/sass/home/card-main.scss +++ b/sass/home/card-main.scss @@ -1,6 +1,8 @@ .home-card__group { display: flex; - margin: 50px auto; + //margin: 50px auto; + margin: 0px auto; + width: 80%; } .home-card__conatiner { diff --git a/sass/home/service-card-main.scss b/sass/home/service-card-main.scss index a6e9d28..998703e 100644 --- a/sass/home/service-card-main.scss +++ b/sass/home/service-card-main.scss @@ -1,25 +1,46 @@ +@import "../components/fullscreen"; + .service__features { margin: 20px 0px; + @include fullscreen; + display: flex; + flex-direction: column; + justify-content: space-between; +} +.service__features--split { + margin: 20px 0px; + @include fullscreen; + display: flex; + flex-direction: column; + justify-content: space-between; + max-height: 1300px; } .service-card__group { - display: flex; - flex-direction: column; margin: 0px auto; } + .service-card__conatiner { // background-color: #eee; margin: 10px 0px; // wpadding: 10px; border-radius: 5px; display: flex; - // height: 250px; - height: 100vh; - border-top: 1px solid grey; + // height: 250px; + // border-top: 1px solid #cacaca; + width: 80%; + margin: 0 auto; } -.service-card__conatiner:first-child { - border-top: none; +.line-border { + width: 80%; + display: block; + border-bottom: 1px solid #cacaca; + margin: auto; +} + +.service-card__conatiner:last-child { + // border-top: none; } .service-card__icon { @@ -30,14 +51,19 @@ border-radius: 100px; } +.service-card__service-name { + color: rgb(0, 128, 0); + font-weight: 600; +} + .service-card__title { margin: auto; - text-align: center; + //text-align: center; } .service-card__text { // font-size: 0.7rem; - text-align: center; + // text-align: center; margin-bottom: 30px !important; } @@ -47,7 +73,7 @@ } .service-card__aciton-btn { - margin: auto; + margin: auto 0; padding: 10px; display: block; font-weight: 400; diff --git a/sass/home/service-card-mobile.scss b/sass/home/service-card-mobile.scss new file mode 100644 index 0000000..c283fd0 --- /dev/null +++ b/sass/home/service-card-mobile.scss @@ -0,0 +1,17 @@ +.service-card__conatiner { + width: 85%; + flex-direction: column-reverse; + margin: 50px auto; +} + +.service__features--split, +.service__features { + height: auto !important; + min-height: auto !important; + max-height: none !important; + flex-direction: column; +} + +.line-border { + width: 95%; +} diff --git a/sass/home/vision-mobile.scss b/sass/home/vision-mobile.scss index 9c7b7d2..fdbe60e 100644 --- a/sass/home/vision-mobile.scss +++ b/sass/home/vision-mobile.scss @@ -1,3 +1,6 @@ .home__vision-container { flex-direction: column; + height: auto !important; + min-height: auto !important; + max-height: auto !important; } diff --git a/sass/home/vision.scss b/sass/home/vision.scss index 9c8fb42..18720b2 100644 --- a/sass/home/vision.scss +++ b/sass/home/vision.scss @@ -1,10 +1,11 @@ -.home__vision-container{ +@import "../components/fullscreen"; + +.home__vision-container { display: flex; align-items: center; - height: 320px; + height: 200px; } - .home__vision-text-line { font-size: 0.8rem; font-style: italic; @@ -38,3 +39,16 @@ .home__vision-action-link { color: white !important; } + +.page__container--split { + width: 50%; + margin: auto; + padding: 50px 0; + width: 80%; + @include fullscreen; + max-height: 1300px; + height: 90vh !important; + display: flex; + flex-direction: column; + justify-content: space-around; +} diff --git a/templates/home/components/_features.html b/templates/home/components/_features.html index 2cf8a16..42e1a19 100644 --- a/templates/home/components/_features.html +++ b/templates/home/components/_features.html @@ -1,13 +1,37 @@ +
+
+ +
+
+

Gitea Hosting

+

Run indepandent software forge

+

Dedicated Gitea hosting with Woodpecker, flat monthly price, unlimited bandwidth and users. All upgrades included. Fully self-hostable. ETA July 1st, 2022.

+
    +
  • Tested software releases
    • +
  • Infrastructure as Code Software
    • +
  • Woodpecker CI, Librepages and GitPad integrations
    • +
  • Payments manager included: become a service provider!
    • +
+ +
+ +
+ Temporary card icon +
+
+ + -
-
- {{ 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="Towards Forge Federation 🚀", description="Hostea developers are also leading the charge in implementing ecosystem-wide federation, we really care about software development :)") }}
+ {{ card_macro::home_card(title="Towards Forge Federation 🚀", description="Hostea developers are also leading the charge in implementing ecosystem-wide federation, we really care about software development :)") }} {{ card_macro::home_card(title="Observable and Reliable", 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.") }}
diff --git a/templates/home/components/_services-new.html b/templates/home/components/_services-new.html new file mode 100644 index 0000000..ca136c9 --- /dev/null +++ b/templates/home/components/_services-new.html @@ -0,0 +1,51 @@ +
+
+
+ + + +
+
+

Gitea Clinic

+

Debug and Recover Self-Hosted Gitea Instances

+

Having issues upgrading your self-hosted Gitea? Upload it to Hostea and a doctor will help out. Once it feels better you can bring it home or decide it becomes a permanent resident.

+
    +
  • Consult Gitea experts
    • +
  • Upload your sick Gitea
    • +
  • Once it gets better bring it back home
    • +
  • Optionally, decide it should get a permanent residence at hostea
    • +
+ +
+ +
+ Temporary card icon +
+
+ + + + +
+
+
+

Stuck with a broken Gitea instance? Talk to a Hostea Doctor!

+ +
+
+ +
diff --git a/templates/home/components/_services.html b/templates/home/components/_services.html new file mode 100644 index 0000000..5ca7555 --- /dev/null +++ b/templates/home/components/_services.html @@ -0,0 +1,8 @@ +
+

Services Offered

+
+ {{ card_macro::home_card(title="Gitea Hosting", description="Dedicated Gitea hosting with Woodpecker, flat monthly price, unlimited bandwidth and users. All upgrades included. Fully self-hostable. ETA July 1st, 2022.") }} + {{ card_macro::home_card(title="Gitea Clinic", description="Having issues upgrading your self-hosted Gitea? Upload it to Hostea and a doctor will help out. Once it feels better you can bring it home or decide it becomes a permanent resident.") }} + {{ card_macro::home_card(title="Towards Forge Federation 🚀", description="Hostea is leading the charge in implementing forge federation. It will be made available to all hosted Gitea instance as soon as it is available.") }} +
+
diff --git a/templates/home/components/home-card-new.html b/templates/home/components/home-card-new.html new file mode 100644 index 0000000..1e27f20 --- /dev/null +++ b/templates/home/components/home-card-new.html @@ -0,0 +1,28 @@ +{% macro home_card2(title, description, action_link=false, template=false) %} +
+
+

{{ title }}

+

{{ description }}

+ {% if action_link %} + + {% else %} + + {% endif %} +
+ +
+ Temporary card icon +
+ + + {% if template %} +