diff --git a/_data/site.json b/_data/site.json index 7c48d35..d0d5343 100644 --- a/_data/site.json +++ b/_data/site.json @@ -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", diff --git a/_includes/footer.njk b/_includes/footer.njk deleted file mode 100644 index e69de29..0000000 diff --git a/_includes/header.njk b/_includes/header.njk index a1b669b..b53ea29 100644 --- a/_includes/header.njk +++ b/_includes/header.njk @@ -13,10 +13,19 @@ Home - - Login + {# + Pricing + #} + + Demo - Get Updates + {# + Login + #} +
+ Get Updates + {# Login #} +
diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk index f642ad6..ea75031 100644 --- a/_includes/layouts/base.njk +++ b/_includes/layouts/base.njk @@ -131,7 +131,7 @@ - + {# ########## #} {# dependencies #} diff --git a/_includes/partials/footer.njk b/_includes/partials/footer.njk index 55c232f..8932595 100644 --- a/_includes/partials/footer.njk +++ b/_includes/partials/footer.njk @@ -1,13 +1,22 @@ \ No newline at end of file diff --git a/css/global-tb-styles.css b/css/global-tb-styles.css index 067f4f3..ec3102d 100644 --- a/css/global-tb-styles.css +++ b/css/global-tb-styles.css @@ -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; } diff --git a/css/shared-canapi-styles.css b/css/shared-canapi-styles.css index 83e8a6e..d18aee4 100644 --- a/css/shared-canapi-styles.css +++ b/css/shared-canapi-styles.css @@ -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); */ @@ -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); */ @@ -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); } @@ -234,6 +242,10 @@ td{ max-width:800px; margin:0 auto; } +.accent-section{ + background-color:var(--accent); + color:var(--white); +} /* page layouts */ .page-container{ diff --git a/css/site-styles.css b/css/site-styles.css index edd4e21..e40f5a0 100644 --- a/css/site-styles.css +++ b/css/site-styles.css @@ -158,6 +158,9 @@ main p{ } /* footer */ +footer .subsection{ + margin-top:2rem; +} /* +++++++++++++++++++++++++++++++++++++++++++ */ diff --git a/index.njk b/index.njk index 694670a..0c77052 100644 --- a/index.njk +++ b/index.njk @@ -69,21 +69,37 @@ keywords: canapi, terrabyte, automatic, api, software, b2b, green, tech, technol
-

1. Choose your actions

+

1. Choose

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.

-

2. Integrate your product

+

2. Integrate

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.

-

3. Track your impact

+

3. Track

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.

+{#
+
+
+
+

Explore the demo

+
+ +
+
+
#} +