David/Stackless-Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update SVG logo and enhance meta tags across HTML files for improved SEO and social sharing. Adjusted descriptions and added Open Graph and Twitter metadata for better visibility.

Browse source
This commit is contained in:
SJCoetz 2026-06-18 13:54:52 +02:00
parent 7b4bb96017
commit cc601663b9
14 changed files with 113 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
apple-touch-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
brand-mark-full.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 136 KiB

BIN
brand-mark-square.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 69 KiB

13
brand-mark.svg
View file

@ -1,6 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" fill="none">
<circle cx="13" cy="4" r="2.6" fill="#F76857"/>
<circle cx="13" cy="22" r="2.6" fill="#F76857"/>
<path d="M5 9c0-2.8 2.2-5 5-5h1c2.8 0 5 2.2 5 5v0c0 1.4-1.1 2.5-2.5 2.5H7.5C6.1 11.5 5 12.6 5 14v0c0 2.8 2.2 5 5 5h1" stroke="#1DB897" stroke-width="2.6" stroke-linecap="round"/>
<path d="M11 11.5h6c1.4 0 2.5 1.1 2.5 2.5v0c0 1.4-1.1 2.5-2.5 2.5H11" stroke="#1DB897" stroke-width="2.6" stroke-linecap="round" opacity="0.55"/>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<rect width="100" height="100" fill="#FFFFFF"/>
<g transform="rotate(-22 50 50)">
<rect x="22" y="34" width="44" height="10" rx="5" fill="#AEDED3"/>
<rect x="28" y="46" width="44" height="10" rx="5" fill="#1DB897"/>
<rect x="34" y="58" width="44" height="10" rx="5" fill="#172E58"/>
</g>
<circle cx="76" cy="22" r="5.5" fill="#F17B61"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 510 B

After

Width:  |  Height:  |  Size: 427 B

28
contact.html
View file

@ -4,7 +4,33 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Start a project — Stackless</title>
<meta name="description" content="Tell us what's eating your week. We'll come back with a fixed quote within one business day." />
<meta name="description" content="Tell us what you need built, automated, or integrated. We reply within one business day with a clear scope and quote." />
<meta name="theme-color" content="#1DB897" />
<!-- Favicons -->
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<link rel="manifest" href="manifest.json" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Stackless" />
<meta property="og:title" content="Start a project — Stackless" />
<meta property="og:description" content="Tell us what you need built, automated, or integrated. Reply within one business day with a clear scope and quote." />
<meta property="og:url" content="https://stackless.co.za/contact.html" />
<meta property="og:image" content="https://stackless.co.za/og-card.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Stackless — build · automate · integrate" />
<meta property="og:locale" content="en_ZA" />
<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Start a project — Stackless" />
<meta name="twitter:description" content="Tell us what you need built, automated, or integrated. Reply within one business day with a clear scope and quote." />
<meta name="twitter:image" content="https://stackless.co.za/og-card.png" />
<meta name="twitter:image:alt" content="Stackless — build · automate · integrate" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />

BIN
favicon-32.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

9
favicon.svg Normal file
View file

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<rect width="100" height="100" fill="#FFFFFF"/>
<g transform="rotate(-22 50 50)">
<rect x="22" y="34" width="44" height="10" rx="5" fill="#AEDED3"/>
<rect x="28" y="46" width="44" height="10" rx="5" fill="#1DB897"/>
<rect x="34" y="58" width="44" height="10" rx="5" fill="#172E58"/>
</g>
<circle cx="76" cy="22" r="5.5" fill="#F17B61"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 427 B

BIN
icon-192.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
icon-512.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 116 KiB

28
index.html
View file

@ -4,7 +4,33 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Stackless — Build, automate, integrate. We handle it for you.</title>
<meta name="description" content="Stackless builds websites, installs AI agents, and automates the workflows small and medium businesses keep putting off. Ship in days, not quarters." />
<meta name="description" content="Stackless builds, automates, and integrates the software your business runs on — websites, AI agents, workflow automation, and internal apps. Outsourced, end-to-end." />
<meta name="theme-color" content="#1DB897" />
<!-- Favicons (browser tabs + iOS home screen) -->
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<link rel="manifest" href="manifest.json" />
<!-- Open Graph (WhatsApp, iMessage, Telegram, Discord, Slack, Facebook, LinkedIn) -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Stackless" />
<meta property="og:title" content="Stackless — Build, automate, integrate. We handle it for you." />
<meta property="og:description" content="Websites, AI agents, workflow automation, and internal apps — built and run for you. Outsourced software, end-to-end." />
<meta property="og:url" content="https://stackless.co.za/" />
<meta property="og:image" content="https://stackless.co.za/og-card.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Stackless — build · automate · integrate" />
<meta property="og:locale" content="en_ZA" />
<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Stackless — Build, automate, integrate. We handle it for you." />
<meta name="twitter:description" content="Websites, AI agents, workflow automation, and internal apps — built and run for you." />
<meta name="twitter:image" content="https://stackless.co.za/og-card.png" />
<meta name="twitter:image:alt" content="Stackless — build · automate · integrate" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />

15
manifest.json Normal file
View file

@ -0,0 +1,15 @@
{
"name": "Stackless",
"short_name": "Stackless",
"description": "Build, automate, integrate. Outsourced software, end-to-end.",
"start_url": "/",
"scope": "/",
"display": "standalone",
"background_color": "#F4F2EC",
"theme_color": "#1DB897",
"icons": [
{ "src": "icon-192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "icon-512.png", "sizes": "512x512", "type": "image/png" },
{ "src": "favicon.svg", "sizes": "any", "type": "image/svg+xml" }
]
}

BIN
mqjf26fh-7711074E-0104-46DE-92FB-0EB67162627C_1_201_a.jpeg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
og-card.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 89 KiB

28
pricing.html
View file

@ -4,7 +4,33 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Pricing — Stackless</title>
<meta name="description" content="Rent-an-AI-Agent retainers, project-based builds, and ongoing studio engagements. Fixed quotes, weekly demos, no surprises." />
<meta name="description" content="Three transparent plans: Build (project), Run (monthly retainer), Scale (custom). Rent-an-AI-Agent add-ons available on every tier. South African pricing in ZAR." />
<meta name="theme-color" content="#1DB897" />
<!-- Favicons -->
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<link rel="manifest" href="manifest.json" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Stackless" />
<meta property="og:title" content="Pricing — Stackless" />
<meta property="og:description" content="Three plans: Build (project), Run (monthly retainer), Scale (custom). Rent-an-AI-Agent add-ons available on every tier." />
<meta property="og:url" content="https://stackless.co.za/pricing.html" />
<meta property="og:image" content="https://stackless.co.za/og-card.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Stackless — build · automate · integrate" />
<meta property="og:locale" content="en_ZA" />
<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Pricing — Stackless" />
<meta name="twitter:description" content="Three plans: Build (project), Run (monthly retainer), Scale (custom). Rent-an-AI-Agent add-ons available on every tier." />
<meta name="twitter:image" content="https://stackless.co.za/og-card.png" />
<meta name="twitter:image:alt" content="Stackless — build · automate · integrate" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />