Skip to content

Commit

Permalink
update text
Browse files Browse the repository at this point in the history
  • Loading branch information
Tudor-Ang committed Jan 22, 2024
1 parent 89198b0 commit a152bca
Show file tree
Hide file tree
Showing 6 changed files with 85 additions and 38 deletions.
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@500&display=swap");body,main{overflow-x:hidden}input::-moz-placeholder{color:white !important}input::placeholder{color:white !important}.blog-input::-moz-placeholder{color:rgba(0,0,0,0.2) !important}.blog-input::placeholder{color:rgba(0,0,0,0.2) !important}@media (max-width: 767.98px){.blogPost{margin:12px 0 12px 0 !important}}.blog-input-white::-moz-placeholder{color:rgba(255,255,255,0.2) !important}.blog-input-white::placeholder{color:rgba(255,255,255,0.2) !important}.date{font-family:"Inconsolata", monospace !important}.blogGradientText{background-color:#f3ec78;cursor:pointer;background-image:linear-gradient(91deg, #6f42c1 -.01%, #ad00ff 21.68%);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}h1,.h1,h2,.h2,h4,.h4,p,a,button,.btn,.accordion-button{font-family:"Inter", sans-serif !important}.accordion-button:after{order:-1;margin:0 24px 0 10px !important}.custom-brand-img-item{height:50px}.footer-social-logo:hover{transform:scale(1.2)}/*!
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@500&display=swap");body,main{overflow-x:hidden}input::-moz-placeholder{color:white !important}input::placeholder{color:white !important}.blog-input::-moz-placeholder{color:rgba(0,0,0,0.2) !important}.blog-input::placeholder{color:rgba(0,0,0,0.2) !important}@media (max-width: 767.98px){.blogPost{margin:12px 0 12px 0 !important}}.blog-input-white::-moz-placeholder{color:rgba(255,255,255,0.2) !important}.blog-input-white::placeholder{color:rgba(255,255,255,0.2) !important}.date{font-family:"Inconsolata", monospace !important}.blogGradientText{background-color:#f3ec78;cursor:pointer;background-image:linear-gradient(91deg, #6f42c1 -.01%, #ad00ff 21.68%);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.card-listing{font-family:"Inter", sans-serif !important;color:#968fa1}h1,.h1,h2,.h2,h4,.h4,p,a,button,.btn,.accordion-button{font-family:"Inter", sans-serif !important}.accordion-button:after{order:-1;margin:0 24px 0 10px !important}.custom-brand-img-item{height:50px}.footer-social-logo:hover{transform:scale(1.2)}/*!
* Bootstrap v5.3.2 (https://getbootstrap.com/)
* Copyright 2011-2023 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
Expand Down
Original file line number Diff line number Diff line change
@@ -1 +1 @@
{"Target":"scss/index.7c620474e01957d067e1a899d55715b76610ad8cfbe9c64188e0739655622441.css","MediaType":"text/css","Data":{"Integrity":"sha256-fGIEdOAZV9Bn4aiZ1VcVt2YQrYz76cZBiOBzllViJEE="}}
{"Target":"scss/index.7c154f5d1846fd3d21e0e7211e2198e16ca44d9ee174bbe524ed161d2c275f43.css","MediaType":"text/css","Data":{"Integrity":"sha256-fBVPXRhG/T0h4OchHiGY4WykTZ7hdLvlJO0WHSwnX0M="}}
5 changes: 5 additions & 0 deletions themes/genezio-theme/assets/scss/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,11 @@ input::placeholder {
-moz-text-fill-color: transparent;
}

.card-listing {
font-family: "Inter", sans-serif !important;
color: rgba(150, 143, 161, 1);
}

h1,
h2,
h4,
Expand Down
89 changes: 68 additions & 21 deletions themes/genezio-theme/layouts/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,10 +28,9 @@
{{/* Header Section */}}
<div class="d-flex align-items-center justify-content-center flex-column pt-5">
<h1 style="z-index: 99" class="text-center fw-bold pt-4 text-white display-5">
The <span class="text-success">next gen</span> <br />
cloud native platform <br />
for modern<span class="d-block d-sm-none"></span>
full-stack developers
The <span class="text-success">type safe</span> <br />
serverless platform for <br />
modern full-stack developers
</h1>

<p style="z-index: 99" class="fw-medium mb-4 mt-3 text-white text-center opacity-50">
Expand All @@ -52,7 +51,7 @@ <h1 style="z-index: 99" class="text-center fw-bold pt-4 text-white display-5">
</a>
<a
class="btn btn-secondary fw-semibold mx-1 px-4 py-2 border-0 text-white opacity-75 mt-2"
href="https://docs.genez.io/"
href="https://docs.genezio.com/genezio-documentation/getting-started"
target="_blank"
>
Check our Docs
Expand Down Expand Up @@ -319,11 +318,11 @@ <h2 class="fw-bold text-white display-5 flow-breaker-header py-4 my-2 text-cente
<span class="d-block d-sm-none"></span>your data!
</h2>
{{/* TODO: fix width */}}
<p class="text-center opacity-50 fw-medium mt-1 w-50 px-4 flow-breaker-p">
Use our deterministic template system combined with powerful LLM database creation to get
started with your code. Enjoy seamless serverless deployment on AWS Lambda, local, dev,
stage and production environments, typesafe backend APIs to combine with classical REST
for the best architecture.
<p class="text-center opacity-50 fw-medium mt-1 w-75 px-4 flow-breaker-p">
If you are a full-stack developer who needs to build, deploy and maintain web, mobile or
enterprise apps that scale automatically, then Genezio is for you. There are many
solutions that are easy to use, but hide their magic and trap you in. With Genezio, you
own all the code and the databases that we help you set up.
</p>

<div
Expand All @@ -337,7 +336,7 @@ <h2 class="fw-bold text-white display-5 flow-breaker-header py-4 my-2 text-cente
>
<a
class="btn btn-secondary fw-semibold mx-1 px-4 py-2 border-0 text-white opacity-75 mt-2"
href="https://docs.genez.io/"
href="https://docs.genezio.com/genezio-documentation/getting-started"
target="_blank"
>
Check our Docs
Expand All @@ -347,9 +346,9 @@ <h2 class="fw-bold text-white display-5 flow-breaker-header py-4 my-2 text-cente
</div>
{{/* Enhance yourself */}}
<p style="font-size: 12px" class="mb-3 pb-1 text-success fw-bold text-center mt-4 pt-3">
FEATURES
CAPABILITIES
</p>
<h2 class="text-white text-center fw-bold mb-4 pb-3">Enhance yourself</h2>
<h2 class="text-white text-center fw-bold mb-4 pb-3">Genezio in a nutshell</h2>

<div class="row mb-md-3 pb-md-3 justify-content-center">
{{/* Card */}}
Expand All @@ -371,12 +370,30 @@ <h2 class="text-white text-center fw-bold mb-4 pb-3">Enhance yourself</h2>
loading="lazy"
/>
</div>
<h3 class="card-title pt-2 mb-2 pb-1" style="height: 64px">Get started in 2 minutes</h3>
<h4 class="card-title pt-2 mb-2 pb-1" style="min-height: 64px">
Type safe SDKs break less often
</h4>
{{/*
<p class="card-text opacity-50 mb-4 pb-3">
From idea to deployed app - you pick a template for the backend and one for the
frontend, your choice of mono or multirepo and in 2 minutes you will have everything
set up!
</p>
*/}}
<ul style="margin-bottom: 40px" class="px-3 card-listing">
<li>
Full static type-safety with auto-completion in your favorite editor. Dynamic type
safety at runtime.
</li>
<li>
Tested and production ready for Typescript BE/FE.  Beta support for Kotlin and
DART.  Under development: GoLang and Swift.
</li>
<li>
Export the resulting SDK using dependency managers such as NPM Registry - private to
your team or public for anybody to use.
</li>
</ul>
<a
href="https://docs.genez.io/genezio-documentation/getting-started"
target="_blank"
Expand Down Expand Up @@ -405,13 +422,26 @@ <h3 class="card-title pt-2 mb-2 pb-1" style="height: 64px">Get started in 2 minu
loading="lazy"
/>
</div>
<h3 class="card-title pt-2 mb-2 pb-1" style="height: 64px">Open Source forever</h3>
<h4 class="card-title pt-2 mb-2 pb-1" style="min-height: 64px">
Easy to use databases, queues, crons, auth...
</h4>
{{/*
<p class="card-text opacity-50 mb-4 pb-3">
No vendor lock in. Everything you build with us is code that is yours to own. Template
code, code generated for the typesafe API, our example code, code generated by our LLM
tools - all is yours to own and use how you want. Genezio will be open source and will
integrate with other open source tools forever.
</p>
*/}}
<ul style="margin-bottom: 64px" class="px-3 card-listing">
<li>
Databases - provisioned by us or you can bring your own. Table creation and CRUD
boilerplate functions generated through LLM.
</li>
<li>Cron jobs - scheduled to be executed up to a minute granularity.</li>
<li>User authentication module - works on any database.</li>
<li>Email service - use it in your code to send emails to your users securely.</li>
</ul>
<a href="#" class="card-link text-white text-decoration-none fw-semibold"
>Learn more -></a
>
Expand All @@ -437,13 +467,30 @@ <h3 class="card-title pt-2 mb-2 pb-1" style="height: 64px">Open Source forever</
loading="lazy"
/>
</div>
<h3 class="card-title pt-2 mb-2 pb-1" style="height: 64px">Microservice by design</h3>
<h4 class="card-title pt-2 mb-2 pb-1" style="min-height: 64px">
Host your app for free with auto-scaling
</h4>
{{/*
<p class="card-text opacity-50 mb-4 pb-3">
If you started with a Firebase-like framework that offers a database and access
functions, and you want to outgrow that, with genezio you can write full business
logic that scales separately. Oftentimes you can move the business logic from the
frontend to the backend code with minimal changes.
</p>
*/}}
<ul class="px-3 card-listing">
<li>
Framework agnostic, works with React, Vue, Angular, Svelte, ExpressJS, Fastify, etc.
</li>
<li>DX enhanced bundling - minimal package generated automatically.</li>
<li>
Deploy the backend on managed AWS or Genezio Cloud. Frontend deployment with CDN.
</li>
<li>
Multiple staging environments supported, production deployment as well as local
development environment.
</li>
</ul>
<a href="#" class="card-link text-white text-decoration-none fw-semibold"
>Learn more -></a
>
Expand All @@ -460,7 +507,7 @@ <h3 class="card-title pt-2 mb-2 pb-1" style="height: 64px">Microservice by desig
>
<div class="card-body">
{{/* class="card p-2 p-md-4 text-white" */}}
<h3 class="card-title m-0">Flexible database support</h3>
<h3 class="card-title m-0">Dashboard with test-interface</h3>
</div>
</div>
</div>
Expand All @@ -470,7 +517,7 @@ <h3 class="card-title m-0">Flexible database support</h3>
style="border-radius: 0 20px 0 20px; background-color: rgba(255, 255, 255, 0.07)"
>
<div class="card-body">
<h3 class="card-title m-0">Global CDN and Custom Domain</h3>
<h3 class="card-title m-0">Collaborate with your team mates</h3>
</div>
</div>
</div>
Expand All @@ -492,7 +539,7 @@ <h3 class="card-title m-0">Automatic scaling</h3>
style="border-radius: 0 20px 0 20px; background-color: rgba(255, 255, 255, 0.07)"
>
<div class="card-body">
<h3 class="card-title m-0">Postman-like test interface</h3>
<h3 class="card-title m-0">View and search live logs</h3>
</div>
</div>
</div>
Expand All @@ -502,7 +549,7 @@ <h3 class="card-title m-0">Postman-like test interface</h3>
style="border-radius: 0 20px 0 20px; background-color: rgba(255, 255, 255, 0.07)"
>
<div class="card-body">
<h3 class="card-title m-0">LLM database schema generation</h3>
<h3 class="card-title m-0">Framework agnostic - React, Vue, Svelte, etc</h3>
</div>
</div>
</div>
Expand All @@ -512,7 +559,7 @@ <h3 class="card-title m-0">LLM database schema generation</h3>
style="border-radius: 0 20px 0 20px; background-color: rgba(255, 255, 255, 0.07)"
>
<div class="card-body">
<h3 class="card-title m-0">Dashboard - logs</h3>
<h3 class="card-title m-0">Open source community</h3>
</div>
</div>
</div>
Expand Down
7 changes: 4 additions & 3 deletions themes/genezio-theme/layouts/partials/footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,10 @@
{{/* Footer Section 2 */}}
<div class="row px-3 d-flex justify-content-between">
<div class="col-md-6 p-1">
<p class="fw-medium text-success">Subscribe to our newsletter</p>
<p style="font-size: 14px" class="opacity-50">
Genezio is a serverless platform for building full-stack web and mobile
<p class="fw-medium text-white opacity-50">Subscribe to our newsletter</p>
<p style="font-size: 14px; color: #ffffff80">
Genezio is a serverless platform for building
<span style="color: rgba(153, 253, 219, 1)">full-stack web and mobile</span>
<span class="d-block"></span> applications in a scalable and cost-efficient way.
</p>
</div>
Expand Down
18 changes: 6 additions & 12 deletions themes/genezio-theme/layouts/partials/theCode.html
Original file line number Diff line number Diff line change
Expand Up @@ -64,14 +64,14 @@

{{/* Mobile version */}}
<div class="d-md-none d-block">
<p
{{/* <p
style="font-size: 12px"
class="mb-3 pb-1 text-success fw-bold text-center mt-4 pt-3"
>
THE CODE
</p>
<h2 class="text-white text-center fw-bold mb-4 pb-3">
genezio in a nutshell
</p> */}}
<h2 class="text-white text-center fw-bold mb-4 pb-3 pt-5">
Show me the code
</h2>

<div class="px-md-4 pb-3 mx-1">
Expand Down Expand Up @@ -634,14 +634,8 @@ <h3>Content for Tab 3</h3>

{{/* Desktop version */}}
<div class="d-md-block d-none">
<p
style="font-size: 12px"
class="mb-3 pb-1 text-success fw-bold text-center mt-4 pt-3"
>
THE CODE
</p>
<h2 class="text-white text-center fw-bold mb-4 pb-3">
genezio in a nutshell
<h2 class="text-white text-center fw-bold mb-4 pb-3 pt-5">
Show me the code
</h2>

<div class="col-lg-11 col-md-11 m-2">
Expand Down

0 comments on commit a152bca

Please sign in to comment.