diff --git a/home/card-main.css b/home/card-main.css index 6be49cc..8f877be 100644 --- a/home/card-main.css +++ b/home/card-main.css @@ -1 +1 @@ -.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} +.home-card__group{display:flex;margin:0px auto;width:80%}.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} diff --git a/home/main.css b/home/main.css index 07db78d..5aaf15f 100644 --- a/home/main.css +++ b/home/main.css @@ -1 +1 @@ -.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}.home__vision-text-line{font-size:0.8rem;font-style:italic}.home__vision-intro-title{text-align:center}.home__vision-intro-tagline{font-size:0.9rem;margin:auto;display:block;text-align:center}.home__vision-aciton-btn{display:block;font-weight:400;margin:20px auto;padding:15px;border:none;background-color:black;color:#fff}.home__vision-aciton-btn:hover{background-color:lightgray}.home__vision-action-link{color:white !important}.index-banner__container{width:100%;display:flex;flex-direction:column;background-color:#3c3c3c;background-color:#58181f;font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;min-height:400px}.index-banner{margin:auto;display:flex;flex-direction:column}.index-banner__title{margin:auto;font-style:none;color:#fff;letter-spacing:20px;font-size:3rem;font-weight:300}.index-banner__tagline{margin:auto;color:#fff}.index-banner__title-container{display:flex}.index-banner__logo{width:120px;margin:auto;border-radius:20px}.index-banner__main-action-btn{display:block;display:block;font-weight:400;margin:20px auto;padding:15px;border:none}.index-banner__main-action-link{color:black !important}.index-banner__main-action-btn:hover{background-color:lightgray} +.home-card__group{display:flex;margin:0px auto;width:80%}.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}.service__features{margin:20px 0px;height:100vh;min-height:500px;max-height:800px;display:flex;flex-direction:column;justify-content:space-between}.service__features--split{margin:20px 0px;height:100vh;min-height:500px;max-height:800px;display:flex;flex-direction:column;justify-content:space-between;max-height:1300px}.service-card__group{margin:0px auto}.service-card__conatiner{margin:10px 0px;border-radius:5px;display:flex;width:80%;margin:0 auto}.line-border{width:80%;display:block;border-bottom:1px solid #cacaca;margin:auto}.service-card__icon{width:100px;height:100px;margin:auto;flex:2;border-radius:100px}.service-card__service-name{color:green;font-weight:600}.service-card__title{margin:auto}.service-card__text{margin-bottom:30px !important}.service-card__text-container{flex:2;margin:auto !important}.service-card__aciton-btn{margin:auto 0;padding:10px;display:block;font-weight:400;border:none;background-color:#000}.service__features{display:flex;flex-direction:column;align-items:center}.service__features-title{margin:10px auto !important}.service-card__icon-container{width:30%;margin:auto}.service-card__aciton-btn--inactive{margin:auto;padding:10px;display:block;font-weight:400;border:none;background-color:lightgrey;color:#000}.home__vision-container{display:flex;align-items:center;height:200px}.home__vision-text-line{font-size:0.8rem;font-style:italic}.home__vision-intro-title{text-align:center}.home__vision-intro-tagline{font-size:0.9rem;margin:auto;display:block;text-align:center}.home__vision-aciton-btn{display:block;font-weight:400;margin:20px auto;padding:15px;border:none;background-color:black;color:#fff}.home__vision-aciton-btn:hover{background-color:lightgray}.home__vision-action-link{color:white !important}.page__container--split{width:50%;margin:auto;padding:50px 0;width:80%;height:100vh;min-height:500px;max-height:800px;max-height:1300px;height:90vh !important;display:flex;flex-direction:column;justify-content:space-around}.index-banner__container{width:100%;display:flex;flex-direction:column;font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;height:100vh;min-height:500px;max-height:800px;flex-grow:1}.index-banner{margin:auto;width:80%;display:flex;justify-content:space-between}.index-banner__logo-container{margin:center;align-items:center;display:flex;width:500px}.index-banner__title{margin:auto;font-style:none}.index-banner__tagline{margin:auto}.index-banner__title-container{display:flex}.index-banner__logo{width:120px;margin:auto;border-radius:20px}.index-banner__main-action-btn{display:block;display:block;font-weight:400;padding:15px;border:none;margin:20px 0;background-color:green}.index-banner__main-action-link{color:white !important}.index-banner__features-list{margin:20px}.index-banner__features{margin:10px 0}.home__features{display:flex;flex-direction:column;align-items:center}.home__features-title{margin:auto}.index__group-content .page__container{width:80%;height:100vh;min-height:500px;max-height:800px;height:90vh !important;display:flex;flex-direction:column;justify-content:space-around}.action-call__container{background:#1f5818;width:100%;padding:60px 0}.action-call__margin-container{display:flex;width:80%;margin:auto;align-items:center;justify-content:space-around}.action-call__prompt{color:white;font-weight:400;font-size:1.7rem}.action-call__button{display:block;display:block;font-weight:400;padding:15px;border:none;margin:20px 0;background-color:#fff}.action-call__button:hover{background-color:lightgray}.action-call_link{color:#000 !important}.action-call_link:hover{text-decoration:none !important} diff --git a/home/mobile.css b/home/mobile.css index f111ff2..78b38e7 100644 --- a/home/mobile.css +++ b/home/mobile.css @@ -1 +1 @@ -.home-card__group{flex-direction:column}.home-card__conatiner{margin:10px auto;width:80%}.home-card__group{margin:auto}.home__container{max-height:100vh;height:100vh}.home__name{font-size:2rem}.index-banner{margin:auto}.index-banner__title{font-size:2.5rem;margin:auto} +.home-card__group{flex-direction:column}.home-card__conatiner{margin:10px auto;width:80%}.home-card__group{margin:auto}.home__vision-container{flex-direction:column;height:auto !important;min-height:auto !important;max-height:auto !important}.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%}.home__container{max-height:100vh;height:100vh}.home__name{font-size:2rem}.index-banner{margin:auto}.index-banner__title{font-size:2.5rem;margin:auto}.index__group-content .page__container{width:90%}.index-banner__logo-container{display:none}.action-call__margin-container{flex-direction:column;width:85%}.action-call__prompt{text-align:center} diff --git a/home/service-card-main.css b/home/service-card-main.css new file mode 100644 index 0000000..b79a43c --- /dev/null +++ b/home/service-card-main.css @@ -0,0 +1 @@ +.service__features{margin:20px 0px;height:100vh;min-height:500px;max-height:800px;display:flex;flex-direction:column;justify-content:space-between}.service__features--split{margin:20px 0px;height:100vh;min-height:500px;max-height:800px;display:flex;flex-direction:column;justify-content:space-between;max-height:1300px}.service-card__group{margin:0px auto}.service-card__conatiner{margin:10px 0px;border-radius:5px;display:flex;width:80%;margin:0 auto}.line-border{width:80%;display:block;border-bottom:1px solid #cacaca;margin:auto}.service-card__icon{width:100px;height:100px;margin:auto;flex:2;border-radius:100px}.service-card__service-name{color:green;font-weight:600}.service-card__title{margin:auto}.service-card__text{margin-bottom:30px !important}.service-card__text-container{flex:2;margin:auto !important}.service-card__aciton-btn{margin:auto 0;padding:10px;display:block;font-weight:400;border:none;background-color:#000}.service__features{display:flex;flex-direction:column;align-items:center}.service__features-title{margin:10px auto !important}.service-card__icon-container{width:30%;margin:auto}.service-card__aciton-btn--inactive{margin:auto;padding:10px;display:block;font-weight:400;border:none;background-color:lightgrey;color:#000} diff --git a/home/service-card-mobile.css b/home/service-card-mobile.css new file mode 100644 index 0000000..b3da09a --- /dev/null +++ b/home/service-card-mobile.css @@ -0,0 +1 @@ +.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/home/vision-mobile.css b/home/vision-mobile.css new file mode 100644 index 0000000..a0301a4 --- /dev/null +++ b/home/vision-mobile.css @@ -0,0 +1 @@ +.home__vision-container{flex-direction:column;height:auto !important;min-height:auto !important;max-height:auto !important} diff --git a/home/vision.css b/home/vision.css index 4bacab2..bd173ec 100644 --- a/home/vision.css +++ b/home/vision.css @@ -1 +1 @@ -.home__vision-text-line{font-size:0.8rem;font-style:italic}.home__vision-intro-title{text-align:center}.home__vision-intro-tagline{font-size:0.9rem;margin:auto;display:block;text-align:center}.home__vision-aciton-btn{display:block;font-weight:400;margin:20px auto;padding:15px;border:none;background-color:black;color:#fff}.home__vision-aciton-btn:hover{background-color:lightgray}.home__vision-action-link{color:white !important} +.home__vision-container{display:flex;align-items:center;height:200px}.home__vision-text-line{font-size:0.8rem;font-style:italic}.home__vision-intro-title{text-align:center}.home__vision-intro-tagline{font-size:0.9rem;margin:auto;display:block;text-align:center}.home__vision-aciton-btn{display:block;font-weight:400;margin:20px auto;padding:15px;border:none;background-color:black;color:#fff}.home__vision-aciton-btn:hover{background-color:lightgray}.home__vision-action-link{color:white !important}.page__container--split{width:50%;margin:auto;padding:50px 0;width:80%;height:100vh;min-height:500px;max-height:800px;max-height:1300px;height:90vh !important;display:flex;flex-direction:column;justify-content:space-around} diff --git a/index.html b/index.html index 30c544a..76754fe 100644 --- a/index.html +++ b/index.html @@ -191,26 +191,54 @@ and static pages with upgrades, backups and 24/7 monitoring" />
- -

HOSTEA

-

Gitea's Paradise

- + +
+

+ Free Forge Ecosystem for Free Developers +

+

Hostea is a self-hostable libre software development + suite comprising Gitea, Woodpecker CI, Librepages and GitPad with payments integration.

+
    +
  • 100% Free Software
  • +
  • Fully Self-Hostable
  • +
  • Observable and Reliable
  • +
  • Federation when available
  • +
  • Radically Transparent
  • +
  • Horizontal Community
  • +
  • Run Hostea and become a service provider!
  • +
+ +
+ +
+ +
+ +
-
+
-
-
- Imagine a world... +
+
+

Need an indepandent forge? Talk to an expert!

+ +
+
+
+

+ Imagine a world...
...where the services that you use for are not only reliable but also radically transparent.
@@ -235,54 +263,166 @@ and static pages with upgrades, backups and 24/7 monitoring" />

-

Meet Hostea

-

- Where sustainable free homes are created for free software development -

-
- - +
+

Meet Hostea

+

+ Where sustainable free homes are created for free software development +

+
+ +
- -
-
- +
+
+
Temporary card icon -

Radically Transparent

+

Radically Transparent

Hostea is radically transparent, we hold discussions in the open and publish all expenses down to the last penny

- +
Temporary card icon -

100% Free Software

+

100% Free Software

All Hostea components are Free, you are welcome to download and even sell Hostea!

- +
Temporary card icon -

Towards Forge Federation 🚀

-

Hostea developers are also leading the charge in implementing ecosystem-wide federation, we really care about software development :)

+

Horizontal Community

+

Hostea development is lead by a horizontal community minded individuals and organisations with a common goal to advance Free Software.

+
+
+
+
+
+
+ + + +
+
+

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!

+ +
+
+ +
+ +
+
+ +
+
+

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 +
+
+ + + +
+
+ +
+ Temporary card icon +

Towards Forge Federation 🚀

+

Hostea developers are also leading the charge in implementing ecosystem-wide federation, we really care about software development :)

+
+
alt="Temporary card icon" class="home-card__icon" /> -

Horizontal Community

-

Hostea development is lead by a horizontal community minded individuals and organisations with a common goal to advance Free Software.

+

Observable and Reliable

+

All Hostea software come with monitoring and backups configured for high, observable reliability

+
+ + +
+ Temporary card icon +

Fully Self-Hostable

+

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

-
-
+ diff --git a/main.css b/main.css index 6cfb41d..56cf897 100644 --- a/main.css +++ b/main.css @@ -1 +1 @@ -*{padding:0;margin:0;font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif}a{text-decoration:none}a:hover,button:hover{cursor:pointer}a,a:visited{color:#0056b3}.base{min-height:100vh;display:flex;flex-direction:column;width:100%}.main__content-container{display:flex;flex-direction:column;min-height:100%;justify-content:space-between;flex:2}p,h1,h2,h3,h4,li,ol,ul{color:#333}main{width:100%}blockquote{border-left:0.3em solid rgba(55,55,55,0.4);margin-bottom:16px;padding:0 1em;color:#707070}blockquote p,blockquote h1,blockquote h2,blockquote h3,blockquote h4,blockquote li,blockquote ol,blockquote ul{color:inherit}.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}.home__vision-text-line{font-size:0.8rem;font-style:italic}.home__vision-intro-title{text-align:center}.home__vision-intro-tagline{font-size:0.9rem;margin:auto;display:block;text-align:center}.home__vision-aciton-btn{display:block;font-weight:400;margin:20px auto;padding:15px;border:none;background-color:black;color:#fff}.home__vision-aciton-btn:hover{background-color:lightgray}.home__vision-action-link{color:white !important}.index-banner__container{width:100%;display:flex;flex-direction:column;background-color:#3c3c3c;background-color:#58181f;font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;min-height:400px}.index-banner{margin:auto;display:flex;flex-direction:column}.index-banner__title{margin:auto;font-style:none;color:#fff;letter-spacing:20px;font-size:3rem;font-weight:300}.index-banner__tagline{margin:auto;color:#fff}.index-banner__title-container{display:flex}.index-banner__logo{width:120px;margin:auto;border-radius:20px}.index-banner__main-action-btn{display:block;display:block;font-weight:400;margin:20px auto;padding:15px;border:none}.index-banner__main-action-link{color:black !important}.index-banner__main-action-btn:hover{background-color:lightgray}.nav__container{display:flex;flex-direction:row;box-sizing:border-box;width:100%;padding-top:5px}.nav__home-btn{font-weight:bold;margin:auto;margin-left:-10px}.nav__hamburger-menu{display:none}.nav__spacer{flex:3;margin:auto}.nav__logo-container{display:inline-flex;text-decoration:none}.nav__logo-container:hover{color:#0056b3;text-decoration:underline}.nav__toggle{display:none}.nav__logo{display:inline-flex;margin:auto;padding:5px;width:40px}.nav__link-group{list-style:none;display:flex;flex-direction:row;align-items:center;align-self:center;margin:auto;text-align:center}.nav__link-container{display:flex;padding:10px;height:100%;margin:auto}.nav__link{text-decoration:none}.nav__link:hover{color:#0056b3;text-decoration:underline}footer{display:block;color:#333;font-size:0.7rem;padding:0;margin:0}.footer__container{width:100%;padding:0;justify-content:space-between;margin:auto;display:flex;flex-direction:row;overflow:hidden}.footer__column{list-style:none;display:flex;margin:auto 50px;align-items:center;flex:2.5}.footer__column--center{list-style:none;display:flex;margin:auto 50px;align-items:center;flex:2.5;margin:auto;flex-direction:column;align-items:center;flex:2}.footer__column:last-child{justify-content:flex-end}.footer__column:last-child a{margin:10px}.footer__link-container{margin:5px}.footer__link{text-decoration:none}.license__link{display:inline}.license__link:hover{color:#0056b3;text-decoration:underline}.footer__column-divider,.footer__column-divider--mobile-visible,.footer__column-divider--mobile-only{font-weight:500;opacity:0.7;margin:0 5px}.footer__column-divider--mobile-only{display:none}.footer__icon{margin:auto 5px;height:20px}.page__container{width:50%;margin:auto;padding:50px 0}.page__group{display:flex;flex-direction:column}.page__group-title{margin:20px auto}.page__group-content{display:flex;flex-direction:column}.page__group-content img{max-width:100%;display:block}.page__group-content video{max-width:100%;display:block}.page__group-content li{margin-left:40px}.page__group-content a:hover{color:#0056b3;text-decoration:underline}.page__group-content code{word-wrap:break-word;overflow-wrap:break-word}.page__group-content table{border-collapse:collapse;caption-side:bottom;border-color:#e9ecef;text-align:center;width:100%}.page__group-content table>thead{vertical-align:bottom;border-bottom:1px solid #cdc8ca;text-align:center}.page__group-content table th{text-align:center}.page__group-content table td{margin:auto;padding:10px;border-bottom:1px solid #edddd1}.page__group-content p,.page__group-content h2,.page__group-content h3{margin:10px 0}.page__group-content pre{padding:10px 10px 10px 20px;border-radius:8px;font-size:0.95rem;overflow:auto}.page__group-content pre{font-family:monospace, monospace;font-display:auto;font-size:1em}.page__preview-banner{width:10%;height:min(250px, 50vh);margin:20px auto}.page__banner{width:100%;height:max(450px, 50vh);margin:20px auto}.blog__content img{max-width:100%;display:block}.blog__content video{max-width:100%;display:block}.blog__content li{margin-left:40px}.blog__content a:hover{color:#0056b3;text-decoration:underline}.blog__content code{word-wrap:break-word;overflow-wrap:break-word}.blog__content table{border-collapse:collapse;caption-side:bottom;border-color:#e9ecef;text-align:center;width:100%}.blog__content table>thead{vertical-align:bottom;border-bottom:1px solid #cdc8ca;text-align:center}.blog__content table th{text-align:center}.blog__content table td{margin:auto;padding:10px;border-bottom:1px solid #edddd1}.blog__content p,.blog__content h2,.blog__content h3{margin:10px 0}.blog__content pre{padding:10px 10px 10px 20px;border-radius:8px;font-size:0.95rem;overflow:auto}.blog__content pre{font-family:monospace, monospace;font-display:auto;font-size:1em}.blog__content p{margin:30px 0}.blog__container{margin:auto;max-width:50%}.blog__list{list-style:none}.blog__post-link,.blog__post-link:visited{text-decoration:none;color:inherit}.blog__title{margin:35px 0}.blog__post-link{display:block}.blog__post-item{border-bottom:1px dashed #333;margin:10px;padding:10px}.blog__post-item:hover{background-color:lightgray}.blog__post-item:last-child{border-bottom:none}.blog__post-description{font-size:0.9rem;margin:5px 0}.blog__post-tag{font-size:0.7rem;font-family:monospace, monospace}.blog__post-tag:hover{color:#0056b3;text-decoration:underline}.blog__post-meta{font-size:0.7rem}.blog__post-title{font-size:1.4rem;font-weight:550}.blog__post-tag-container{margin:0}.tag__item-link,.tag__item-link:visited{text-decoration:none}.tag__item-link{display:flex;align-items:start;flex-direction:column;flex:2}.tag__item{border-bottom:1px dashed #333;margin:10px;display:flex;justify-content:space-between;padding:5px}.tag__item-title{font-size:1.4rem}.tag__meta{font-size:0.7rem}.tag__rss-link{margin:auto 20px}.tag__title{display:inline;flex:2}.tag__title-container{margin:35px 0;display:flex}.tag__rss-link--single{margin:auto}.zola-anchor{margin-left:5px}.anchor-icon{color:inherit !important} +*{padding:0;margin:0;font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif}a{text-decoration:none}a:hover,button:hover{cursor:pointer}a,a:visited{color:#0056b3}.base{min-height:100vh;display:flex;flex-direction:column;width:100%}.main__content-container{display:flex;flex-direction:column;min-height:100%;justify-content:space-between;flex:2}p,h1,h2,h3,h4,li,ol,ul{color:#333}main{width:100%}blockquote{border-left:0.3em solid rgba(55,55,55,0.4);margin-bottom:16px;padding:0 1em;color:#707070}blockquote p,blockquote h1,blockquote h2,blockquote h3,blockquote h4,blockquote li,blockquote ol,blockquote ul{color:inherit}.home-card__group{display:flex;margin:0px auto;width:80%}.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}.service__features{margin:20px 0px;height:100vh;min-height:500px;max-height:800px;display:flex;flex-direction:column;justify-content:space-between}.service__features--split{margin:20px 0px;height:100vh;min-height:500px;max-height:800px;display:flex;flex-direction:column;justify-content:space-between;max-height:1300px}.service-card__group{margin:0px auto}.service-card__conatiner{margin:10px 0px;border-radius:5px;display:flex;width:80%;margin:0 auto}.line-border{width:80%;display:block;border-bottom:1px solid #cacaca;margin:auto}.service-card__icon{width:100px;height:100px;margin:auto;flex:2;border-radius:100px}.service-card__service-name{color:green;font-weight:600}.service-card__title{margin:auto}.service-card__text{margin-bottom:30px !important}.service-card__text-container{flex:2;margin:auto !important}.service-card__aciton-btn{margin:auto 0;padding:10px;display:block;font-weight:400;border:none;background-color:#000}.service__features{display:flex;flex-direction:column;align-items:center}.service__features-title{margin:10px auto !important}.service-card__icon-container{width:30%;margin:auto}.service-card__aciton-btn--inactive{margin:auto;padding:10px;display:block;font-weight:400;border:none;background-color:lightgrey;color:#000}.home__vision-container{display:flex;align-items:center;height:200px}.home__vision-text-line{font-size:0.8rem;font-style:italic}.home__vision-intro-title{text-align:center}.home__vision-intro-tagline{font-size:0.9rem;margin:auto;display:block;text-align:center}.home__vision-aciton-btn{display:block;font-weight:400;margin:20px auto;padding:15px;border:none;background-color:black;color:#fff}.home__vision-aciton-btn:hover{background-color:lightgray}.home__vision-action-link{color:white !important}.page__container--split{width:50%;margin:auto;padding:50px 0;width:80%;height:100vh;min-height:500px;max-height:800px;max-height:1300px;height:90vh !important;display:flex;flex-direction:column;justify-content:space-around}.index-banner__container{width:100%;display:flex;flex-direction:column;font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;height:100vh;min-height:500px;max-height:800px;flex-grow:1}.index-banner{margin:auto;width:80%;display:flex;justify-content:space-between}.index-banner__logo-container{margin:center;align-items:center;display:flex;width:500px}.index-banner__title{margin:auto;font-style:none}.index-banner__tagline{margin:auto}.index-banner__title-container{display:flex}.index-banner__logo{width:120px;margin:auto;border-radius:20px}.index-banner__main-action-btn{display:block;display:block;font-weight:400;padding:15px;border:none;margin:20px 0;background-color:green}.index-banner__main-action-link{color:white !important}.index-banner__features-list{margin:20px}.index-banner__features{margin:10px 0}.home__features{display:flex;flex-direction:column;align-items:center}.home__features-title{margin:auto}.index__group-content .page__container{width:80%;height:100vh;min-height:500px;max-height:800px;height:90vh !important;display:flex;flex-direction:column;justify-content:space-around}.action-call__container{background:#1f5818;width:100%;padding:60px 0}.action-call__margin-container{display:flex;width:80%;margin:auto;align-items:center;justify-content:space-around}.action-call__prompt{color:white;font-weight:400;font-size:1.7rem}.action-call__button{display:block;display:block;font-weight:400;padding:15px;border:none;margin:20px 0;background-color:#fff}.action-call__button:hover{background-color:lightgray}.action-call_link{color:#000 !important}.action-call_link:hover{text-decoration:none !important}header{z-index:5;position:sticky;top:0;background-color:#fff}.nav__container{display:flex;flex-direction:row;box-sizing:border-box;width:100%;padding-top:5px;border-bottom:1px solid #d3d3d3}.nav__home-btn{font-weight:bold;margin:auto;margin-left:-10px}.nav__hamburger-menu{display:none}.nav__spacer{flex:3;margin:auto}.nav__logo-container{display:inline-flex;text-decoration:none}.nav__logo-container:hover{color:#0056b3;text-decoration:underline}.nav__toggle{display:none}.nav__logo{display:inline-flex;margin:auto;padding:5px;width:40px}.nav__link-group{list-style:none;display:flex;flex-direction:row;align-items:center;align-self:center;margin:auto;text-align:center}.nav__link-container{display:flex;padding:10px;height:100%;margin:auto}.nav__link{text-decoration:none;color:black !important;font-weight:600;font-size:14px}.nav__link:hover{color:#0056b3;text-decoration:underline}footer{display:block;color:#333;font-size:0.7rem;padding:0;margin:0}.footer__container{width:100%;padding:0;justify-content:space-between;margin:auto;display:flex;flex-direction:row;overflow:hidden}.footer__column{list-style:none;display:flex;margin:auto 50px;align-items:center;flex:2.5}.footer__column--center{list-style:none;display:flex;margin:auto 50px;align-items:center;flex:2.5;margin:auto;flex-direction:column;align-items:center;flex:2}.footer__column:last-child{justify-content:flex-end}.footer__column:last-child a{margin:10px}.footer__link-container{margin:5px}.footer__link{text-decoration:none}.license__link{display:inline}.license__link:hover{color:#0056b3;text-decoration:underline}.footer__column-divider,.footer__column-divider--mobile-visible,.footer__column-divider--mobile-only{font-weight:500;opacity:0.7;margin:0 5px}.footer__column-divider--mobile-only{display:none}.footer__icon{margin:auto 5px;height:20px}.page__container{width:50%;margin:auto;padding:50px 0}.page__group{display:flex;flex-direction:column}.page__group-title{margin:20px auto}.page__group-content{display:flex;flex-direction:column}.page__group-content img{max-width:100%;display:block}.page__group-content video{max-width:100%;display:block}.page__group-content li{margin-left:40px}.page__group-content a:hover{color:#0056b3;text-decoration:underline}.page__group-content code{word-wrap:break-word;overflow-wrap:break-word}.page__group-content table{border-collapse:collapse;caption-side:bottom;border-color:#e9ecef;text-align:center;width:100%}.page__group-content table>thead{vertical-align:bottom;border-bottom:1px solid #cdc8ca;text-align:center}.page__group-content table th{text-align:center}.page__group-content table td{margin:auto;padding:10px;border-bottom:1px solid #edddd1}.page__group-content p,.page__group-content h2,.page__group-content h3{margin:10px 0}.page__group-content pre{padding:10px 10px 10px 20px;border-radius:8px;font-size:0.95rem;overflow:auto}.page__group-content pre{font-family:monospace, monospace;font-display:auto;font-size:1em}.page__preview-banner{width:10%;height:min(250px, 50vh);margin:20px auto}.page__banner{width:100%;height:max(450px, 50vh);margin:20px auto}.blog__content img{max-width:100%;display:block}.blog__content video{max-width:100%;display:block}.blog__content li{margin-left:40px}.blog__content a:hover{color:#0056b3;text-decoration:underline}.blog__content code{word-wrap:break-word;overflow-wrap:break-word}.blog__content table{border-collapse:collapse;caption-side:bottom;border-color:#e9ecef;text-align:center;width:100%}.blog__content table>thead{vertical-align:bottom;border-bottom:1px solid #cdc8ca;text-align:center}.blog__content table th{text-align:center}.blog__content table td{margin:auto;padding:10px;border-bottom:1px solid #edddd1}.blog__content p,.blog__content h2,.blog__content h3{margin:10px 0}.blog__content pre{padding:10px 10px 10px 20px;border-radius:8px;font-size:0.95rem;overflow:auto}.blog__content pre{font-family:monospace, monospace;font-display:auto;font-size:1em}.blog__content p{margin:30px 0}.blog__container{margin:auto;max-width:50%}.blog__list{list-style:none}.blog__post-link,.blog__post-link:visited{text-decoration:none;color:inherit}.blog__title{margin:35px 0}.blog__post-link{display:block}.blog__post-item{border-bottom:1px dashed #333;margin:10px;padding:10px}.blog__post-item:hover{background-color:lightgray}.blog__post-item:last-child{border-bottom:none}.blog__post-description{font-size:0.9rem;margin:5px 0}.blog__post-tag{font-size:0.7rem;font-family:monospace, monospace}.blog__post-tag:hover{color:#0056b3;text-decoration:underline}.blog__post-meta{font-size:0.7rem}.blog__post-title{font-size:1.4rem;font-weight:550}.blog__post-tag-container{margin:0}.tag__item-link,.tag__item-link:visited{text-decoration:none}.tag__item-link{display:flex;align-items:start;flex-direction:column;flex:2}.tag__item{border-bottom:1px dashed #333;margin:10px;display:flex;justify-content:space-between;padding:5px}.tag__item-title{font-size:1.4rem}.tag__meta{font-size:0.7rem}.tag__rss-link{margin:auto 20px}.tag__title{display:inline;flex:2}.tag__title-container{margin:35px 0;display:flex}.tag__rss-link--single{margin:auto}.zola-anchor{margin-left:5px}.anchor-icon{color:inherit !important} diff --git a/mobile.css b/mobile.css index c421792..59c107e 100644 --- a/mobile.css +++ b/mobile.css @@ -1 +1 @@ -.home-card__group{flex-direction:column}.home-card__conatiner{margin:10px auto;width:80%}.home-card__group{margin:auto}.home__container{max-height:100vh;height:100vh}.home__name{font-size:2rem}.index-banner{margin:auto}.index-banner__title{font-size:2.5rem;margin:auto}.nav__container{flex-direction:column}.nav__header{display:flex;flex-direction:row;min-width:100%;justify-content:space-between}.nav__link-group{position:sticky;flex-direction:column;margin:auto;align-items:center;width:100%}.nav__link-container{border-bottom:1px dashed rgba(55,55,55,0.4);width:70%}.nav__link-container:last-child{border-bottom:none}.nav__link{margin:auto}.nav__hamburger-menu{display:inline-block;width:50px;height:50px}.nav__spacer{display:none}.nav__toggle:not(:checked)~.nav__link-group{max-height:0;transition:max-height 0.4s ease-out;overflow:hidden}.nav__toggle:checked~.nav__link-group{max-height:500px;transition:max-height 0.4s ease-out}.nav__toggle:checked~.nav__header .nav__hamburger-inner::after{width:24px;bottom:1.3px;transform:rotate(-90deg);transition:bottom 0.1s ease-out,transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,width 0.1s ease-out}.nav__toggle:checked~.nav__header .nav__hamburger-inner::before{top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s ease-out 0.12s}.nav__toggle:checked~.nav__header .nav__hamburger-inner{transform:rotate(225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.nav__hamburger-inner::after{bottom:-7px;transition:bottom 0.1s ease-in 0.25s,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),width 0.1s ease-in 0.25s}.nav__hamburger-inner::after,.nav__hamburger-inner::before{content:"";display:block}.nav__hamburger-inner::before{top:-7px;transition:top 0.1s ease-in 0.25s, opacity 0.1s ease-in}.nav__hamburger-inner{top:50%;margin:auto;transition-duration:0.22s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.nav__hamburger-inner,.nav__hamburger-inner::after,.nav__hamburger-inner::before{width:24px;height:1.3px;position:relative;background:#000}.nav__hamburger-menu,.nav__hamburger-inner{display:block}footer{font-size:.44rem}.footer__container{display:grid;grid-template-rows:repeat(3, 100%);align-items:center;margin:auto;justify-content:center}.footer__link{font-size:0.5rem}.license__conatiner,.license__link{text-align:center}.footer__column:first-child{grid-row-start:3;flex-direction:row}.footer__column:last-child{grid-row-start:2}.footer__column{margin:0 auto;display:flex;padding:0;align-self:flex-end}.footer__column--center{margin:0 auto;display:flex;padding:0;align-self:flex-start}.footer__column-divider--mobile-only{margin:0 3px;font-size:9.9px}.page__container{width:85%}.page__group-content table{overflow-x:scroll}.page__group-content table td{padding:5px}.page__group-content pre{white-space:pre-wrap;word-wrap:break-word}.page__group-content li{margin-left:25px}.page__group-content p,.page__group-content h1,.page__group-content h2,.page__group-content h3{margin:20px 0px}.page__banner{height:auto}.page__group-title{margin:auto;margin-top:0px;margin-bottom:10px}.blog__container{max-width:95%}.blog__content table{overflow-x:scroll}.blog__content table td{padding:5px}.blog__content pre{white-space:pre-wrap;word-wrap:break-word}.blog__content li{margin-left:25px}.blog__content p,.blog__content h1,.blog__content h2,.blog__content h3{margin:20px 0px}.tag__title-container{flex-direction:column}.tag__rss-link--icon{margin:auto 0px}header{height:auto} +.home-card__group{flex-direction:column}.home-card__conatiner{margin:10px auto;width:80%}.home-card__group{margin:auto}.home__vision-container{flex-direction:column;height:auto !important;min-height:auto !important;max-height:auto !important}.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%}.home__container{max-height:100vh;height:100vh}.home__name{font-size:2rem}.index-banner{margin:auto}.index-banner__title{font-size:2.5rem;margin:auto}.index__group-content .page__container{width:90%}.index-banner__logo-container{display:none}.action-call__margin-container{flex-direction:column;width:85%}.action-call__prompt{text-align:center}.nav__container{flex-direction:column}.nav__header{display:flex;flex-direction:row;min-width:100%;justify-content:space-between}.nav__link-group{position:sticky;flex-direction:column;margin:auto;align-items:center;width:100%}.nav__link-container{border-bottom:1px dashed rgba(55,55,55,0.4);width:70%}.nav__link-container:last-child{border-bottom:none}.nav__link{margin:auto}.nav__hamburger-menu{display:inline-block;width:50px;height:50px}.nav__spacer{display:none}.nav__toggle:not(:checked)~.nav__link-group{max-height:0;transition:max-height 0.4s ease-out;overflow:hidden}.nav__toggle:checked~.nav__link-group{max-height:500px;transition:max-height 0.4s ease-out}.nav__toggle:checked~.nav__header .nav__hamburger-inner::after{width:24px;bottom:1.3px;transform:rotate(-90deg);transition:bottom 0.1s ease-out,transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,width 0.1s ease-out}.nav__toggle:checked~.nav__header .nav__hamburger-inner::before{top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s ease-out 0.12s}.nav__toggle:checked~.nav__header .nav__hamburger-inner{transform:rotate(225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.nav__hamburger-inner::after{bottom:-7px;transition:bottom 0.1s ease-in 0.25s,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),width 0.1s ease-in 0.25s}.nav__hamburger-inner::after,.nav__hamburger-inner::before{content:"";display:block}.nav__hamburger-inner::before{top:-7px;transition:top 0.1s ease-in 0.25s, opacity 0.1s ease-in}.nav__hamburger-inner{top:50%;margin:auto;transition-duration:0.22s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.nav__hamburger-inner,.nav__hamburger-inner::after,.nav__hamburger-inner::before{width:24px;height:1.3px;position:relative;background:#000}.nav__hamburger-menu,.nav__hamburger-inner{display:block}footer{font-size:.44rem}.footer__container{display:grid;grid-template-rows:repeat(3, 100%);align-items:center;margin:auto;justify-content:center}.footer__link{font-size:0.5rem}.license__conatiner,.license__link{text-align:center}.footer__column:first-child{grid-row-start:3;flex-direction:row}.footer__column:last-child{grid-row-start:2}.footer__column{margin:0 auto;display:flex;padding:0;align-self:flex-end}.footer__column--center{margin:0 auto;display:flex;padding:0;align-self:flex-start}.footer__column-divider--mobile-only{margin:0 3px;font-size:9.9px}.page__container{width:85%}.page__group-content table{overflow-x:scroll}.page__group-content table td{padding:5px}.page__group-content pre{white-space:pre-wrap;word-wrap:break-word}.page__group-content li{margin-left:25px}.page__group-content p,.page__group-content h1,.page__group-content h2,.page__group-content h3{margin:20px 0px}.page__banner{height:auto}.page__group-title{margin:auto;margin-top:0px;margin-bottom:10px}.page__container--split{width:85%;height:auto !important;min-height:auto !important;max-height:none !important}.blog__container{max-width:95%}.blog__content table{overflow-x:scroll}.blog__content table td{padding:5px}.blog__content pre{white-space:pre-wrap;word-wrap:break-word}.blog__content li{margin-left:25px}.blog__content p,.blog__content h1,.blog__content h2,.blog__content h3{margin:20px 0px}.tag__title-container{flex-direction:column}.tag__rss-link--icon{margin:auto 0px}header{height:auto} diff --git a/nav/main.css b/nav/main.css index fc18c0c..464f790 100644 --- a/nav/main.css +++ b/nav/main.css @@ -1 +1 @@ -.nav__container{display:flex;flex-direction:row;box-sizing:border-box;width:100%;padding-top:5px}.nav__home-btn{font-weight:bold;margin:auto;margin-left:-10px}.nav__hamburger-menu{display:none}.nav__spacer{flex:3;margin:auto}.nav__logo-container{display:inline-flex;text-decoration:none}.nav__logo-container:hover{color:#0056b3;text-decoration:underline}.nav__toggle{display:none}.nav__logo{display:inline-flex;margin:auto;padding:5px;width:40px}.nav__link-group{list-style:none;display:flex;flex-direction:row;align-items:center;align-self:center;margin:auto;text-align:center}.nav__link-container{display:flex;padding:10px;height:100%;margin:auto}.nav__link{text-decoration:none}.nav__link:hover{color:#0056b3;text-decoration:underline} +header{z-index:5;position:sticky;top:0;background-color:#fff}.nav__container{display:flex;flex-direction:row;box-sizing:border-box;width:100%;padding-top:5px;border-bottom:1px solid #d3d3d3}.nav__home-btn{font-weight:bold;margin:auto;margin-left:-10px}.nav__hamburger-menu{display:none}.nav__spacer{flex:3;margin:auto}.nav__logo-container{display:inline-flex;text-decoration:none}.nav__logo-container:hover{color:#0056b3;text-decoration:underline}.nav__toggle{display:none}.nav__logo{display:inline-flex;margin:auto;padding:5px;width:40px}.nav__link-group{list-style:none;display:flex;flex-direction:row;align-items:center;align-self:center;margin:auto;text-align:center}.nav__link-container{display:flex;padding:10px;height:100%;margin:auto}.nav__link{text-decoration:none;color:black !important;font-weight:600;font-size:14px}.nav__link:hover{color:#0056b3;text-decoration:underline} diff --git a/page/mobile.css b/page/mobile.css index 7803c29..94b5365 100644 --- a/page/mobile.css +++ b/page/mobile.css @@ -1 +1 @@ -.page__container{width:85%}.page__group-content table{overflow-x:scroll}.page__group-content table td{padding:5px}.page__group-content pre{white-space:pre-wrap;word-wrap:break-word}.page__group-content li{margin-left:25px}.page__group-content p,.page__group-content h1,.page__group-content h2,.page__group-content h3{margin:20px 0px}.page__banner{height:auto}.page__group-title{margin:auto;margin-top:0px;margin-bottom:10px} +.page__container{width:85%}.page__group-content table{overflow-x:scroll}.page__group-content table td{padding:5px}.page__group-content pre{white-space:pre-wrap;word-wrap:break-word}.page__group-content li{margin-left:25px}.page__group-content p,.page__group-content h1,.page__group-content h2,.page__group-content h3{margin:20px 0px}.page__banner{height:auto}.page__group-title{margin:auto;margin-top:0px;margin-bottom:10px}.page__container--split{width:85%;height:auto !important;min-height:auto !important;max-height:none !important}