Skip to content

Minor layout fixes, links #20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
samharp merged 2 commits into from
Feb 17, 2026
Merged

Minor layout fixes, links #20

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1beac90
fix: site accent color; user highlight issue
samharp Feb 17, 2026
235dcd3
feat: add Demo to header, remove App login until launch; add legal ce…
samharp Feb 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion _data/site.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
"brand": "Terrabyte",
"language": "en-US",
"description": "Canapi is a marketplace and API suite that allows businesses and organizations to make automated environmental contributions.",
"accentColor": "#",
"accentColor": "#46af71",
"backgroundColor": "#ffffff",
"foregroundColor": "#333333",
"schemaType": "Thing",
Expand Down
Empty file removed _includes/footer.njk
View file
Open in desktop
Empty file.
15 changes: 12 additions & 3 deletions _includes/header.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,10 +13,19 @@
<a class="nav-item-container" href="https://canapi.io">
<span>Home</span>
</a>
<a class="nav-item-container" href="https://app.canapi.io">
<span>Login</span>
{# <a class="nav-item-container" href="https://canapi.io/pricing">
<span>Pricing</span>
</a> #}
<a class="nav-item-container" href="https://demo.canapi.io">
<span>Demo</span>
</a>
<a class="button primary" href="#newsletter">Get Updates</a>
{# <a class="nav-item-container" href="https://app.canapi.io">
<span>Login</span>
</a> #}
<div class="button-container" data-au="flex-container align-center">
<a class="button primary" href="#newsletter">Get Updates</a>
{# <a class="button" href="https://app.canapi.io">Login</a> #}
</div>
</nav>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion _includes/layouts/base.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -131,7 +131,7 @@


</head>
<body data-theme="">
<body data-theme="light">

{# ########## #}
{# dependencies #}
Expand Down
25 changes: 17 additions & 8 deletions _includes/partials/footer.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,22 @@
<footer class="padded-section" data-au="set-width set-height">
<div class="max-width col-container" data-au="flex-container align-center">
<div class="section-col" data-au="flex-width">
<h6 class="section-col-header">V1 closed beta</h6>
<p>&copy; <span id="current-year-text">{{ currentYear }}</span> <a class="text-link" href="https://www.terrabyte.eco" target="_blank" aria-label="Terrabyte Website (opens in new window)">Terrabyte, LLC</a>. Terrabyte, its products, and related marks are trademarks of Terrabyte, LLC. All Rights Reserved.</p>
<p>Website designed &amp; developed in association with <a class="text-link" href="https://www.goldenharpmedia.com" target="_blank" aria-label="Golden Harp Media Website (opens in new window)">Golden Harp Media</a>.
<div class="max-width subsection">
<h6 class="section-header">V1 closed beta</h6>
<div class="col-container" data-au="flex-container">
<a href="https://terrabyte.eco/legal/privacy-policy.html">Privacy Policy</a>
<a href="https://terrabyte.eco/legal/cookie-policy.html">Cookie Policy</a>
<a href="https://terrabyte.eco/legal/accessibility.html">Accessibility</a>
</div>
<div class="button-container" data-au="set-width flex-container justify-center">
{# <a class="button primary" href="https://app.canapi.io">Access Web Portal</a> #}
{# <a class="button primary" href="https://terrabyte.eco/#newsletter">Get Updates</a> #}
</div>
<div class="max-width subsection">
<div class="col-container" data-au="flex-container align-center">
<div class="section-col" data-au="flex-width">
<p>&copy; <span id="current-year-text">{{ currentYear }}</span> <a class="text-link" href="https://www.terrabyte.eco" target="_blank" aria-label="Terrabyte Website (opens in new window)">Terrabyte, LLC</a>. Terrabyte, its products, and related marks are trademarks of Terrabyte, LLC. All Rights Reserved.</p>
<p>Website designed &amp; developed in association with <a class="text-link" href="https://www.goldenharpmedia.com" target="_blank" aria-label="Golden Harp Media Website (opens in new window)">Golden Harp Media</a>.
</div>
<div class="section-col button-container" data-au="set-width flex-container justify-center">
{# <a class="button primary" href="https://app.canapi.io">Access Web Portal</a> #}
{# <a class="button primary" href="https://terrabyte.eco/#newsletter">Get Updates</a> #}
</div>
</div>
</div>
</footer>
5 changes: 5 additions & 0 deletions css/global-tb-styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,6 +70,11 @@ hr{
border:none;
border-top:2px solid var(--accent);
}
[disabled]{
transform:scale(1)!important;
opacity:.45!important;
cursor:not-allowed!important;
}
a{
height:0;
}
Expand Down
28 changes: 20 additions & 8 deletions css/shared-canapi-styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -107,14 +107,16 @@ a.icon-link{
font-size:1.2em;
}

.button-container > *{
margin-right:12px;
.button-container{
/* margin-right:12px; */
gap:12px;
}
.button-container > *:last-child{
margin-right:0;
/* margin-right:0; */
}
button,
.button{
.button,
input[type="submit"]{
border:1px solid var(--accent-green-light-trans);
border-radius:4px;
/* background-color:var(--background); */
Expand All @@ -129,7 +131,9 @@ button,
button:hover,
.button:hover,
button:focus,
.button:focus{
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus{
/* background-color:#CDF3DC; */
border-color: var(--accent-green-trans);
/* color: var(--accent-green-semi-dark-trans); */
Expand All @@ -143,19 +147,23 @@ button:active,
}
/* primary buttons */
button.primary,
.button.primary{
.button.primary,
input[type="submit"]{
background-color:var(--accent);
color:var(--white);
}
button.primary:hover,
.button.primary:hover,
button.primary:focus,
.button.primary:focus{
.button.primary:focus,
input[type="submit"]:hover,
input[type="submit"]:focus{
/* color:var(--grey); */
background-color:var(--accent-green-semi-dark-trans);
}
button.primary:active,
.button.primary:active{
.button.primary:active,
input[type="submit"]:active{
color:var(--white);
background-color:var(--accent);
}
Expand Down Expand Up @@ -234,6 +242,10 @@ td{
max-width:800px;
margin:0 auto;
}
.accent-section{
background-color:var(--accent);
color:var(--white);
}

/* page layouts */
.page-container{
Expand Down
3 changes: 3 additions & 0 deletions css/site-styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -158,6 +158,9 @@ main p{
}

/* footer */
footer .subsection{
margin-top:2rem;
}


/* +++++++++++++++++++++++++++++++++++++++++++ */
Expand Down
22 changes: 19 additions & 3 deletions index.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,21 +69,37 @@ keywords: canapi, terrabyte, automatic, api, software, b2b, green, tech, technol
</div>
<div class="section-content col-container" data-au="flex-container">
<div class="section-col" data-au="flex-width">
<h3 class="section-col-header">1. Choose your actions</h3>
<h3 class="section-col-header">1. Choose</h3>
<p>Decide what digital actions users will need to make to trigger funding an environmental contributions. With the low-code implementation, you can tie to anything from a new account activation to buying 55 burgers on their 55th birthday.</p>
</div>
<div class="section-col" data-au="flex-width">
<h3 class="section-col-header">2. Integrate your product</h3>
<h3 class="section-col-header">2. Integrate</h3>
<p>Use our API or low-code integration tools to connect Canapi to your existing systems. Whether you're using a website builder like WordPress, or custom software, our flexible integration options make it easy to connect.</p>
</div>
<div class="section-col" data-au="flex-width">
<h3 class="section-col-header">3. Track your impact</h3>
<h3 class="section-col-header">3. Track</h3>
<p>Monitor action triggers being made in your product and the amount you will be billed in real-time. View data on environmental contributions you're helping to create in the online dashboard, manage your active installations, and view other contributions to consider for your next project.</p>
</div>
</div>
</div>
</section>

{# <section id="demo" class="padded-section">
<div class="max-width">
<div class="section-content col-container" data-au="flex-container align-center">
<div class="section-col" data-au="flex-width">
<h2>Explore the demo</h2>
</div>
<div class="section-col" data-au="flex-width">
<div class="button-container" data-au="flex-container">
<a class="button primary" href="https://demo.canapi.io">Interactive demo</a>
<a disabled class="button" href="https://www.youtube.com/">Video demo</a>
</div>
</div>
</div>
</div>
</section> #}

<section id="newsletter" class="padded-section">
<div class="max-width">
<div class="section-header">
Expand Down