@@ -105,7 +105,7 @@ keywords: canapi, terrabyte, automatic, api, software, b2b, green, tech, technol
-
+
Stay updated with Canapi development, get priority access to betas, and keep tabs on other things we are doing at Terrabyte.
From 37d24880b29770a4564cba89833dfd6fb4f13404 Mon Sep 17 00:00:00 2001
From: Sammy Harper <36314993+samharp@users.noreply.github.com>
Date: Thu, 14 May 2026 16:43:05 -0500
Subject: [PATCH 5/5] fix: refactor styles for docs and intro/hero
---
src/_includes/partials/header.njk | 11 +++----
src/css/site-styles.css | 51 ++++++-------------------------
src/docs.njk | 2 +-
3 files changed, 14 insertions(+), 50 deletions(-)
diff --git a/src/_includes/partials/header.njk b/src/_includes/partials/header.njk
index eb58cfd..362ff25 100644
--- a/src/_includes/partials/header.njk
+++ b/src/_includes/partials/header.njk
@@ -16,15 +16,12 @@
{#
Pricing
#}
- {#
- Demo
- #}
-
- Login
+
+ Docs
diff --git a/src/css/site-styles.css b/src/css/site-styles.css
index 2eff711..0115f9a 100644
--- a/src/css/site-styles.css
+++ b/src/css/site-styles.css
@@ -1,48 +1,24 @@
/* +++++++++++++++++++++++++++++++++++++++++++ */
/* site-specific styles */
/* +++++++++++++++++++++++++++++++++++++++++++ */
-/* */
-/* Careful in template sync, this should be site specific */
-/* */
/* form styles */
-form{
- /* max-width:300px; */
-}
.form-row{
margin-bottom:1rem;
}
-/* input[type="text"],
-input[type="email"]{
- width:100%;
- padding:10px 0;
- border-bottom:2px solid var(--accent);
-} */
-/* input[type="text"]::placeholder,
-input[type="email"]::placeholder{
- color:grey;
-} */
/* ------------- */
/* overwrite shared */
-.code-text{
- /* font-family: 'Roboto Mono', Courier, monospace; */
-}
body{
- /* overflow-y: scroll; */
overflow-x:hidden;
background: linear-gradient(135deg, transparent,var(--accent-green-light-trans));
}
-/* moved to shared */
-/* .page-container{
- overflow-x:hidden;
-} */
-/* shared? */
-.padded-section{
- /* padding:30px; */
- /* padding:3rem 30px; */
+ul, ol{
+ padding-left:30px;
}
+
+/* shared? */
.full-section{
min-height:100vh;
}
@@ -58,9 +34,6 @@ header .canapi-logo{
margin:0;
}
-.nav-container{
-
-}
.nav-item-container{
color:inherit;
font-weight:normal;
@@ -69,7 +42,6 @@ header .canapi-logo{
padding:8px 10px;
border-radius:4px;
font-size:18px;
- /* transition:background-color .25s; */
}
.nav-item-container:last-child{
margin-right:0px;
@@ -95,14 +67,10 @@ header .canapi-logo{
/* hero */
-main{
- /* background-color:var(--accent-green); */
- /* padding:10px; */
-}
-main h6{
+#intro h6{
margin-bottom:20px;
}
-main p{
+#intro p{
font-size:18px;
}
.anim-hero-text{
@@ -125,8 +93,7 @@ main p{
}
-
-/* hero assets */
+/* style assets (brackets and code snippet) */
.canapi-brackets{
user-select: none;
pointer-events: none;
@@ -193,9 +160,9 @@ footer .subsection{
}
}
@media only screen and (max-width: 600px){
- .padded-section{
+ /* .padded-section{
padding:2rem 30px;
- }
+ } */
header .canapi-logo{
display:none;
}
diff --git a/src/docs.njk b/src/docs.njk
index 9d0b36f..45e4e53 100644
--- a/src/docs.njk
+++ b/src/docs.njk
@@ -40,7 +40,7 @@ keywords: SaaS, how-to, docs, documentation, guide, help, walkthrough, official
Under API Key, click Regenerate Key and confirm
Copy the key immediately - it is shown once and never stored
-
+
Keep your API key secret. It should never be committed to source control or exposed in client-side code. Store it as an environment variable on your server, or in your platform's secrets manager.
Your key will look like this: