https://solanica.io/Recent content on SolanicaHugoen-usSat, 19 Sep 2026 07:00:00 +0000https://solanica.io/blog/openeverest-intro-presets/Sat, 19 Sep 2026 07:00:00 +0000https://solanica.io/blog/openeverest-intro-presets/OpenEverest v2.0.0-dev.3 introduces Presets - reusable templates for instances and clusters that turn database deployment into a single click or a simple API call.https://solanica.io/blog/7-top-ai-data-treats-k8s-1-37/Tue, 15 Sep 2026 10:00:00 +0000https://solanica.io/blog/7-top-ai-data-treats-k8s-1-37/Kubernetes 1.37 stops treating GPUs, gang jobs and fat data volumes as afterthoughts. Here are the seven changes that AI and data teams will actually feel.https://solanica.io/events/kubecon-na-2026/Tue, 15 Sep 2026 09:00:00 +0000https://solanica.io/events/kubecon-na-2026/When: Nov 9-12 Where: Salt Lake City, Utahhttps://solanica.io/events/percona-connect-paris/Wed, 09 Sep 2026 14:52:00 +0000https://solanica.io/events/percona-connect-paris/When: October 15, 2026 Where: Paris, Francehttps://solanica.io/events/percona-live-2026-amsterdam/Wed, 09 Sep 2026 14:03:00 +0000https://solanica.io/events/percona-live-2026-amsterdam/When: September 9-11, 2026 Where: Amsterdam, Netherlandshttps://solanica.io/events/kubecon-china-2026/Mon, 07 Sep 2026 09:00:00 +0000https://solanica.io/events/kubecon-china-2026/When: Sep 7-9 Where: Shanghai, Chinahttps://solanica.io/blog/mssql-2025-pitr/Thu, 27 Aug 2026 21:12:00 +0100https://solanica.io/blog/mssql-2025-pitr/Solanica&rsquo;s MSSQL operator and OpenEverest provider now ship SQL Server 2025 as the default engine and deliver provider-managed point-in-time recovery (PITR).https://solanica.io/events/coscup-ubncon-2026/Sat, 08 Aug 2026 08:25:00 +0000https://solanica.io/events/coscup-ubncon-2026/When: Aug 8-9 Where: Taiwanhttps://solanica.io/events/kubecon-japan-2026/Tue, 28 Jul 2026 08:46:00 +0000https://solanica.io/events/kubecon-japan-2026/When: July 28-30 Where: Yokohama, Japanhttps://solanica.io/blog/microsoft-sql-server-on-kubernetes/Mon, 27 Jul 2026 12:06:00 +0100https://solanica.io/blog/microsoft-sql-server-on-kubernetes/How Solanica Platform runs SQL Server on Kubernetes: a Go operator with Always-On AGs, Lease-based failover, native object-storage backups, and an OpenEverest provider.https://solanica.io/blog/solanica-on-vmware-vks/Tue, 07 Jul 2026 09:37:00 +0100https://solanica.io/blog/solanica-on-vmware-vks/Learn how to eliminate public cloud database fees, reduce egress costs, and escape vendor lock-in by running automated DBaaS on VMware VKS with Solanica.https://solanica.io/blog/the-mixed-pod-requests-and-limits/Mon, 22 Jun 2026 14:53:00 +0100https://solanica.io/blog/the-mixed-pod-requests-and-limits/How mixing limited and unlimited containers in a single Pod impacts Kubernetes QoS, Linux cgroup enforcement, OOM risks, and Kubelet node-pressure eviction priorities.https://solanica.io/blog/openeverest-v2-why-is-it-a-big-deal/Sun, 07 Jun 2026 13:17:00 +0100https://solanica.io/blog/openeverest-v2-why-is-it-a-big-deal/OpenEverest v2 introduces a modular architecture with Provider and Generic Plugins, letting teams add new databases and integrations without touching the core - in days, not months.https://solanica.io/events/percona-live-2026/Wed, 27 May 2026 00:00:00 +0000https://solanica.io/events/percona-live-2026/When: May 27-29, 2026 Where: Mountain View, CA, USAhttps://solanica.io/events/open-source-founders-summit-2026/Mon, 18 May 2026 09:00:00 +0000https://solanica.io/events/open-source-founders-summit-2026/When: May 18-19, 2026 Where: Paris, Francehttps://solanica.io/blog/openeverest-cncf-sandbox/Mon, 06 Apr 2026 18:07:00 +0100https://solanica.io/blog/openeverest-cncf-sandbox/OpenEverest joins CNCF Sandbox — what vendor-neutral, CNCF-backed database infrastructure means for enterprise Kubernetes deployments and supply chain security. Learn more from Solanica.https://solanica.io/events/percona-university-bangkok/Wed, 11 Mar 2026 12:00:00 +0000https://solanica.io/events/percona-university-bangkok/When: March 11, 2026 Where: Bangkok, Thailandhttps://solanica.io/events/fossasia-summit-2026/Mon, 09 Mar 2026 17:25:00 +0000https://solanica.io/events/fossasia-summit-2026/When: March 9, 2026 Where: Bangkok, Thailandhttps://solanica.io/blog/openclaw-and-openeverest-skills/Fri, 27 Feb 2026 20:38:00 +0000https://solanica.io/blog/openclaw-and-openeverest-skills/Learn how to create an AI agent that manages databases on OpenEverest using OpenClaw skills generated from OpenAPI specs. Practical guide with real examples.https://solanica.io/events/build-dev-con-cloud-native-databases/Fri, 20 Feb 2026 12:00:00 +0000https://solanica.io/events/build-dev-con-cloud-native-databases/When: Feb 20, 2026 Virtual eventhttps://solanica.io/blog/4-minio-alternatives/Tue, 03 Feb 2026 17:50:00 +0000https://solanica.io/blog/4-minio-alternatives/Ditch the MinIO license drama. The benchmark of SeaweedFS, RustFS, Ceph, and Garage - find the best open-source S3 alternative for your Kubernetes stack.https://solanica.io/events/fosdem-2026/Sat, 31 Jan 2026 17:15:00 +0000https://solanica.io/events/fosdem-2026/When: 31 January - 1 February 2026 Where: Brussels, Belgiumhttps://solanica.io/blog/cloud-native-mongodb-savings/Sat, 24 Jan 2026 08:50:00 +0000https://solanica.io/blog/cloud-native-mongodb-savings/Stop paying for MongoDB OpsManager. Solanica delivers enterprise backups, monitoring, and Kubernetes orchestration without the licensing fees or vendor lock-in.https://solanica.io/events/ai-dba-self-driving-databases/Fri, 23 Jan 2026 17:05:00 +0000https://solanica.io/events/ai-dba-self-driving-databases/When: Jan 23, 2026 Virtual eventhttps://solanica.io/blog/mongobleed-fix-openeverest/Mon, 19 Jan 2026 11:57:00 +0000https://solanica.io/blog/mongobleed-fix-openeverest/OpenEverest 1.12 is out now. This release patches the critical MongoBleed vulnerability (CVE-2025-14847). Upgrade your Kubernetes data workloads immediately to secure your environment.https://solanica.io/blog/solanica-future-of-openeverest/Tue, 06 Jan 2026 09:00:00 +0000https://solanica.io/blog/solanica-future-of-openeverest/OpenEverest evolves into a multi-vendor, community-driven project. Solanica launches to provide technical leadership, enterprise support, and a production-ready platform for cloud-native data.https://solanica.io/blog/beyond-compliance-why-sovereign-ai-and-self-hosted-databases-are-your-new-competitive-edge/Tue, 16 Dec 2025 12:57:00 +0000https://solanica.io/blog/beyond-compliance-why-sovereign-ai-and-self-hosted-databases-are-your-new-competitive-edge/Secure your AI future. Learn why sovereign clouds and self-hosted databases are critical for compliance, cost control, and speed. Don&rsquo;t rent your future—build it.https://solanica.io/whitepapers/production-data-on-k8s/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/whitepapers/production-data-on-k8s/<section class="sol-whitepaper-hero"> <div class="sol-container"> <div class="sol-hero-content"> <div class="sol-breadcrumb"> <span class="sol-mono">/whitepapers/</span> <span class="sol-status-icon info">❯</span> <span class="sol-mono">data-on-kubernetes</span> </div> <h1>The Cloud-Native Data Manual</h1> <h2>Engineering Production Databases on Kubernetes</h2> <p class="sol-tagline">The debate is over. The real question is: <code>how</code> do you manage stateful workloads without losing data or burning cash?</p> <div class="sol-metadata"> <div class="sol-meta-item"> <span class="sol-status-icon success">●</span> <span class="sol-mono">STATUS: PRODUCTION_READY</span> </div> <div class="sol-meta-item"> <span class="sol-status-icon info">●</span> <span class="sol-mono">AUDIENCE: SRE | DBRE | PLATFORM_ENG</span> </div> <div class="sol-meta-item"> <span class="sol-status-icon warning">●</span> <span class="sol-mono">LEVEL: ADVANCED_OPS</span> </div> </div> </div> </div> </section> <style> /* --- Base --- */ .sol-whitepaper-hero { background: linear-gradient(135deg, #0a0a1f 0%, #161641 100%); padding: 120px 20px 80px 20px; font-family: 'Inter', sans-serif; color: #ffffff; border-bottom: 2px solid #7790de; position: relative; overflow: hidden; } .sol-whitepaper-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(90deg, rgba(119, 144, 222, 0.05) 1px, transparent 1px), linear-gradient(rgba(119, 144, 222, 0.05) 1px, transparent 1px); background-size: 50px 50px; opacity: 0.3; pointer-events: none; } .sol-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } /* --- Breadcrumb --- */ .sol-breadcrumb { display: flex; align-items: center; gap: 10px; margin-bottom: 30px; font-size: 14px; } .sol-mono { font-family: 'Courier New', monospace; color: #7790de; font-weight: 600; } .sol-status-icon { font-size: 12px; } .success { color: #00ff9d; } .info { color: #2ecc71; } .warning { color: #ffbd2e; } /* --- Typography --- */ .sol-hero-content h1 { font-size: 56px; line-height: 1.1; font-weight: 800; margin: 0 0 15px 0; color: #ffffff; letter-spacing: -0.5px; } .sol-hero-content h2 { font-size: 32px; line-height: 1.3; font-weight: 600; margin: 0 0 30px 0; color: #7790de; } .sol-tagline { font-size: 20px; line-height: 1.6; color: #b4bec8; margin-bottom: 40px; max-width: 800px; } .sol-tagline code { background: rgba(119, 144, 222, 0.15); color: #00ff9d; padding: 2px 10px; border-radius: 4px; font-family: 'Fira Code', 'Courier New', monospace; font-size: 0.95em; font-weight: 600; } /* --- Metadata --- */ .sol-metadata { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); } .sol-meta-item { display: flex; align-items: center; gap: 8px; font-size: 13px; } @media (max-width: 768px) { .sol-hero-content h1 { font-size: 36px; } .sol-hero-content h2 { font-size: 24px; } .sol-tagline { font-size: 16px; } .sol-metadata { flex-direction: column; gap: 15px; } } </style> <section class="sol-exec-summary"> <div class="sol-container"> <div class="sol-section-header"> <span class="sol-mono sol-section-label">$ cat executive-summary.txt</span> <h2>Executive Summary</h2> </div> <div class="sol-summary-content"> <div class="sol-main-text"> <p>The debate over whether databases "belong" on Kubernetes is settled. The discussion is now strictly operational: how do you manage stateful workloads at scale without losing data or overpaying for "zombie" resources? Kubernetes is a world-class orchestrator, but it is fundamentally "data-blind." It understands process status, but it is oblivious to database deadlocks or replica divergence.</p>https://solanica.io/presentations/cloud-native-gandhinagar-april-2026/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/presentations/cloud-native-gandhinagar-april-2026/<!-- ============================================================ Cloud Native Gandhinagar — April 18, 2026 _meta.t123.html (copied from shared/_meta.t123.html) ============================================================ --> <script> (function () { /* ========================================================= CONFIG ========================================================= */ var META = { title: "Abstracting the Abyss: How to Run Production Data Workloads on Any Kubernetes Cluster — Solanica", slug: "abstracting-the-abyss-cloud-native-gandhinagar-2026", description: "A practical deep-dive into running production databases on Kubernetes — without vendor lock-in. Presented by Sergey Pronin at Cloud Native Gandhinagar, April 2026.", speaker: "Sergey Pronin", event: "Cloud Native Gandhinagar", eventUrl: "https://community.cncf.io/events/details/cncf-cloud-native-gandhinagar-presents-abstracting-the-abyss-with-sergey-pronin-simplifying-data-workloads-on-kubernetes/", date: "2026-04-18", location: "Gandhinagar, India", tags: ["kubernetes", "databases", "cncf", "postgresql", "mysql", "mongodb", "cloud-native"], status: "upcoming", coverImage: "https://solanica.io/og-default.png", pageUrl: "https://solanica.io/presentations/abstracting-the-abyss-cloud-native-gandhinagar-2026" }; /* ========================================================= */ var d = document; function tag(name, attrs) { var key = attrs.property || attrs.name; if (key) { var existing = d.querySelector( 'meta[property="' + key + '"], meta[name="' + key + '"]' ); if (existing) existing.parentNode.removeChild(existing); } var el = d.createElement(name); Object.keys(attrs).forEach(function (k) { el.setAttribute(k, attrs[k]); }); return el; } var head = d.head || d.getElementsByTagName('head')[0]; var titleEl = d.querySelector('title'); if (titleEl) { titleEl.textContent = META.title; } else { var t = d.createElement('title'); t.textContent = META.title; head.appendChild(t); } head.appendChild(tag('meta', { name: 'description', content: META.description })); head.appendChild(tag('meta', { name: 'author', content: META.speaker })); head.appendChild(tag('meta', { name: 'keywords', content: META.tags.join(', ') })); head.appendChild(tag('link', { rel: 'canonical', href: META.pageUrl })); head.appendChild(tag('meta', { property: 'og:type', content: 'website' })); head.appendChild(tag('meta', { property: 'og:title', content: META.title })); head.appendChild(tag('meta', { property: 'og:description', content: META.description })); head.appendChild(tag('meta', { property: 'og:image', content: META.coverImage })); head.appendChild(tag('meta', { property: 'og:url', content: META.pageUrl })); head.appendChild(tag('meta', { property: 'og:site_name', content: 'Solanica' })); head.appendChild(tag('meta', { name: 'twitter:card', content: 'summary_large_image' })); head.appendChild(tag('meta', { name: 'twitter:site', content: '@solanicaio' })); head.appendChild(tag('meta', { name: 'twitter:title', content: META.title })); head.appendChild(tag('meta', { name: 'twitter:description', content: META.description })); head.appendChild(tag('meta', { name: 'twitter:image', content: META.coverImage })); var schema = { "@context": "https://schema.org", "@type": "Event", "name": META.title, "description": META.description, "startDate": META.date, "location": { "@type": "Place", "name": META.event, "address": META.location }, "url": META.eventUrl, "organizer": { "@type": "Organization", "name": META.event, "url": META.eventUrl }, "performer": { "@type": "Person", "name": META.speaker }, "image": META.coverImage, "eventStatus": "https://schema.org/EventScheduled" }; var ldScript = d.createElement('script'); ldScript.type = 'application/ld+json'; ldScript.textContent = JSON.stringify(schema, null, 2); head.appendChild(ldScript); window.__presMETA = META; }()); </script> <!-- ============================================================ Solanica Presentation Engine — _head.t123.html ADD THIS AS THE FIRST BLOCK on every Tilda presentation page. It applies scroll-snap to the page and styles shared by all slides. ============================================================ --> <style> /* ---- Page-level scroll snap ---- */ html { scroll-snap-type: y mandatory; scroll-behavior: smooth; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } html::-webkit-scrollbar { display: none; } body { margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; background: #0f0f29; } /* ---- Slide base ---- */ .slide { height: 100vh; width: 100%; scroll-snap-align: start; scroll-snap-stop: always; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } /* ---- Navigation dots (right edge) ---- */ .pres-dots { position: fixed; right: 18px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 10px; z-index: 9999; list-style: none; margin: 0; padding: 0; } .pres-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); cursor: pointer; border: none; padding: 0; outline: none; transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .pres-dot:hover { background: rgba(255, 255, 255, 0.5); } .pres-dot.active { background: #7790de; box-shadow: 0 0 8px rgba(119, 144, 222, 0.6); transform: scale(1.5); } /* ---- Slide counter (bottom-right) ---- */ .pres-counter { position: fixed; bottom: 20px; right: 24px; color: rgba(255, 255, 255, 0.28); font-size: 12px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.1em; z-index: 9999; pointer-events: none; user-select: none; } /* ---- Key hint (bottom-centre, fades out) ---- */ .pres-hint { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.22); font-size: 11px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; z-index: 9999; pointer-events: none; user-select: none; white-space: nowrap; transition: opacity 1.4s ease; } .pres-hint.hidden { opacity: 0; } /* ---- Left-edge back trigger ---- */ .pres-back-trigger { position: fixed; left: 0; top: 0; width: 48px; height: 100vh; z-index: 9998; cursor: pointer; } .pres-back-trigger:hover .pres-back-label { opacity: 1; transform: translateX(0); } .pres-back-label { position: absolute; top: 50%; left: 16px; transform: translateY(-50%) translateX(-8px); opacity: 0; transition: opacity 0.25s ease, transform 0.25s ease; display: flex; align-items: center; gap: 10px; white-space: nowrap; color: rgba(255, 255, 255, 0.75); font-size: 13px; font-family: 'Inter', system-ui, sans-serif; font-weight: 500; letter-spacing: 0.03em; text-decoration: none; padding: 10px 16px 10px 12px; background: rgba(15, 15, 41, 0.85); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: auto; } .pres-back-label:hover { color: #ffffff; border-color: rgba(255, 255, 255, 0.25); } .pres-back-arrow { font-size: 16px; line-height: 1; flex-shrink: 0; } /* ---- Mobile: desktop hint toast ---- */ .pres-mob-toast { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); z-index: 99999; background: rgba(15, 15, 41, 0.92); border: 1px solid rgba(119, 144, 222, 0.3); border-radius: 10px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 10px 10px 10px 16px; display: flex; align-items: center; gap: 12px; font-family: 'Inter', system-ui, sans-serif; font-size: 13px; color: rgba(200, 212, 228, 0.8); white-space: nowrap; opacity: 1; transition: opacity 0.4s ease, transform 0.4s ease; pointer-events: auto; } .pres-mob-toast.hidden { opacity: 0; transform: translateX(-50%) translateY(-8px); pointer-events: none; } .pres-mob-toast-close { width: 22px; height: 22px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.06); border-radius: 50%; color: rgba(200, 212, 228, 0.55); font-size: 12px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .pres-mob-toast-close:hover { background: rgba(255, 255, 255, 0.12); color: rgba(200, 212, 228, 0.9); } /* ============================================================ MOBILE — scale-to-fit: preserve desktop layout, shrink it to fit the phone screen. Users pinch-to-zoom for details. ============================================================ */ @media (max-width: 768px) { /* Disable snap — Tilda's header shifts the snap anchor of slide-1 below the viewport edge, causing it to be skipped. Natural scroll is more reliable on touch. */ html { scroll-snap-type: none; } /* Keep slides as fixed-height viewports */ .slide { height: 100svh; scroll-snap-align: none; scroll-snap-stop: normal; } /* Hide keyboard-centric chrome — not useful on touch */ .pres-dots, .pres-counter, .pres-hint, .pres-back-trigger { display: none !important; } /* Scale the content wrapper to fit the viewport width. --pres-mob-scale is set by JS in _foot.t123.html. The wrapper renders at its desktop width (1060px) and is visually scaled down via CSS transform. */ .slide > [class*="-wrap"], .slide > [class*="-outer"] { width: 1060px !important; max-width: none !important; transform: scale(var(--pres-mob-scale, 1)); transform-origin: center center; } } /* ============================================================ PRINT — one slide per page, hide navigation chrome. Use landscape orientation, no margins for best results. ============================================================ */ @media print { html { scroll-snap-type: none; overflow: visible; } body { background: #0a0a1e; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .slide { height: 100vh; width: 100vw; page-break-after: always; break-after: page; page-break-inside: avoid; break-inside: avoid; scroll-snap-align: none; overflow: hidden; } .slide:last-child { page-break-after: auto; break-after: auto; } .pres-dots, .pres-counter, .pres-hint, .pres-back-trigger, .pres-mob-toast { display: none !important; } /* Reveal all step-animated elements — force final state */ .slide * { opacity: 1 !important; transform: none !important; visibility: visible !important; transition: none !important; animation: none !important; } } </style> <!-- ============================================================ Cloud Native Gandhinagar — April 18, 2026 Slide 01: Title ============================================================ --> <style> #cng-slide-01 { background-color: #0f0f29; background-image: radial-gradient(ellipse at 20% 80%, rgba(31, 35, 85, 0.7) 0%, transparent 55%), radial-gradient(ellipse at 80% 20%, rgba(31, 35, 85, 0.5) 0%, transparent 50%), radial-gradient(circle at 50% 50%, #131333 0%, #0a0a1e 100%); } #cng01-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; } .cng01-wrap { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; width: 100%; position: relative; z-index: 1; max-width: 960px; padding: 56px 40px 48px; box-sizing: border-box; text-align: center; } /* Top: logos */ .cng01-logos { display: flex; align-items: center; justify-content: center; gap: 28px; } .cng01-logo { display: block; height: 44px; width: auto; opacity: 0.92; } .cng01-logo-divider { width: 1px; height: 32px; background: rgba(255, 255, 255, 0.15); flex-shrink: 0; } .cng01-logo-cncf { display: block; height: 36px; width: auto; opacity: 0.80; } /* Centre: title block */ .cng01-body { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; } .cng01-eyebrow { font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: #7790de; font-weight: 600; font-family: 'Inter', system-ui, sans-serif; margin: 0 0 32px; } .cng01-title { font-size: 62px; font-weight: 700; color: #ffffff; line-height: 1.08; letter-spacing: -2px; margin: 0 0 36px; font-family: 'Inter', system-ui, sans-serif; max-width: 860px; } .cng01-speaker { display: flex; align-items: center; justify-content: center; gap: 12px; font-family: 'Inter', system-ui, sans-serif; } .cng01-speaker-name { color: #ffffff; font-size: 17px; font-weight: 600; } .cng01-speaker-role { color: #7a8a9e; font-size: 14px; font-weight: 400; } .cng01-sep { width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); flex-shrink: 0; } /* Bottom: event meta */ .cng01-footer { display: flex; align-items: center; justify-content: center; gap: 20px; font-family: 'Inter', system-ui, sans-serif; } .cng01-event-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 1px solid rgba(119, 144, 222, 0.3); border-radius: 50px; color: #9ab0e0; font-size: 13px; font-weight: 500; background: rgba(119, 144, 222, 0.06); } .cng01-event-dot { width: 6px; height: 6px; border-radius: 50%; background: #7790de; flex-shrink: 0; } .cng01-date { color: rgba(255, 255, 255, 0.28); font-size: 13px; } .cng01-footer-divider { width: 1px; height: 14px; background: rgba(255, 255, 255, 0.1); } .cng01-event-link { color: rgba(255, 255, 255, 0.28) !important; font-size: 13px; text-decoration: none !important; transition: color 0.2s; } .cng01-event-link:hover { color: rgba(255, 255, 255, 0.6) !important; } </style> <div class="slide" id="cng-slide-01"> <canvas id="cng01-canvas"></canvas> <div class="cng01-wrap"> <!-- Logos --> <div class="cng01-logos"> <img class="cng01-logo" src="https://solanica.io/images/pages/tild6161-6333-4631-b266-656534633030__white-horizontal-col.png" alt="Solanica" /> <span class="cng01-logo-divider"></span> <img class="cng01-logo-cncf" src="https://solanica.io/images/pages/tild3762-3430-4866-b537-366239336564__cncf-white.png" alt="CNCF" /> </div> <!-- Title --> <div class="cng01-body"> <p class="cng01-eyebrow">Talk · Cloud Native Gandhinagar</p>https://solanica.io/presentations/in-the-cloud-be-cloud-ready-builddevcon-2026/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/presentations/in-the-cloud-be-cloud-ready-builddevcon-2026/<!-- ============================================================ BuildDevCon — April 24, 2026 _meta.t123.html ============================================================ --> <script> (function () { var META = { title: "In the Cloud? Be Cloud-Ready Instead — Solanica", slug: "in-the-cloud-be-cloud-ready-builddevcon-2026", description: "Escaping the Golden Cage: how Kubernetes Operators and OpenEverest replace managed database lock-in with portable, open source infrastructure. Presented by Sergey Pronin at BuildDevCon, April 2026.", speaker: "Sergey Pronin", event: "BuildDevCon", eventUrl: "https://buildevcon.com/events/running-oss-databases-on-aws", date: "2026-04-24", location: "Virtual", tags: ["kubernetes", "databases", "aws", "postgresql", "mysql", "mongodb", "cloud-native", "operators"], status: "upcoming", coverImage: "https://solanica.io/og-default.png", pageUrl: "https://solanica.io/presentations/in-the-cloud-be-cloud-ready-builddevcon-2026" }; window.__presMETA = META; var d = document; function tag(name, attrs) { var key = attrs.property || attrs.name; if (key) { var existing = d.querySelector( 'meta[property="' + key + '"], meta[name="' + key + '"]' ); if (existing) existing.parentNode.removeChild(existing); } var el = d.createElement(name); Object.keys(attrs).forEach(function (k) { el.setAttribute(k, attrs[k]); }); return el; } var head = d.head || d.getElementsByTagName('head')[0]; var titleEl = d.querySelector('title'); if (titleEl) { titleEl.textContent = META.title; } else { var t = d.createElement('title'); t.textContent = META.title; head.appendChild(t); } head.appendChild(tag('meta', { name: 'description', content: META.description })); head.appendChild(tag('meta', { name: 'author', content: META.speaker })); head.appendChild(tag('meta', { name: 'keywords', content: META.tags.join(', ') })); head.appendChild(tag('link', { rel: 'canonical', href: META.pageUrl })); head.appendChild(tag('meta', { property: 'og:type', content: 'website' })); head.appendChild(tag('meta', { property: 'og:title', content: META.title })); head.appendChild(tag('meta', { property: 'og:description', content: META.description })); head.appendChild(tag('meta', { property: 'og:image', content: META.coverImage })); head.appendChild(tag('meta', { property: 'og:url', content: META.pageUrl })); head.appendChild(tag('meta', { property: 'og:site_name', content: 'Solanica' })); head.appendChild(tag('meta', { name: 'twitter:card', content: 'summary_large_image' })); head.appendChild(tag('meta', { name: 'twitter:site', content: '@solanicaio' })); head.appendChild(tag('meta', { name: 'twitter:title', content: META.title })); head.appendChild(tag('meta', { name: 'twitter:description', content: META.description })); head.appendChild(tag('meta', { name: 'twitter:image', content: META.coverImage })); var schema = { "@context": "https://schema.org", "@type": "Event", "name": META.title, "description": META.description, "startDate": META.date, "location": { "@type": "VirtualLocation", "name": META.event, "url": META.eventUrl }, "url": META.eventUrl, "organizer": { "@type": "Organization", "name": META.event, "url": META.eventUrl }, "performer": { "@type": "Person", "name": META.speaker }, "image": META.coverImage }; var ld = d.createElement('script'); ld.type = 'application/ld+json'; ld.textContent = JSON.stringify(schema, null, 2); head.appendChild(ld); }()); </script> <!-- ============================================================ Solanica Presentation Engine — _head.t123.html ADD THIS AS THE FIRST BLOCK on every Tilda presentation page. It applies scroll-snap to the page and styles shared by all slides. ============================================================ --> <style> /* ---- Page-level scroll snap ---- */ html { scroll-snap-type: y mandatory; scroll-behavior: smooth; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } html::-webkit-scrollbar { display: none; } body { margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; background: #0f0f29; } /* ---- Slide base ---- */ .slide { height: 100vh; width: 100%; scroll-snap-align: start; scroll-snap-stop: always; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } /* ---- Navigation dots (right edge) ---- */ .pres-dots { position: fixed; right: 18px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 10px; z-index: 9999; list-style: none; margin: 0; padding: 0; } .pres-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); cursor: pointer; border: none; padding: 0; outline: none; transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .pres-dot:hover { background: rgba(255, 255, 255, 0.5); } .pres-dot.active { background: #7790de; box-shadow: 0 0 8px rgba(119, 144, 222, 0.6); transform: scale(1.5); } /* ---- Slide counter (bottom-right) ---- */ .pres-counter { position: fixed; bottom: 20px; right: 24px; color: rgba(255, 255, 255, 0.28); font-size: 12px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.1em; z-index: 9999; pointer-events: none; user-select: none; } /* ---- Key hint (bottom-centre, fades out) ---- */ .pres-hint { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.22); font-size: 11px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; z-index: 9999; pointer-events: none; user-select: none; white-space: nowrap; transition: opacity 1.4s ease; } .pres-hint.hidden { opacity: 0; } /* ---- Left-edge back trigger ---- */ .pres-back-trigger { position: fixed; left: 0; top: 0; width: 48px; height: 100vh; z-index: 9998; cursor: pointer; } .pres-back-trigger:hover .pres-back-label { opacity: 1; transform: translateY(-50%) translateX(0); } .pres-back-label { position: absolute; top: 50%; left: 16px; transform: translateY(-50%) translateX(-8px); opacity: 0; transition: opacity 0.25s ease, transform 0.25s ease; display: flex; align-items: center; gap: 10px; white-space: nowrap; color: rgba(255, 255, 255, 0.75); font-size: 13px; font-family: 'Inter', system-ui, sans-serif; font-weight: 500; letter-spacing: 0.03em; text-decoration: none; padding: 10px 16px 10px 12px; background: rgba(15, 15, 41, 0.85); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: auto; } .pres-back-label:hover { color: #ffffff; border-color: rgba(255, 255, 255, 0.25); } .pres-back-arrow { font-size: 16px; line-height: 1; flex-shrink: 0; } /* ---- Mobile: desktop hint toast ---- */ .pres-mob-toast { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); z-index: 99999; background: rgba(15, 15, 41, 0.92); border: 1px solid rgba(119, 144, 222, 0.3); border-radius: 10px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 10px 10px 10px 16px; display: flex; align-items: center; gap: 12px; font-family: 'Inter', system-ui, sans-serif; font-size: 13px; color: rgba(200, 212, 228, 0.8); white-space: nowrap; opacity: 1; transition: opacity 0.4s ease, transform 0.4s ease; pointer-events: auto; } .pres-mob-toast.hidden { opacity: 0; transform: translateX(-50%) translateY(-8px); pointer-events: none; } .pres-mob-toast-close { width: 22px; height: 22px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.06); border-radius: 50%; color: rgba(200, 212, 228, 0.55); font-size: 12px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .pres-mob-toast-close:hover { background: rgba(255, 255, 255, 0.12); color: rgba(200, 212, 228, 0.9); } /* ============================================================ MOBILE — scale-to-fit: preserve desktop layout, shrink it to fit the phone screen. Users pinch-to-zoom for details. ============================================================ */ @media (max-width: 768px) { /* Disable snap — Tilda's header shifts the snap anchor of slide-1 below the viewport edge, causing it to be skipped. Natural scroll is more reliable on touch. */ html { scroll-snap-type: none; } /* Keep slides as fixed-height viewports */ .slide { height: 100svh; scroll-snap-align: none; scroll-snap-stop: normal; } /* Hide keyboard-centric chrome — not useful on touch */ .pres-dots, .pres-counter, .pres-hint, .pres-back-trigger { display: none !important; } /* Scale the content wrapper to fit the viewport width. --pres-mob-scale is set by JS in _foot.t123.html. The wrapper renders at its desktop width (1060px) and is visually scaled down via CSS transform. */ .slide > [class*="-wrap"], .slide > [class*="-outer"] { width: 1060px !important; max-width: none !important; transform: scale(var(--pres-mob-scale, 1)); transform-origin: center center; } } /* ============================================================ PRINT — one slide per page, hide navigation chrome. Use landscape orientation, no margins for best results. ============================================================ */ @media print { html { scroll-snap-type: none; overflow: visible; } body { background: #0a0a1e; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .slide { height: 100vh; width: 100vw; page-break-after: always; break-after: page; page-break-inside: avoid; break-inside: avoid; scroll-snap-align: none; overflow: hidden; } .slide:last-child { page-break-after: auto; break-after: auto; } .pres-dots, .pres-counter, .pres-hint, .pres-back-trigger, .pres-mob-toast { display: none !important; } /* Reveal all step-animated elements — force final state */ .slide * { opacity: 1 !important; transform: none !important; visibility: visible !important; transition: none !important; animation: none !important; } } </style> <!-- ============================================================ BuildDevCon — April 24, 2026 Slide 01: Title ============================================================ --> <style> #bdc-slide-01 { background-color: #0a0a1e; background-image: radial-gradient(ellipse at 20% 80%, rgba(31, 35, 85, 0.75) 0%, transparent 55%), radial-gradient(ellipse at 80% 20%, rgba(31, 35, 85, 0.55) 0%, transparent 50%), radial-gradient(circle at 50% 50%, #131333 0%, #080818 100%); } #bdc01-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; } .bdc01-wrap { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; width: 100%; position: relative; z-index: 1; max-width: 1280px; padding: 48px 40px 44px; box-sizing: border-box; text-align: center; } .bdc01-logos { display: flex; align-items: center; justify-content: center; gap: 28px; } .bdc01-logo { display: block; height: 54px; width: auto; opacity: 0.92; } .bdc01-logo-divider { width: 1px; height: 34px; background: rgba(255, 255, 255, 0.14); flex-shrink: 0; } .bdc01-event-logo { height: 40px; width: auto; opacity: 0.9; } .bdc01-body { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; } .bdc01-eyebrow { font-size: 14px; letter-spacing: 0.22em; text-transform: uppercase; color: #e8a04c; font-weight: 600; font-family: 'Inter', system-ui, sans-serif; margin: 0 0 28px; } .bdc01-title { font-size: 76px; font-weight: 800; color: #ffffff; line-height: 1.06; letter-spacing: -2.5px; margin: 0 0 22px; font-family: 'Inter', system-ui, sans-serif; max-width: 1100px; } .bdc01-title span { color: #7790de; } .bdc01-subtitle { font-size: 20px; font-weight: 300; color: rgba(220, 228, 240, 0.45); font-family: 'Inter', system-ui, sans-serif; margin: 0 0 40px; letter-spacing: -0.2px; } .bdc01-speaker { display: flex; align-items: center; justify-content: center; gap: 12px; font-family: 'Inter', system-ui, sans-serif; } .bdc01-speaker-name { color: #ffffff; font-size: 22px; font-weight: 600; } .bdc01-sep { width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); flex-shrink: 0; } .bdc01-speaker-role { color: #7a8a9e; font-size: 18px; font-weight: 400; } .bdc01-footer { display: flex; align-items: center; justify-content: center; gap: 20px; font-family: 'Inter', system-ui, sans-serif; } .bdc01-event-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; border: 1px solid rgba(232, 160, 76, 0.3); border-radius: 50px; color: rgba(232, 160, 76, 0.8); font-size: 15px; font-weight: 500; background: rgba(232, 160, 76, 0.06); } .bdc01-event-dot { width: 6px; height: 6px; border-radius: 50%; background: #e8a04c; flex-shrink: 0; } .bdc01-date { color: rgba(255, 255, 255, 0.28); font-size: 15px; } .bdc01-footer-divider { width: 1px; height: 14px; background: rgba(255, 255, 255, 0.1); } .bdc01-event-link { color: rgba(255, 255, 255, 0.28) !important; font-size: 15px; text-decoration: none !important; transition: color 0.2s; } .bdc01-event-link:hover { color: rgba(255, 255, 255, 0.6) !important; } </style> <div class="slide" id="bdc-slide-01"> <canvas id="bdc01-canvas"></canvas> <div class="bdc01-wrap"> <div class="bdc01-logos"> <img class="bdc01-logo" src="https://solanica.io/images/pages/tild6161-6333-4631-b266-656534633030__white-horizontal-col.png" alt="Solanica" /> <span class="bdc01-logo-divider"></span> <img class="bdc01-event-logo" src="https://solanica.io/images/pages/tild3134-6535-4430-b335-633664396165__builddevcon_logo.png" alt="BuildDevCon" /> </div> <div class="bdc01-body"> <p class="bdc01-eyebrow">Running OSS Databases on AWS · April 24, 2026</p>https://solanica.io/presentations/mysql-cloud-native-builddevcon-2026/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/presentations/mysql-cloud-native-builddevcon-2026/<!-- ============================================================ BuildDevCon: MariaDB & MySQL on Kubernetes — June 25, 2026 _meta.t123.html ============================================================ --> <script> (function () { var META = { title: "Age Gap Is Not A Problem — MySQL and Cloud-Native — Solanica", slug: "mysql-cloud-native-builddevcon-2026", description: "MySQL is 30. Kubernetes is 12. Can a database from the dial-up era really feel at home in a cloud-native world? Sergey Pronin, founder of Solanica, walks through what it takes to run MySQL on Kubernetes the right way — operators, storage, failover, and the patterns that actually work in production.", speaker: "Sergey Pronin", event: "BuildDevCon: MariaDB & MySQL on Kubernetes", eventUrl: "https://buildevcon.com/events/mariadb-mysql-on-kubernetes", date: "2026-06-25", location: "Virtual", tags: ["mysql", "mariadb", "kubernetes", "cloud-native", "operators", "databases", "solanica"], status: "upcoming", coverImage: "https://solanica.io/og-default.png", pageUrl: "https://solanica.io/presentations/mysql-cloud-native-builddevcon-2026" }; window.__presMETA = META; var d = document; function tag(name, attrs) { var key = attrs.property || attrs.name; if (key) { var existing = d.querySelector( 'meta[property="' + key + '"], meta[name="' + key + '"]' ); if (existing) existing.parentNode.removeChild(existing); } var el = d.createElement(name); Object.keys(attrs).forEach(function (k) { el.setAttribute(k, attrs[k]); }); return el; } var head = d.head || d.getElementsByTagName('head')[0]; var titleEl = d.querySelector('title'); if (titleEl) { titleEl.textContent = META.title; } else { var t = d.createElement('title'); t.textContent = META.title; head.appendChild(t); } head.appendChild(tag('meta', { name: 'description', content: META.description })); head.appendChild(tag('meta', { name: 'author', content: META.speaker })); head.appendChild(tag('meta', { name: 'keywords', content: META.tags.join(', ') })); head.appendChild(tag('link', { rel: 'canonical', href: META.pageUrl })); head.appendChild(tag('meta', { property: 'og:type', content: 'website' })); head.appendChild(tag('meta', { property: 'og:title', content: META.title })); head.appendChild(tag('meta', { property: 'og:description', content: META.description })); head.appendChild(tag('meta', { property: 'og:image', content: META.coverImage })); head.appendChild(tag('meta', { property: 'og:url', content: META.pageUrl })); head.appendChild(tag('meta', { property: 'og:site_name', content: 'Solanica' })); head.appendChild(tag('meta', { name: 'twitter:card', content: 'summary_large_image' })); head.appendChild(tag('meta', { name: 'twitter:site', content: '@solanicaio' })); head.appendChild(tag('meta', { name: 'twitter:title', content: META.title })); head.appendChild(tag('meta', { name: 'twitter:description', content: META.description })); head.appendChild(tag('meta', { name: 'twitter:image', content: META.coverImage })); var schema = { "@context": "https://schema.org", "@type": "Event", "name": META.title, "description": META.description, "startDate": META.date, "location": { "@type": "VirtualLocation", "name": META.event, "url": META.eventUrl }, "url": META.eventUrl, "organizer": { "@type": "Organization", "name": META.event, "url": META.eventUrl }, "performer": { "@type": "Person", "name": META.speaker }, "image": META.coverImage }; var ld = d.createElement('script'); ld.type = 'application/ld+json'; ld.textContent = JSON.stringify(schema, null, 2); head.appendChild(ld); }()); </script> <!-- ============================================================ Solanica Presentation Engine — _head.t123.html ADD THIS AS THE FIRST BLOCK on every Tilda presentation page. It applies scroll-snap to the page and styles shared by all slides. ============================================================ --> <style> /* ---- Page-level scroll snap ---- */ html { scroll-snap-type: y mandatory; scroll-behavior: smooth; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } html::-webkit-scrollbar { display: none; } body { margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; background: #0f0f29; } /* ---- Slide base ---- */ .slide { height: 100vh; width: 100%; scroll-snap-align: start; scroll-snap-stop: always; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } /* ---- Navigation dots (right edge) ---- */ .pres-dots { position: fixed; right: 18px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 10px; z-index: 9999; list-style: none; margin: 0; padding: 0; } .pres-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); cursor: pointer; border: none; padding: 0; outline: none; transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .pres-dot:hover { background: rgba(255, 255, 255, 0.5); } .pres-dot.active { background: #7790de; box-shadow: 0 0 8px rgba(119, 144, 222, 0.6); transform: scale(1.5); } /* ---- Slide counter (bottom-right) ---- */ .pres-counter { position: fixed; bottom: 20px; right: 24px; color: rgba(255, 255, 255, 0.28); font-size: 12px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.1em; z-index: 9999; pointer-events: none; user-select: none; } /* ---- Key hint (bottom-centre, fades out) ---- */ .pres-hint { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.22); font-size: 11px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; z-index: 9999; pointer-events: none; user-select: none; white-space: nowrap; transition: opacity 1.4s ease; } .pres-hint.hidden { opacity: 0; } /* ---- Left-edge back trigger ---- */ .pres-back-trigger { position: fixed; left: 0; top: 0; width: 48px; height: 100vh; z-index: 9998; cursor: pointer; } .pres-back-trigger:hover .pres-back-label { opacity: 1; transform: translateY(-50%) translateX(0); } .pres-back-label { position: absolute; top: 50%; left: 16px; transform: translateY(-50%) translateX(-8px); opacity: 0; transition: opacity 0.25s ease, transform 0.25s ease; display: flex; align-items: center; gap: 10px; white-space: nowrap; color: rgba(255, 255, 255, 0.75); font-size: 13px; font-family: 'Inter', system-ui, sans-serif; font-weight: 500; letter-spacing: 0.03em; text-decoration: none; padding: 10px 16px 10px 12px; background: rgba(15, 15, 41, 0.85); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: auto; } .pres-back-label:hover { color: #ffffff; border-color: rgba(255, 255, 255, 0.25); } .pres-back-arrow { font-size: 16px; line-height: 1; flex-shrink: 0; } /* ---- Mobile: desktop hint toast ---- */ .pres-mob-toast { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); z-index: 99999; background: rgba(15, 15, 41, 0.92); border: 1px solid rgba(119, 144, 222, 0.3); border-radius: 10px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 10px 10px 10px 16px; display: flex; align-items: center; gap: 12px; font-family: 'Inter', system-ui, sans-serif; font-size: 13px; color: rgba(200, 212, 228, 0.8); white-space: nowrap; opacity: 1; transition: opacity 0.4s ease, transform 0.4s ease; pointer-events: auto; } .pres-mob-toast.hidden { opacity: 0; transform: translateX(-50%) translateY(-8px); pointer-events: none; } .pres-mob-toast-close { width: 22px; height: 22px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.06); border-radius: 50%; color: rgba(200, 212, 228, 0.55); font-size: 12px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .pres-mob-toast-close:hover { background: rgba(255, 255, 255, 0.12); color: rgba(200, 212, 228, 0.9); } /* ============================================================ MOBILE — scale-to-fit: preserve desktop layout, shrink it to fit the phone screen. Users pinch-to-zoom for details. ============================================================ */ @media (max-width: 768px) { /* Disable snap — Tilda's header shifts the snap anchor of slide-1 below the viewport edge, causing it to be skipped. Natural scroll is more reliable on touch. */ html { scroll-snap-type: none; } /* Keep slides as fixed-height viewports */ .slide { height: 100svh; scroll-snap-align: none; scroll-snap-stop: normal; } /* Hide keyboard-centric chrome — not useful on touch */ .pres-dots, .pres-counter, .pres-hint, .pres-back-trigger { display: none !important; } /* Scale the content wrapper to fit the viewport width. --pres-mob-scale is set by JS in _foot.t123.html. The wrapper renders at its desktop width (1060px) and is visually scaled down via CSS transform. */ .slide > [class*="-wrap"], .slide > [class*="-outer"] { width: 1060px !important; max-width: none !important; transform: scale(var(--pres-mob-scale, 1)); transform-origin: center center; } } /* ============================================================ PRINT — one slide per page, hide navigation chrome. Use landscape orientation, no margins for best results. ============================================================ */ @media print { html { scroll-snap-type: none; overflow: visible; } body { background: #0a0a1e; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .slide { height: 100vh; width: 100vw; page-break-after: always; break-after: page; page-break-inside: avoid; break-inside: avoid; scroll-snap-align: none; overflow: hidden; } .slide:last-child { page-break-after: auto; break-after: auto; } .pres-dots, .pres-counter, .pres-hint, .pres-back-trigger, .pres-mob-toast { display: none !important; } /* Reveal all step-animated elements — force final state */ .slide * { opacity: 1 !important; transform: none !important; visibility: visible !important; transition: none !important; animation: none !important; } } </style> <!-- ============================================================ BuildDevCon: MariaDB & MySQL on Kubernetes — June 25, 2026 Slide 01: Title ============================================================ --> <style> #bmk-slide-01 { background-color: #04121a; background-image: radial-gradient(ellipse at 18% 78%, rgba(0, 117, 143, 0.55) 0%, transparent 55%), radial-gradient(ellipse at 82% 22%, rgba(242, 145, 17, 0.22) 0%, transparent 50%), radial-gradient(circle at 50% 50%, #0a1f2c 0%, #03101a 100%); } #bmk01-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; } .bmk01-wrap { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; width: 100%; position: relative; z-index: 1; max-width: min(1600px, 96vw); padding: clamp(28px, 4.5vh, 72px) clamp(24px, 3vw, 56px) clamp(24px, 4vh, 60px); box-sizing: border-box; text-align: center; } .bmk01-logos { display: flex; align-items: center; justify-content: center; gap: 28px; } .bmk01-logo { display: block; height: clamp(32px, 5.5vh, 72px); width: auto; opacity: 0.92; } .bmk01-logo-divider { width: 1px; height: clamp(20px, 3.5vh, 46px); background: rgba(255, 255, 255, 0.14); flex-shrink: 0; } .bmk01-event-logo { height: clamp(24px, 4vh, 54px); width: auto; opacity: 0.9; } .bmk01-body { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; } .bmk01-eyebrow { font-size: clamp(10px, 1.1vw, 20px); letter-spacing: 0.22em; text-transform: uppercase; color: #f29111; font-weight: 600; font-family: 'Inter', system-ui, sans-serif; margin: 0 0 clamp(14px, 2.5vh, 36px); } .bmk01-title { font-size: clamp(44px, 6.875vw, 140px); font-weight: 800; color: #ffffff; line-height: 1.02; letter-spacing: -0.034em; margin: 0 0 clamp(14px, 2vh, 32px); font-family: 'Inter', system-ui, sans-serif; max-width: min(1500px, 96vw); } .bmk01-title-old { color: #f29111; font-style: italic; font-weight: 800; } .bmk01-title-new { color: #4dc0d8; } .bmk01-subtitle { font-size: clamp(18px, 2.34vw, 46px); font-weight: 300; color: rgba(220, 235, 245, 0.78); font-family: 'Inter', system-ui, sans-serif; margin: 0 0 clamp(22px, 3.5vh, 56px); letter-spacing: -0.013em; } .bmk01-subtitle .bmk01-mysql { color: #ffffff; font-weight: 500; } .bmk01-subtitle .bmk01-amp { color: rgba(242, 145, 17, 0.7); margin: 0 14px; font-weight: 300; } .bmk01-subtitle .bmk01-k8s { color: #ffffff; font-weight: 500; } .bmk01-speaker { display: flex; align-items: center; justify-content: center; gap: 12px; font-family: 'Inter', system-ui, sans-serif; } .bmk01-speaker-name { color: #ffffff; font-size: clamp(14px, 1.72vw, 32px); font-weight: 600; } .bmk01-sep { width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); flex-shrink: 0; } .bmk01-speaker-role { color: #7ea3b3; font-size: clamp(12px, 1.41vw, 26px); font-weight: 400; } .bmk01-footer { display: flex; align-items: center; justify-content: center; gap: 20px; font-family: 'Inter', system-ui, sans-serif; } .bmk01-event-badge { display: inline-flex; align-items: center; gap: 8px; padding: clamp(5px, 0.7vh, 10px) clamp(12px, 1.4vw, 22px); border: 1px solid rgba(242, 145, 17, 0.32); border-radius: 50px; color: rgba(242, 145, 17, 0.85); font-size: clamp(10px, 1.17vw, 22px); font-weight: 500; background: rgba(242, 145, 17, 0.07); } .bmk01-event-dot { width: 6px; height: 6px; border-radius: 50%; background: #f29111; flex-shrink: 0; } .bmk01-date { color: rgba(255, 255, 255, 0.32); font-size: clamp(10px, 1.17vw, 22px); } .bmk01-footer-divider { width: 1px; height: 14px; background: rgba(255, 255, 255, 0.1); } .bmk01-event-link { color: rgba(255, 255, 255, 0.32) !important; font-size: clamp(10px, 1.17vw, 22px); text-decoration: none !important; transition: color 0.2s; } .bmk01-event-link:hover { color: rgba(255, 255, 255, 0.65) !important; } </style> <div class="slide" id="bmk-slide-01"> <canvas id="bmk01-canvas"></canvas> <div class="bmk01-wrap"> <div class="bmk01-logos"> <img class="bmk01-logo" src="https://solanica.io/images/pages/tild6161-6333-4631-b266-656534633030__white-horizontal-col.png" alt="Solanica" /> <span class="bmk01-logo-divider"></span> <img class="bmk01-event-logo" src="https://solanica.io/images/pages/tild3134-6535-4430-b335-633664396165__builddevcon_logo.png" alt="BuildDevCon" /> </div> <div class="bmk01-body"> <h1 class="bmk01-title"> Age Gap Is <span class="bmk01-title-old">Not</span> a Problem </h1> <p class="bmk01-subtitle"> <span class="bmk01-mysql">MySQL</span> <span class="bmk01-amp">×</span> <span class="bmk01-k8s">Cloud-Native</span> </p>https://solanica.io/ai-copilot/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/ai-copilot/<section class="copilot-hero-section"> <div class="copilot-container"> <!-- Status Badge --> <div class="copilot-status-badge"> <span class="copilot-pulse"></span> <span class="copilot-status-text">Alpha Program • Early Access</span> </div> <!-- Main Headline --> <h1 class="copilot-headline"> Stop Waking Up at 3 AM<br/>for Query Spikes. </h1> <!-- Sub-headline --> <p class="copilot-subheadline"> Solanica AI Copilot <span class="copilot-label">(Alpha)</span> automates the tuning, debugging, and indexing tasks that keep your SREs underwater. Built on OpenEverest. </p> <!-- Visual: Animated Alert Flow --> <div class="copilot-hero-visual"> <svg viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg"> <!-- Background --> <rect width="800" height="400" fill="#0a0a1f" rx="8"/> <!-- Incident Alert (Left) --> <g id="incident"> <rect x="40" y="80" width="220" height="240" fill="#161641" stroke="#ff5f56" stroke-width="2" rx="6"/> <text x="150" y="110" text-anchor="middle" fill="#ff5f56" font-size="14" font-weight="bold" font-family="sans-serif">⚠ INCIDENT DETECTED</text> <line x1="60" y1="125" x2="240" y2="125" stroke="#2a2a5c" stroke-width="1"/> <!-- Alert details --> <text x="70" y="150" fill="#b4bec8" font-size="11" font-family="monospace">Time: 03:14 AM</text> <text x="70" y="170" fill="#b4bec8" font-size="11" font-family="monospace">Service: orders-db</text> <text x="70" y="190" fill="#ff5f56" font-size="11" font-family="monospace">p99 latency: 8.4s</text> <text x="70" y="210" fill="#ff5f56" font-size="11" font-family="monospace">CPU: 94%</text> <!-- Graph spike --> <rect x="60" y="230" width="180" height="70" fill="#0a0a1f" stroke="#2a2a5c" stroke-width="1" rx="3"/> <polyline points="70,280 90,275 110,270 130,265 150,240 170,245 190,250 210,255 230,260" fill="none" stroke="#ff5f56" stroke-width="2"/> <circle cx="150" cy="240" r="4" fill="#ff5f56"/> </g> <!-- Arrow --> <defs> <marker id="arrow" markerWidth="6" markerHeight="6" refX="5" refY="2" orient="auto"> <polygon points="0 0, 6 2, 0 4" fill="#00ff9d"/> </marker> </defs> <path d="M 270 200 L 310 200" stroke="#00ff9d" stroke-width="2" marker-end="url(#arrow)"/> <text x="290" y="185" text-anchor="middle" fill="#00ff9d" font-size="10" font-family="sans-serif" font-weight="bold">AI ANALYZE</text> <!-- Copilot Analysis (Center) --> <g id="copilot"> <rect x="320" y="80" width="240" height="240" fill="#161641" stroke="#00ff9d" stroke-width="2" rx="6"/> <g transform="translate(440, 115)"> <circle cx="0" cy="0" r="18" fill="url(#gradient-copilot)"/> <text x="0" y="6" text-anchor="middle" fill="#0a0a1f" font-size="18" font-weight="bold" font-family="sans-serif">◈</text> </g> <text x="440" y="150" text-anchor="middle" fill="#00ff9d" font-size="13" font-weight="bold" font-family="sans-serif">Copilot Analysis</text> <line x1="340" y1="165" x2="540" y2="165" stroke="#2a2a5c" stroke-width="1"/> <!-- Findings --> <g transform="translate(335, 185)"> <circle cx="5" cy="0" r="3" fill="#00ff9d"/> <text x="15" y="4" fill="#d1d5db" font-size="10" font-family="sans-serif">Sequential scan on orders</text> </g> <g transform="translate(335, 205)"> <circle cx="5" cy="0" r="3" fill="#00ff9d"/> <text x="15" y="4" fill="#d1d5db" font-size="10" font-family="sans-serif">Missing index: created_at</text> </g> <g transform="translate(335, 225)"> <circle cx="5" cy="0" r="3" fill="#00ff9d"/> <text x="15" y="4" fill="#d1d5db" font-size="10" font-family="sans-serif">Estimated improvement: 78%</text> </g> <rect x="335" y="245" width="210" height="60" fill="#0a0a1f" stroke="#2a2a5c" stroke-width="1" rx="3"/> <text x="345" y="263" fill="#7790de" font-size="9" font-family="monospace">CREATE INDEX CONCURRENTLY</text> <text x="345" y="278" fill="#00ff9d" font-size="9" font-family="monospace"> idx_orders_created_at</text> <text x="345" y="293" fill="#d1d5db" font-size="9" font-family="monospace">ON orders(created_at);</text> </g> <!-- Arrow --> <path d="M 570 200 L 610 200" stroke="#00ff9d" stroke-width="2" marker-end="url(#arrow)"/> <text x="590" y="185" text-anchor="middle" fill="#00ff9d" font-size="10" font-family="sans-serif" font-weight="bold">AUTO-FIX</text> <!-- Resolution (Right) --> <g id="resolution"> <rect x="620" y="80" width="160" height="240" fill="#161641" stroke="#00ff9d" stroke-width="2" rx="6" stroke-dasharray="5,5"/> <text x="700" y="110" text-anchor="middle" fill="#00ff9d" font-size="14" font-weight="bold" font-family="sans-serif">✓ RESOLVED</text> <line x1="640" y1="125" x2="760" y2="125" stroke="#2a2a5c" stroke-width="1"/> <text x="650" y="150" fill="#b4bec8" font-size="11" font-family="monospace">Time: 03:16 AM</text> <text x="650" y="170" fill="#00ff9d" font-size="11" font-family="monospace">p99: 240ms</text> <text x="650" y="190" fill="#00ff9d" font-size="11" font-family="monospace">CPU: 34%</text> <rect x="640" y="230" width="120" height="70" fill="#0a0a1f" stroke="#2a2a5c" stroke-width="1" rx="3"/> <polyline points="650,280 665,278 680,276 695,274 710,272 725,270 740,268 750,267" fill="none" stroke="#00ff9d" stroke-width="2"/> </g> <!-- Gradient Definition --> <defs> <linearGradient id="gradient-copilot" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#00ff9d;stop-opacity:1" /> <stop offset="100%" style="stop-color:#7790de;stop-opacity:1" /> </linearGradient> </defs> </svg> </div> <!-- Key Promise --> <div class="copilot-promise"> <div class="copilot-promise-item"> <span class="copilot-promise-icon">⚡</span> <span class="copilot-promise-text">2-minute mean time to resolution</span> </div> <div class="copilot-promise-item"> <span class="copilot-promise-icon">✓</span> <span class="copilot-promise-text">Suggestions, not "yolo" changes</span> </div> <div class="copilot-promise-item"> <span class="copilot-promise-icon">●</span> <span class="copilot-promise-text">Your data never leaves your VPC</span> </div> </div> </div> </section> <style> .copilot-hero-section { background: linear-gradient(180deg, #0a0a1f 0%, #0f0f2d 100%); padding: 120px 20px 100px 20px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; color: #ffffff; text-align: center; position: relative; overflow: hidden; } .copilot-hero-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, #00ff9d, transparent); } .copilot-container { max-width: 1200px; margin: 0 auto; } /* Status Badge */ .copilot-status-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(0, 255, 157, 0.1); border: 1px solid rgba(0, 255, 157, 0.3); border-radius: 20px; padding: 6px 16px; margin-bottom: 30px; animation: badge-glow 2s ease-in-out infinite; } @keyframes badge-glow { 0%, 100% { box-shadow: 0 0 10px rgba(0, 255, 157, 0.2); } 50% { box-shadow: 0 0 20px rgba(0, 255, 157, 0.4); } } .copilot-pulse { width: 8px; height: 8px; background: #00ff9d; border-radius: 50%; animation: pulse 2s ease-in-out infinite; } @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.2); } } .copilot-status-text { font-size: 13px; font-weight: 600; color: #00ff9d; letter-spacing: 0.5px; } /* Headline */ .copilot-headline { font-size: 56px; font-weight: 800; line-height: 1.15; margin: 0 0 25px 0; color: #ffffff; letter-spacing: -0.02em; } .copilot-subheadline { font-size: 20px; line-height: 1.6; color: #b4bec8; max-width: 700px; margin: 0 auto 60px auto; } .copilot-label { display: inline-block; font-size: 14px; font-weight: 700; color: #ffbd2e; background: rgba(255, 189, 46, 0.1); padding: 2px 8px; border-radius: 4px; margin: 0 2px; } /* Visual */ .copilot-hero-visual { background: #161641; border: 1px solid #2a2a5c; border-radius: 12px; padding: 40px; margin: 0 auto 50px auto; max-width: 900px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); } .copilot-hero-visual svg { width: 100%; height: auto; display: block; } /* Promise Items */ .copilot-promise { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 40px; } .copilot-promise-item { display: flex; align-items: center; gap: 10px; font-size: 15px; color: #d1d5db; } .copilot-promise-icon { font-size: 20px; } .copilot-promise-text { font-weight: 500; } @media (max-width: 768px) { .copilot-headline { font-size: 36px; } .copilot-subheadline { font-size: 17px; } .copilot-hero-visual { padding: 20px; } .copilot-promise { flex-direction: column; gap: 20px; } } </style> <section class="copilot-pain-section"> <div class="copilot-container"> <!-- Section Header --> <div class="copilot-section-header"> <h2>Choose Your Pain Point</h2> <p class="copilot-section-intro">We built this for engineers who are drowning in database ops. Select the problem that keeps you underwater—and see how Copilot eliminates it.</p>https://solanica.io/ai-platform/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/ai-platform/<style> .aip-hero { font-family: 'Inter', system-ui, -apple-system, sans-serif; box-sizing: border-box; width: 100%; color: #ffffff; background-color: #0f0f29; background-image: radial-gradient(circle at 50% 0%, #1f2355 0%, #0f0f29 70%); padding: 160px 20px 80px 20px; text-align: center; } .aip-hero-inner { max-width: 1280px; margin: 0 auto; } .aip-hero-eyebrow { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #f4a261; margin-bottom: 22px; padding: 5px 12px; background: rgba(244, 162, 97, 0.08); border: 1px solid rgba(244, 162, 97, 0.3); border-radius: 4px; } .aip-hero h1 { font-size: 56px; line-height: 1.1; font-weight: 600; margin: 0 0 24px 0; letter-spacing: -1.5px; } .aip-hero-sub { font-size: 20px; line-height: 1.6; color: #b4bec8; max-width: 760px; margin: 0 auto; font-weight: 400; } .aip-hero-btns { margin-top: 40px; display: flex; justify-content: center; gap: 20px; } .aip-btn { display: inline-block; padding: 14px 28px; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.2s ease; cursor: pointer; } .aip-btn-primary { background-color: #7790de; color: #ffffff !important; border: 1px solid #7790de; box-shadow: 0 4px 12px rgba(119, 144, 222, 0.3); } .aip-btn-primary:hover { background-color: #ffffff; color: #161641 !important; border-color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(119, 144, 222, 0.4); } .aip-btn-secondary { background-color: rgba(255, 255, 255, 0.05); color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); } .aip-btn-secondary:hover { border-color: #ffffff; background-color: rgba(255, 255, 255, 0.15); transform: translateY(-2px); } .aip-hero-trust { margin-top: 28px; font-size: 13px; color: #9ca3af; letter-spacing: 0.3px; } .aip-hero-trust span { color: #b4bec8; } .aip-hero-trust-divider { display: inline-block; width: 4px; height: 4px; background: #444; border-radius: 50%; vertical-align: middle; margin: 0 10px; } @media (max-width: 768px) { .aip-hero { padding-top: 100px; padding-bottom: 40px; } .aip-hero h1 { font-size: 36px; letter-spacing: -0.5px; } .aip-hero-sub { font-size: 16px; } .aip-hero-btns { flex-direction: column; align-items: center; gap: 15px; } .aip-btn { width: 100%; max-width: 280px; text-align: center; } .aip-hero-trust { font-size: 12px; line-height: 1.8; } .aip-hero-trust-divider { margin: 0 6px; } .aip-hero-eyebrow { font-size: 11px; } } </style> <div class="aip-hero"> <div class="aip-hero-inner"> <h1> <span style="color: #ffffff;">The Missing Data &amp; Model Layer for Your</span><br/> <span style="color: #7790de;">AI Platform</span> </h1> <p class="aip-hero-sub"> Stop fighting GPU orchestration and vector index scaling. Solanica automates the deployment, management, and observability of your AI stack on Kubernetes &mdash; keeping your models, embeddings, and prompts inside your own infrastructure. </p>https://solanica.io/vs/aiven/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/vs/aiven/<section class="sol-vs-hero"> <div class="sol-vs-hero-container"> <nav class="sol-vs-breadcrumb"> <a href="https://solanica.io/comparisons/" class="sol-vs-breadcrumb-link">comparisons</a> <span class="sol-vs-breadcrumb-sep">❯</span> <span class="sol-vs-breadcrumb-current">solanica-vs-aiven</span> </nav> <div class="sol-vs-hero-label"> <span class="sol-vs-mono">$ diff solanica.yaml aiven.yaml</span> </div> <h1>Solanica vs Aiven</h1> <h2>Self-Hosted Database Control Plane vs Managed Cloud Service</h2> <p class="sol-vs-hero-intro">Both Solanica and Aiven help teams run production databases without reinventing operational tooling. The fundamental difference: Aiven runs your databases on their cloud infrastructure. Solanica runs everything on <strong>your</strong> Kubernetes clusters — your cloud account, your on-prem nodes, your network perimeter.</p> <!-- Side-by-side positioning badges --> <div class="sol-vs-positioning-grid"> <div class="sol-vs-product-badge sol-vs-solanica"> <div class="sol-vs-product-badge-header"> <span class="sol-vs-badge-dot solanica-dot">●</span> <span class="sol-vs-product-name">Solanica + OpenEverest</span> </div> <div class="sol-vs-product-type">Self-Hosted · K8s-Native · Open Source</div> <ul class="sol-vs-badge-points"> <li>Runs on your existing Kubernetes clusters</li> <li>Data never leaves your infrastructure</li> <li>Apache 2.0 licensed control plane</li> <li>Multi-cloud, on-prem, and air-gapped support</li> </ul> <div class="sol-vs-badge-tag-row"> <span class="sol-vs-badge-tag solanica-tag">Your Cloud / On-Prem</span> <span class="sol-vs-badge-tag solanica-tag">Zero Egress</span> <span class="sol-vs-badge-tag solanica-tag">Open Source</span> </div> </div> <div class="sol-vs-divider-col"> <span class="sol-vs-vs-label">VS</span> </div> <div class="sol-vs-product-badge sol-vs-aiven"> <div class="sol-vs-product-badge-header"> <span class="sol-vs-badge-dot aiven-dot">●</span> <span class="sol-vs-product-name">Aiven</span> </div> <div class="sol-vs-product-type">Managed SaaS · Multi-Cloud · Proprietary Platform</div> <ul class="sol-vs-badge-points"> <li>Databases run in Aiven's cloud infrastructure</li> <li>Zero operational overhead to get started</li> <li>Pay Aiven per node-hour on top of cloud costs</li> <li>No on-prem or air-gapped deployment option</li> </ul> <div class="sol-vs-badge-tag-row"> <span class="sol-vs-badge-tag aiven-tag">Aiven's Infrastructure</span> <span class="sol-vs-badge-tag aiven-tag">SaaS Pricing</span> <span class="sol-vs-badge-tag aiven-tag">Managed Service</span> </div> </div> </div> </div> </section> <style> .sol-vs-hero { background: linear-gradient(135deg, #0a0a1f 0%, #0f0f2d 60%, #0f1a2d 100%); padding: 80px 20px 100px; font-family: 'Inter', sans-serif; color: #ffffff; position: relative; overflow: hidden; } .sol-vs-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(90deg, rgba(0, 255, 157, 0.025) 1px, transparent 1px), linear-gradient(rgba(0, 255, 157, 0.025) 1px, transparent 1px); background-size: 50px 50px; pointer-events: none; } .sol-vs-hero .sol-vs-hero-container { max-width: 1100px; margin: 0 auto; position: relative; z-index: 1; } .sol-vs-hero .sol-vs-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 48px; font-size: 13px; font-family: 'Courier New', monospace; opacity: 0.7; } .sol-vs-hero .sol-vs-breadcrumb-link { color: #00ff9d; text-decoration: none; } .sol-vs-hero .sol-vs-breadcrumb-link:hover { text-decoration: underline; } .sol-vs-hero .sol-vs-breadcrumb-sep { color: #b4bec8; } .sol-vs-hero .sol-vs-breadcrumb-current { color: #b4bec8; } .sol-vs-hero .sol-vs-mono { font-family: 'Courier New', monospace; font-size: 14px; color: #00ff9d; background: rgba(0, 255, 157, 0.1); padding: 7px 14px; border-radius: 4px; border-left: 3px solid #00ff9d; display: inline-block; margin-bottom: 24px; } .sol-vs-hero .sol-vs-hero-label { margin-bottom: 4px; } .sol-vs-hero h1 { font-size: 60px; font-weight: 800; line-height: 1.1; margin: 0 0 14px 0; letter-spacing: -1px; color: #ffffff; } .sol-vs-hero h2 { font-size: 22px; font-weight: 400; color: #b4bec8; margin: 0 0 28px 0; line-height: 1.4; } .sol-vs-hero .sol-vs-hero-intro { font-size: 17px; line-height: 1.75; color: #b4bec8; max-width: 820px; margin: 0 0 56px 0; } .sol-vs-hero .sol-vs-hero-intro strong { color: #ffffff; } /* Positioning badges */ .sol-vs-hero .sol-vs-positioning-grid { display: grid; grid-template-columns: 1fr 60px 1fr; gap: 0; align-items: center; } .sol-vs-hero .sol-vs-product-badge { border-radius: 10px; padding: 32px; } .sol-vs-hero .sol-vs-solanica { background: rgba(0, 255, 157, 0.05); border: 2px solid rgba(0, 255, 157, 0.3); } .sol-vs-hero .sol-vs-aiven { background: rgba(242, 101, 34, 0.05); border: 1px solid rgba(242, 101, 34, 0.25); } .sol-vs-hero .sol-vs-product-badge-header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; } .sol-vs-hero .sol-vs-badge-dot { font-size: 13px; } .sol-vs-hero .solanica-dot { color: #00ff9d; } .sol-vs-hero .aiven-dot { color: #f26522; } .sol-vs-hero .sol-vs-product-name { font-size: 18px; font-weight: 700; color: #ffffff; } .sol-vs-hero .sol-vs-product-type { font-size: 13px; font-family: 'Courier New', monospace; color: #b4bec8; margin-bottom: 20px; margin-left: 22px; } .sol-vs-hero .sol-vs-badge-points { list-style: none; padding: 0; margin: 0 0 20px 0; display: flex; flex-direction: column; gap: 10px; } .sol-vs-hero .sol-vs-badge-points li { font-size: 14px; color: #d1d5db; padding-left: 18px; position: relative; line-height: 1.5; } .sol-vs-hero .sol-vs-solanica .sol-vs-badge-points li::before { content: '✓'; position: absolute; left: 0; color: #00ff9d; font-weight: 700; font-size: 11px; top: 2px; } .sol-vs-hero .sol-vs-aiven .sol-vs-badge-points li::before { content: '▸'; position: absolute; left: 0; color: #b4bec8; font-size: 10px; top: 3px; } .sol-vs-hero .sol-vs-badge-tag-row { display: flex; flex-wrap: wrap; gap: 6px; } .sol-vs-hero .sol-vs-badge-tag { font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Courier New', monospace; } .sol-vs-hero .solanica-tag { color: #00ff9d; background: rgba(0, 255, 157, 0.1); } .sol-vs-hero .aiven-tag { color: #f26522; background: rgba(242, 101, 34, 0.1); } .sol-vs-hero .sol-vs-divider-col { display: flex; align-items: center; justify-content: center; } .sol-vs-hero .sol-vs-vs-label { font-size: 22px; font-weight: 800; font-family: 'Courier New', monospace; color: #2a2a5c; letter-spacing: 2px; } @media (max-width: 900px) { .sol-vs-hero h1 { font-size: 38px; } .sol-vs-hero h2 { font-size: 18px; } .sol-vs-hero .sol-vs-positioning-grid { grid-template-columns: 1fr; gap: 20px; } .sol-vs-hero .sol-vs-divider-col { display: none; } } </style> <section class="sol-vs-table-section"> <div class="sol-vs-table-container"> <div class="sol-vs-section-header"> <span class="sol-vs-mono sol-vs-section-label">$ kubectl diff solanica aiven --output=table</span> <h2>Feature Comparison</h2> <p class="sol-vs-table-intro">A factual comparison across the dimensions that matter most for production database infrastructure. Where Aiven has a genuine advantage, we say so.</p>https://solanica.io/contact-us/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/contact-us/<section style="background:linear-gradient(180deg,#161641 0%,#0f0f29 100%);padding:90px 20px 70px;font-family:'Inter',system-ui,-apple-system,sans-serif;text-align:center;color:#fff;"> <div style="max-width:760px;margin:0 auto;"> <h1 style="font-size:48px;font-weight:600;letter-spacing:-1px;margin:0 0 16px;">We are here to help you succeed</h1> <p style="font-size:19px;line-height:1.6;color:#b4bec8;margin:0;">Questions about the platform, a partnership, or support? Reach out and the Solanica team will get back to you.</p> </div> </section> <section style="background:#fff;padding:70px 20px 90px;font-family:'Inter',system-ui,-apple-system,sans-serif;"> <div style="max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start;"> <div> <div style="background:#f6f7fb;border:1px solid #e7e9f2;border-radius:14px;padding:30px;margin-bottom:24px;"> <h2 style="font-size:22px;font-weight:700;color:#161641;margin:0 0 8px;">Book a meeting</h2> <p style="color:#5b6472;font-size:15px;line-height:1.6;margin:0 0 18px;">Don't want to wait and ready to talk? Book a meeting with our team.</p> <a href="https://meet.solanica.io/30min" target="_blank" rel="noopener" style="display:inline-block;background:#7790de;color:#fff;font-weight:600;padding:12px 26px;border-radius:10px;text-decoration:none;transition:background .2s ease;" onmouseover="this.style.background='#161641'" onmouseout="this.style.background='#7790de'">Schedule a call &rarr;</a> </div> <div style="background:#f6f7fb;border:1px solid #e7e9f2;border-radius:14px;padding:30px;margin-bottom:24px;"> <h2 style="font-size:22px;font-weight:700;color:#161641;margin:0 0 16px;">Email for various inquiries</h2> <ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;"> <li><span style="display:block;font-size:13px;color:#8890a0;">Sales inquiries</span><a href="mailto:sales@solanica.io" style="color:#7790de;font-weight:600;text-decoration:none;">sales@solanica.io</a></li> <li><span style="display:block;font-size:13px;color:#8890a0;">Want to partner</span><a href="mailto:partners@solanica.io" style="color:#7790de;font-weight:600;text-decoration:none;">partners@solanica.io</a></li> <li><span style="display:block;font-size:13px;color:#8890a0;">Security and abuse</span><a href="mailto:it@solanica.io" style="color:#7790de;font-weight:600;text-decoration:none;">it@solanica.io</a></li> </ul> </div> <div style="background:#f6f7fb;border:1px solid #e7e9f2;border-radius:14px;padding:30px;"> <h2 style="font-size:22px;font-weight:700;color:#161641;margin:0 0 10px;">Solanica Inc.</h2> <p style="color:#5b6472;font-size:15px;line-height:1.7;margin:0;">160 Mine Lake Ct Ste 200<br>Raleigh, NC 27615</p>https://solanica.io/database-as-a-service/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/database-as-a-service/<style> .dbaas-hero { font-family: 'Inter', system-ui, -apple-system, sans-serif; box-sizing: border-box; width: 100%; color: #ffffff; background-color: #0f0f29; background-image: radial-gradient(circle at 50% 0%, #1f2355 0%, #0f0f29 70%); padding: 160px 20px 80px 20px; text-align: center; } .dbaas-hero-inner { max-width: 900px; margin: 0 auto; } .dbaas-hero h1 { font-size: 56px; line-height: 1.1; font-weight: 600; margin: 0 0 24px 0; letter-spacing: -1.5px; } .dbaas-hero-sub { font-size: 20px; line-height: 1.6; color: #b4bec8; max-width: 750px; margin: 0 auto; font-weight: 400; } .dbaas-hero-btns { margin-top: 40px; display: flex; justify-content: center; gap: 20px; } .dbaas-btn { display: inline-block; padding: 14px 28px; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.2s ease; cursor: pointer; } .dbaas-btn-primary { background-color: #7790de; color: #ffffff !important; border: 1px solid #7790de; box-shadow: 0 4px 12px rgba(119, 144, 222, 0.3); } .dbaas-btn-primary:hover { background-color: #ffffff; color: #161641 !important; border-color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(119, 144, 222, 0.4); } .dbaas-btn-secondary { background-color: rgba(255, 255, 255, 0.05); color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); } .dbaas-btn-secondary:hover { border-color: #ffffff; background-color: rgba(255, 255, 255, 0.15); transform: translateY(-2px); } .dbaas-hero-trust { margin-top: 28px; font-size: 13px; color: #9ca3af; letter-spacing: 0.3px; } .dbaas-hero-trust span { color: #b4bec8; } .dbaas-hero-trust-divider { display: inline-block; width: 4px; height: 4px; background: #444; border-radius: 50%; vertical-align: middle; margin: 0 10px; } @media (max-width: 768px) { .dbaas-hero { padding-top: 100px; padding-bottom: 40px; } .dbaas-hero h1 { font-size: 36px; letter-spacing: -0.5px; } .dbaas-hero-sub { font-size: 16px; } .dbaas-hero-btns { flex-direction: column; align-items: center; gap: 15px; } .dbaas-btn { width: 100%; max-width: 280px; text-align: center; } .dbaas-hero-trust { font-size: 12px; line-height: 1.8; } .dbaas-hero-trust-divider { margin: 0 6px; } } </style> <div class="dbaas-hero"> <div class="dbaas-hero-inner"> <h1> <span style="color: #ffffff;">Private DBaaS for Kubernetes.</span><br/> <span style="color: #7790de;">Half the cost of public cloud.</span> </h1> <p class="dbaas-hero-sub"> Replace RDS, Atlas, and CloudSQL with a private DBaaS on your own Kubernetes &mdash; same automation, predictable cost, zero vendor lock-in. Built on open-source OpenEverest. </p>https://solanica.io/developer-platform/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/developer-platform/<style> .devplat-hero { font-family: 'Inter', system-ui, -apple-system, sans-serif; box-sizing: border-box; width: 100%; color: #ffffff; background-color: #0f0f29; background-image: radial-gradient(circle at 50% 0%, #1f2355 0%, #0f0f29 70%); padding: 160px 20px 80px 20px; text-align: center; } .devplat-hero-inner { max-width: 900px; margin: 0 auto; } .devplat-hero h1 { font-size: 56px; line-height: 1.1; font-weight: 600; margin: 0 0 24px 0; letter-spacing: -1.5px; } .devplat-hero-sub { font-size: 20px; line-height: 1.6; color: #b4bec8; max-width: 750px; margin: 0 auto; font-weight: 400; } .devplat-hero-btns { margin-top: 40px; display: flex; justify-content: center; gap: 20px; } .devplat-btn { display: inline-block; padding: 14px 28px; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.2s ease; cursor: pointer; } .devplat-btn-primary { background-color: #7790de; color: #ffffff !important; border: 1px solid #7790de; box-shadow: 0 4px 12px rgba(119, 144, 222, 0.3); } .devplat-btn-primary:hover { background-color: #ffffff; color: #161641 !important; border-color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(119, 144, 222, 0.4); } .devplat-btn-secondary { background-color: rgba(255, 255, 255, 0.05); color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); } .devplat-btn-secondary:hover { border-color: #ffffff; background-color: rgba(255, 255, 255, 0.15); transform: translateY(-2px); } @media (max-width: 768px) { .devplat-hero { padding-top: 100px; padding-bottom: 40px; } .devplat-hero h1 { font-size: 36px; letter-spacing: -0.5px; } .devplat-hero-sub { font-size: 16px; } .devplat-hero-btns { flex-direction: column; align-items: center; gap: 15px; } .devplat-btn { width: 100%; max-width: 280px; text-align: center; } .devplat-hero-trust { font-size: 12px; line-height: 1.8; } .devplat-hero-trust-divider { margin: 0 6px; } } .devplat-hero-trust { margin-top: 28px; font-size: 13px; color: #9ca3af; letter-spacing: 0.3px; } .devplat-hero-trust span { color: #b4bec8; } .devplat-hero-trust-divider { display: inline-block; width: 4px; height: 4px; background: #444; border-radius: 50%; vertical-align: middle; margin: 0 10px; } </style> <div class="devplat-hero"> <div class="devplat-hero-inner"> <h1> <span style="color: #ffffff;">The Missing Database Layer for Your </span><span style="color: #7790de;">Internal Developer Platform</span> </h1> <p class="devplat-hero-sub"> Give developers a database in minutes, not a Jira ticket. Self-service provisioning, golden paths, and cost guardrails &mdash; fully integrated with Backstage, Crossplane, or your custom portal. </p>https://solanica.io/branding/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/branding/Solanica logos, colors and brand guidelines.https://solanica.io/whitepapers/mongodb-on-kubernetes/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/whitepapers/mongodb-on-kubernetes/<section class="sol-mg-hero"> <div class="sol-mg-container"> <nav class="sol-mg-breadcrumb"> <a href="https://solanica.io/whitepapers/" class="sol-mg-breadcrumb-link">whitepapers</a> <span class="sol-mg-breadcrumb-sep">❯</span> <span class="sol-mg-breadcrumb-current">mongodb-on-kubernetes</span> </nav> <div class="sol-mg-hero-content"> <div class="sol-mg-hero-label"> <span class="sol-mg-mono">$ kubectl get mongodbclusters --all-namespaces</span> </div> <h1>Running MongoDB<br>on Kubernetes</h1> <h2>Replica Sets, Sharded Clusters &amp; Operator Comparison</h2> <div class="sol-mg-metadata"> <div class="sol-mg-badge"> <span class="sol-mg-badge-label">STATUS</span> <span class="sol-mg-badge-value">PRODUCTION_READY</span> </div> <div class="sol-mg-badge"> <span class="sol-mg-badge-label">AUDIENCE</span> <span class="sol-mg-badge-value">DBA | SRE | PLATFORM_ENG</span> </div> <div class="sol-mg-badge"> <span class="sol-mg-badge-label">DATABASE</span> <span class="sol-mg-badge-value">MongoDB 6+</span> </div> </div> </div> </div> </section> <style> .sol-mg-hero { background: linear-gradient(135deg, #0a0a1f 0%, #0f0f2d 60%, #1a0f30 100%); padding: 80px 20px 100px; font-family: 'Inter', sans-serif; color: #ffffff; position: relative; overflow: hidden; } .sol-mg-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(90deg, rgba(0, 255, 157, 0.03) 1px, transparent 1px), linear-gradient(rgba(0, 255, 157, 0.03) 1px, transparent 1px); background-size: 50px 50px; pointer-events: none; } .sol-mg-hero .sol-mg-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } .sol-mg-hero .sol-mg-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 48px; font-size: 13px; font-family: 'Courier New', monospace; opacity: 0.7; } .sol-mg-hero .sol-mg-breadcrumb-link { color: #00ff9d; text-decoration: none; } .sol-mg-hero .sol-mg-breadcrumb-link:hover { text-decoration: underline; } .sol-mg-hero .sol-mg-breadcrumb-sep { color: #b4bec8; } .sol-mg-hero .sol-mg-breadcrumb-current { color: #b4bec8; } .sol-mg-hero .sol-mg-mono { font-family: 'Courier New', monospace; font-size: 14px; color: #00ff9d; background: rgba(0, 255, 157, 0.1); padding: 8px 14px; border-radius: 4px; border-left: 3px solid #00ff9d; } .sol-mg-hero h1 { font-size: 64px; font-weight: 800; line-height: 1.1; margin: 24px 0 16px 0; color: #ffffff; letter-spacing: -1px; } .sol-mg-hero h2 { font-size: 22px; font-weight: 400; color: #b4bec8; margin: 0 0 40px 0; line-height: 1.4; } .sol-mg-hero .sol-mg-metadata { display: flex; flex-wrap: wrap; gap: 12px; } .sol-mg-hero .sol-mg-badge { display: inline-flex; align-items: center; border: 1px solid #2a2a5c; border-radius: 4px; overflow: hidden; font-family: 'Courier New', monospace; font-size: 12px; } .sol-mg-hero .sol-mg-badge-label { background: rgba(0, 255, 157, 0.1); color: #00ff9d; padding: 5px 10px; font-weight: 600; letter-spacing: 0.5px; border-right: 1px solid #2a2a5c; } .sol-mg-hero .sol-mg-badge-value { color: #d1d5db; padding: 5px 10px; } @media (max-width: 768px) { .sol-mg-hero { padding: 60px 20px 70px; } .sol-mg-hero h1 { font-size: 38px; } .sol-mg-hero h2 { font-size: 18px; } } </style> <section class="sol-mg-toc-section"> <div class="sol-mg-toc-container"> <div class="sol-mg-toc-header"> <span class="sol-mg-toc-label">$ cat mongodb-on-kubernetes/table-of-contents.md</span> <p class="sol-mg-toc-intro">This guide covers production MongoDB on Kubernetes end-to-end — from replica set topology and sharded cluster architecture to operator selection, PITR backups, and compute sizing.</p>https://solanica.io/whitepapers/mysql-on-kubernetes/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/whitepapers/mysql-on-kubernetes/<section class="sol-mysql-hero"> <div class="sol-container"> <div class="sol-hero-content"> <div class="sol-breadcrumb"> <span class="sol-mono">/whitepapers/</span> <span class="sol-status-icon info">❯</span> <span class="sol-mono">mysql-on-kubernetes</span> </div> <h1>Running MySQL on Kubernetes</h1> <h2>A Complete Architecture Guide</h2> <p class="sol-tagline">MySQL is one of the most mature relational databases in the world. Running it on Kubernetes is no longer a question of <code>if</code> — it's a question of <code>how</code>.</p> <div class="sol-metadata"> <div class="sol-meta-item"> <span class="sol-status-icon success">●</span> <span class="sol-mono">STATUS: PRODUCTION_READY</span> </div> <div class="sol-meta-item"> <span class="sol-status-icon info">●</span> <span class="sol-mono">AUDIENCE: DBA | SRE | PLATFORM_ENG</span> </div> <div class="sol-meta-item"> <span class="sol-status-icon warning">●</span> <span class="sol-mono">DATABASE: MySQL 8.x+</span> </div> </div> </div> </div> </section> <style> .sol-mysql-hero { background: linear-gradient(135deg, #0a0a1f 0%, #161641 100%); padding: 120px 20px 80px 20px; font-family: 'Inter', sans-serif; color: #ffffff; border-bottom: 2px solid #7790de; position: relative; overflow: hidden; } .sol-mysql-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(90deg, rgba(119, 144, 222, 0.05) 1px, transparent 1px), linear-gradient(rgba(119, 144, 222, 0.05) 1px, transparent 1px); background-size: 50px 50px; opacity: 0.3; pointer-events: none; } .sol-mysql-hero .sol-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } .sol-mysql-hero .sol-breadcrumb { display: flex; align-items: center; gap: 10px; margin-bottom: 30px; font-size: 14px; } .sol-mysql-hero .sol-mono { font-family: 'Courier New', monospace; color: #7790de; font-weight: 600; } .sol-mysql-hero .sol-status-icon { font-size: 12px; } .sol-mysql-hero .success { color: #00ff9d; } .sol-mysql-hero .info { color: #2ecc71; } .sol-mysql-hero .warning { color: #ffbd2e; } .sol-mysql-hero .sol-hero-content h1 { font-size: 56px; line-height: 1.1; font-weight: 800; margin: 0 0 15px 0; color: #ffffff; letter-spacing: -0.5px; } .sol-mysql-hero .sol-hero-content h2 { font-size: 32px; line-height: 1.3; font-weight: 600; margin: 0 0 30px 0; color: #7790de; } .sol-mysql-hero .sol-tagline { font-size: 20px; line-height: 1.6; color: #b4bec8; margin-bottom: 40px; max-width: 800px; } .sol-mysql-hero .sol-tagline code { background: rgba(119, 144, 222, 0.15); color: #00ff9d; padding: 2px 10px; border-radius: 4px; font-family: 'Fira Code', 'Courier New', monospace; font-size: 0.95em; font-weight: 600; } .sol-mysql-hero .sol-metadata { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); } .sol-mysql-hero .sol-meta-item { display: flex; align-items: center; gap: 8px; font-size: 13px; } @media (max-width: 768px) { .sol-mysql-hero .sol-hero-content h1 { font-size: 36px; } .sol-mysql-hero .sol-hero-content h2 { font-size: 24px; } .sol-mysql-hero .sol-tagline { font-size: 16px; } .sol-mysql-hero .sol-metadata { flex-direction: column; gap: 15px; } } </style> <section class="sol-mysql-toc-section"> <div class="sol-container"> <div class="sol-toc-header"> <span class="sol-mono sol-toc-label">$ cat TABLE_OF_CONTENTS</span> <h2>MySQL on Kubernetes: Architecture &amp; Operations</h2> <p class="sol-toc-intro">Six pillars of running production MySQL on Kubernetes — from topology design to operator selection</p>https://solanica.io/presentations/about-openeverest/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/presentations/about-openeverest/<!-- ============================================================ OpenEverest Overview — Customer Presentation _meta.t123.html ============================================================ --> <script> (function () { var META = { title: "OpenEverest: Open-Source DBaaS on Kubernetes", slug: "about-openeverest", description: "OpenEverest overview: open-source Database-as-a-Service on Kubernetes — run PostgreSQL, MySQL, MongoDB, MariaDB, ClickHouse and more from one control plane. Customer-facing presentation.", speaker: "Sergey Pronin", event: "Customer Presentation", eventUrl: "https://openeverest.io", date: "2026-06-04", location: "Global", tags: ["openeverest", "kubernetes", "dbaas", "cloud-native", "open-source", "postgresql", "mysql", "mongodb", "clickhouse", "mariadb"], status: "draft", coverImage: "https://solanica.io/og-default.png", pageUrl: "https://solanica.io/presentations/about-openeverest" }; window.__presMETA = META; var d = document; function tag(name, attrs) { var key = attrs.property || attrs.name; if (key) { var existing = d.querySelector( 'meta[property="' + key + '"], meta[name="' + key + '"]' ); if (existing) existing.parentNode.removeChild(existing); } var el = d.createElement(name); Object.keys(attrs).forEach(function (k) { el.setAttribute(k, attrs[k]); }); return el; } var head = d.head || d.getElementsByTagName('head')[0]; var titleEl = d.querySelector('title'); if (titleEl) { titleEl.textContent = META.title; } else { var t = d.createElement('title'); t.textContent = META.title; head.appendChild(t); } head.appendChild(tag('meta', { name: 'description', content: META.description })); head.appendChild(tag('meta', { name: 'author', content: META.speaker })); head.appendChild(tag('meta', { name: 'keywords', content: META.tags.join(', ') })); head.appendChild(tag('link', { rel: 'canonical', href: META.pageUrl })); head.appendChild(tag('meta', { property: 'og:type', content: 'website' })); head.appendChild(tag('meta', { property: 'og:title', content: META.title })); head.appendChild(tag('meta', { property: 'og:description', content: META.description })); head.appendChild(tag('meta', { property: 'og:image', content: META.coverImage })); head.appendChild(tag('meta', { property: 'og:url', content: META.pageUrl })); head.appendChild(tag('meta', { property: 'og:site_name', content: 'Solanica' })); head.appendChild(tag('meta', { name: 'twitter:card', content: 'summary_large_image' })); head.appendChild(tag('meta', { name: 'twitter:site', content: '@solanicaio' })); head.appendChild(tag('meta', { name: 'twitter:title', content: META.title })); head.appendChild(tag('meta', { name: 'twitter:description', content: META.description })); head.appendChild(tag('meta', { name: 'twitter:image', content: META.coverImage })); })(); </script> <!-- ============================================================ Solanica Presentation Engine — _head.t123.html ADD THIS AS THE FIRST BLOCK on every Tilda presentation page. It applies scroll-snap to the page and styles shared by all slides. ============================================================ --> <style> /* ---- Page-level scroll snap ---- */ html { scroll-snap-type: y mandatory; scroll-behavior: smooth; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } html::-webkit-scrollbar { display: none; } body { margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; background: #0f0f29; } /* ---- Slide base ---- */ .slide { height: 100vh; width: 100%; scroll-snap-align: start; scroll-snap-stop: always; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } /* ---- Navigation dots (right edge) ---- */ .pres-dots { position: fixed; right: 18px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 10px; z-index: 9999; list-style: none; margin: 0; padding: 0; } .pres-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); cursor: pointer; border: none; padding: 0; outline: none; transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .pres-dot:hover { background: rgba(255, 255, 255, 0.5); } .pres-dot.active { background: #7790de; box-shadow: 0 0 8px rgba(119, 144, 222, 0.6); transform: scale(1.5); } /* ---- Slide counter (bottom-right) ---- */ .pres-counter { position: fixed; bottom: 20px; right: 24px; color: rgba(255, 255, 255, 0.28); font-size: 12px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.1em; z-index: 9999; pointer-events: none; user-select: none; } /* ---- Key hint (bottom-centre, fades out) ---- */ .pres-hint { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.22); font-size: 11px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; z-index: 9999; pointer-events: none; user-select: none; white-space: nowrap; transition: opacity 1.4s ease; } .pres-hint.hidden { opacity: 0; } /* ---- Left-edge back trigger ---- */ .pres-back-trigger { position: fixed; left: 0; top: 0; width: 48px; height: 100vh; z-index: 9998; cursor: pointer; } .pres-back-trigger:hover .pres-back-label { opacity: 1; transform: translateY(-50%) translateX(0); } .pres-back-label { position: absolute; top: 50%; left: 16px; transform: translateY(-50%) translateX(-8px); opacity: 0; transition: opacity 0.25s ease, transform 0.25s ease; display: flex; align-items: center; gap: 10px; white-space: nowrap; color: rgba(255, 255, 255, 0.75); font-size: 13px; font-family: 'Inter', system-ui, sans-serif; font-weight: 500; letter-spacing: 0.03em; text-decoration: none; padding: 10px 16px 10px 12px; background: rgba(15, 15, 41, 0.85); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: auto; } .pres-back-label:hover { color: #ffffff; border-color: rgba(255, 255, 255, 0.25); } .pres-back-arrow { font-size: 16px; line-height: 1; flex-shrink: 0; } /* ---- Mobile: desktop hint toast ---- */ .pres-mob-toast { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); z-index: 99999; background: rgba(15, 15, 41, 0.92); border: 1px solid rgba(119, 144, 222, 0.3); border-radius: 10px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 10px 10px 10px 16px; display: flex; align-items: center; gap: 12px; font-family: 'Inter', system-ui, sans-serif; font-size: 13px; color: rgba(200, 212, 228, 0.8); white-space: nowrap; opacity: 1; transition: opacity 0.4s ease, transform 0.4s ease; pointer-events: auto; } .pres-mob-toast.hidden { opacity: 0; transform: translateX(-50%) translateY(-8px); pointer-events: none; } .pres-mob-toast-close { width: 22px; height: 22px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.06); border-radius: 50%; color: rgba(200, 212, 228, 0.55); font-size: 12px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .pres-mob-toast-close:hover { background: rgba(255, 255, 255, 0.12); color: rgba(200, 212, 228, 0.9); } /* ============================================================ MOBILE — scale-to-fit: preserve desktop layout, shrink it to fit the phone screen. Users pinch-to-zoom for details. ============================================================ */ @media (max-width: 768px) { /* Disable snap — Tilda's header shifts the snap anchor of slide-1 below the viewport edge, causing it to be skipped. Natural scroll is more reliable on touch. */ html { scroll-snap-type: none; } /* Keep slides as fixed-height viewports */ .slide { height: 100svh; scroll-snap-align: none; scroll-snap-stop: normal; } /* Hide keyboard-centric chrome — not useful on touch */ .pres-dots, .pres-counter, .pres-hint, .pres-back-trigger { display: none !important; } /* Scale the content wrapper to fit the viewport width. --pres-mob-scale is set by JS in _foot.t123.html. The wrapper renders at its desktop width (1060px) and is visually scaled down via CSS transform. */ .slide > [class*="-wrap"], .slide > [class*="-outer"] { width: 1060px !important; max-width: none !important; transform: scale(var(--pres-mob-scale, 1)); transform-origin: center center; } } /* ============================================================ PRINT — one slide per page, hide navigation chrome. Use landscape orientation, no margins for best results. ============================================================ */ @media print { html { scroll-snap-type: none; overflow: visible; } body { background: #0a0a1e; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .slide { height: 100vh; width: 100vw; page-break-after: always; break-after: page; page-break-inside: avoid; break-inside: avoid; scroll-snap-align: none; overflow: hidden; } .slide:last-child { page-break-after: auto; break-after: auto; } .pres-dots, .pres-counter, .pres-hint, .pres-back-trigger, .pres-mob-toast { display: none !important; } /* Reveal all step-animated elements — force final state */ .slide * { opacity: 1 !important; transform: none !important; visibility: visible !important; transition: none !important; animation: none !important; } } </style> <!-- ============================================================ OpenEverest Overview — Customer Presentation Slide 01: Title ============================================================ --> <style> #oe-slide-01 { background-color: #0a0a1e; background-image: radial-gradient(ellipse at 30% 70%, rgba(31, 35, 85, 0.7) 0%, transparent 55%), radial-gradient(ellipse at 70% 30%, rgba(20, 50, 45, 0.5) 0%, transparent 45%), radial-gradient(circle at 50% 50%, #131333 0%, #080818 100%); } .oe01-wrap { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; width: 100%; position: relative; z-index: 1; padding: 48px 72px 44px; box-sizing: border-box; text-align: center; } .oe01-logo { display: block; height: 80px; width: auto; opacity: 0.92; } .oe01-body { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; } .oe01-title { font-size: 80px; font-weight: 800; color: #ffffff; line-height: 1.1; letter-spacing: -3px; margin: 0 0 28px; font-family: 'Inter', system-ui, sans-serif; } .oe01-title span { color: #4ec4a0; } .oe01-subtitle { font-size: 32px; font-weight: 300; color: rgba(220, 228, 240, 0.5); font-family: 'Inter', system-ui, sans-serif; margin: 0 0 48px; letter-spacing: -0.3px; max-width: 900px; line-height: 1.4; } .oe01-badges { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; } .oe01-badge { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 10px; font-size: 18px; font-weight: 600; font-family: 'Inter', system-ui, sans-serif; border: 1px solid rgba(78, 196, 160, 0.25); background: rgba(78, 196, 160, 0.06); color: rgba(200, 212, 228, 0.85); } .oe01-badge svg { flex-shrink: 0; width: 20px; height: 20px; } .oe01-footer { font-size: 17px; color: rgba(200, 212, 228, 0.35); font-family: 'Inter', system-ui, sans-serif; } @media (max-width: 768px) { .oe01-title { font-size: clamp(36px, 10vw, 64px); letter-spacing: -1px; } .oe01-subtitle { font-size: 22px; } .oe01-badges { flex-direction: column; align-items: center; } } </style> <div class="slide" id="oe-slide-01"> <div class="oe01-wrap"> <img class="oe01-logo" src="https://solanica.io/images/pages/tild3732-6631-4933-b335-343432366262__logo-horizontal-full.png" alt="OpenEverest" /> <div class="oe01-body"> <h1 class="oe01-title">Open-Source <span>DBaaS</span> on Kubernetes</h1> <p class="oe01-subtitle">Run production databases anywhere — no vendor lock-in, full Day 2 operations, one control plane.</p>https://solanica.io/partners/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/partners/<section style="background:radial-gradient(circle at 50% 0%,#1f2355 0%,#0f0f29 70%);padding:120px 20px 80px;font-family:'Inter',system-ui,-apple-system,sans-serif;text-align:center;color:#fff;"> <div style="max-width:820px;margin:0 auto;"> <p style="font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#7790de;margin:0 0 18px;">Partner Program</p> <h1 style="font-size:52px;font-weight:600;letter-spacing:-1.5px;line-height:1.1;margin:0 0 22px;">The platform is ours.<br>The expertise is yours.</h1> <p style="font-size:19px;line-height:1.6;color:#b4bec8;max-width:680px;margin:0 auto 34px;">Join the Solanica Partner Program to provide enterprise-grade database management on Kubernetes. We provide the platform; you provide the expertise.</p> <div style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap;"> <a href="#become-a-partner" style="background:#7790de;color:#fff;font-weight:600;padding:14px 30px;border-radius:8px;text-decoration:none;">Become a Partner</a> <a href="#our-partners" style="color:#fff;border:1px solid rgba(255,255,255,.25);font-weight:600;padding:14px 30px;border-radius:8px;text-decoration:none;">See our Partners</a> </div> </div> </section> <section style="background:#161641;padding:90px 20px;font-family:'Inter',system-ui,-apple-system,sans-serif;color:#fff;"> <div style="max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;"> <div style="background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:34px;"> <h3 style="font-size:22px;font-weight:700;margin:0 0 12px;">High Margins</h3> <p style="color:#b4bec8;font-size:15px;line-height:1.6;margin:0;">Stop selling commodity services. Sell high-value Solanica Platform licenses with built-in recurring margins.</p> </div> <div style="background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:34px;"> <h3 style="font-size:22px;font-weight:700;margin:0 0 12px;">Zero Lock-in</h3> <p style="color:#b4bec8;font-size:15px;line-height:1.6;margin:0;">Customers run on any K8s cluster. You stay relevant regardless of which cloud provider they choose.</p>https://solanica.io/platform/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/platform/<style> /* --- SHARED FONTS & RESET --- */ .sol-section-top { font-family: 'Inter', system-ui, -apple-system, sans-serif; box-sizing: border-box; width: 100%; color: #ffffff; } /* --- TOP SECTION (The Spotlight Header) --- */ .sol-section-top { /* The "Spotlight" Gradient Background */ background-color: #0f0f29; background-image: radial-gradient(circle at 50% 0%, #1f2355 0%, #0f0f29 70%); /* Spacing */ padding: 160px 20px 60px 20px; text-align: center; } /* --- HEADER TYPOGRAPHY --- */ .sol-hero-header { max-width: 1280px; margin: 0 auto; } .sol-hero-header h1 { font-size: 56px; line-height: 1.1; font-weight: 600; /* Slightly bolder for impact */ margin-bottom: 24px; letter-spacing: -1.5px; /* Tighter tracking for modern look */ margin-top: 0; } .sol-hero-sub { font-size: 20px; line-height: 1.6; color: #b4bec8; /* Soft blue-grey text */ max-width: 750px; margin: 0 auto; font-weight: 400; } /* --- BUTTONS --- */ .sol-btn-wrapper { margin-top: 40px; display: flex; justify-content: center; gap: 20px; } .sol-btn { display: inline-block; padding: 14px 28px; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 8px; /* Slightly rounder */ transition: all 0.2s ease; cursor: pointer; } /* Primary Button (Blue) */ .sol-btn-primary { background-color: #7790de; color: #ffffff !important; border: 1px solid #7790de; box-shadow: 0 4px 12px rgba(119, 144, 222, 0.3); } .sol-btn-primary:hover { background-color: #ffffff; color: #161641 !important; border-color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(119, 144, 222, 0.4); } /* Secondary Button (Transparent/Glass) */ .sol-btn-secondary { background-color: rgba(255, 255, 255, 0.05); color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); } .sol-btn-secondary:hover { border-color: #ffffff; background-color: rgba(255, 255, 255, 0.15); transform: translateY(-2px); } /* --- MOBILE RESPONSIVE --- */ @media (max-width: 768px) { .sol-section-top { padding-top: 100px; padding-bottom: 40px; } .sol-hero-header h1 { font-size: 36px; letter-spacing: -0.5px; } .sol-hero-sub { font-size: 16px; } .sol-btn-wrapper { flex-direction: column; align-items: center; gap: 15px; } .sol-btn { width: 100%; max-width: 280px; text-align: center; } .sol-hero-eyebrow { font-size: 11px; } } .sol-hero-eyebrow { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #f4a261; margin-bottom: 18px; padding: 5px 12px; background: rgba(244, 162, 97, 0.08); border: 1px solid rgba(244, 162, 97, 0.3); border-radius: 4px; } </style> <div class="sol-section sol-section-top"> <div class="sol-hero-header"> <h1> <span style="color: #7790de;">Solanica Platform.</span><br/> <span style="color: #ffffff;">OpenEverest, hardened for production.</span> </h1> <p class="sol-hero-sub"> The enterprise distribution of OpenEverest &mdash; same open-source engine, plus 24/7 support, custom engineering, and the team that built it. One control plane for databases, AI, and developer self-service across any Kubernetes fleet, inside your own perimeter. </p>https://solanica.io/resources/compare-mysql-operators/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/resources/compare-mysql-operators/<section class="myop-hero"> <div class="myop-hero-container"> <nav class="myop-breadcrumb"> <a href="https://solanica.io/linkable-assets/" class="myop-breadcrumb-link">resources</a> <span class="myop-breadcrumb-sep">❯</span> <span class="myop-breadcrumb-current">mysql-operators</span> </nav> <div class="myop-hero-label"> <span class="myop-mono">$ kubectl get operators -l engine=mysql --sort-by=.metadata.creationTimestamp</span> </div> <h1>MySQL Operators on Kubernetes:<br>The Honest Comparison</h1> <h2>4 Active Operators. Different Replication Models. Real Trade-offs.</h2> <p class="myop-hero-intro">Running MySQL on Kubernetes is not "just pick an operator" — your choice of operator locks you into a replication model (Galera, Group Replication, semi-sync) that's hard to change later. We compared the Percona XtraDB Cluster Operator, Percona Server for MySQL Operator, Oracle MySQL Operator, and MOCO across HA, backups, day-2 ops, and community health. No vendor paid for placement on this page.</p>https://solanica.io/resources/compare-postgres-operators/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/resources/compare-postgres-operators/<section class="pgop-hero"> <div class="pgop-hero-container"> <nav class="pgop-breadcrumb"> <a href="https://solanica.io/resources/" class="pgop-breadcrumb-link">resources</a> <span class="pgop-breadcrumb-sep">❯</span> <span class="pgop-breadcrumb-current">postgresql-operators</span> </nav> <div class="pgop-hero-label"> <span class="pgop-mono">$ kubectl get operators --sort-by=.metadata.creationTimestamp</span> </div> <h1>PostgreSQL Operators on Kubernetes:<br>The Honest Comparison</h1> <h2>4 Active Operators. No Marketing Fluff. Real Trade-offs.</h2> <p class="pgop-hero-intro">Running PostgreSQL on Kubernetes means choosing an operator — and the wrong choice can cost you months. We compared <strong>Percona</strong>, <strong>CloudNativePG</strong>, <strong>Zalando</strong>, and <strong>StackGres</strong> across features, community health, business viability, and day-2 operations. No vendor paid for placement on this page.</p> <div class="pgop-hero-notice"> <span class="pgop-notice-icon">ℹ</span> <span><strong>CrunchyData PGO</strong> was a major player but is <a href="https://github.com/CrunchyData/postgres-operator" target="_blank" rel="noopener">no longer actively developed</a> as an open-source project. It's mentioned where relevant but excluded from the active comparison.</span> </div> <!-- Operator identity cards --> <div class="pgop-operator-cards"> <div class="pgop-op-card" data-operator="percona"> <div class="pgop-op-card-header percona-accent"> <span class="pgop-op-logo">🐘</span> <div> <span class="pgop-op-name">Percona Operator</span> <span class="pgop-op-version">v2.9.0</span> </div> </div> <div class="pgop-op-meta"> <span class="pgop-op-tag">Apache 2.0</span> <span class="pgop-op-tag">Percona LLC</span> <span class="pgop-op-tag">Since 2022</span> </div> <p class="pgop-op-desc">Enterprise-grade operator built on top of Crunchy's PGO foundation. Part of the broader Percona ecosystem covering MySQL, MongoDB, and PostgreSQL.</p>https://solanica.io/whitepapers/postgresql-on-kubernetes/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/whitepapers/postgresql-on-kubernetes/<section class="sol-pg-hero"> <div class="sol-container"> <div class="sol-hero-content"> <div class="sol-breadcrumb"> <span class="sol-mono">/whitepapers/</span> <span class="sol-status-icon info">❯</span> <span class="sol-mono">postgresql-on-kubernetes</span> </div> <h1>Running PostgreSQL on Kubernetes</h1> <h2>A Complete Architecture Guide</h2> <p class="sol-tagline">PostgreSQL is the world's most advanced open-source relational database. Running it on Kubernetes is no longer a question of <code>if</code> — it's a question of <code>how</code>.</p> <div class="sol-metadata"> <div class="sol-meta-item"> <span class="sol-status-icon success">●</span> <span class="sol-mono">STATUS: PRODUCTION_READY</span> </div> <div class="sol-meta-item"> <span class="sol-status-icon info">●</span> <span class="sol-mono">AUDIENCE: DBA | SRE | PLATFORM_ENG</span> </div> <div class="sol-meta-item"> <span class="sol-status-icon warning">●</span> <span class="sol-mono">DATABASE: PostgreSQL 14+</span> </div> </div> </div> </div> </section> <style> .sol-pg-hero { background: linear-gradient(135deg, #0a0a1f 0%, #161641 100%); padding: 120px 20px 80px 20px; font-family: 'Inter', sans-serif; color: #ffffff; border-bottom: 2px solid #7790de; position: relative; overflow: hidden; } .sol-pg-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(90deg, rgba(119, 144, 222, 0.05) 1px, transparent 1px), linear-gradient(rgba(119, 144, 222, 0.05) 1px, transparent 1px); background-size: 50px 50px; opacity: 0.3; pointer-events: none; } .sol-pg-hero .sol-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } .sol-pg-hero .sol-breadcrumb { display: flex; align-items: center; gap: 10px; margin-bottom: 30px; font-size: 14px; } .sol-pg-hero .sol-mono { font-family: 'Courier New', monospace; color: #7790de; font-weight: 600; } .sol-pg-hero .sol-status-icon { font-size: 12px; } .sol-pg-hero .success { color: #00ff9d; } .sol-pg-hero .info { color: #7790de; } .sol-pg-hero .warning { color: #ffbd2e; } .sol-pg-hero .sol-hero-content h1 { font-size: 56px; line-height: 1.1; font-weight: 800; margin: 0 0 15px 0; color: #ffffff; letter-spacing: -0.5px; } .sol-pg-hero .sol-hero-content h2 { font-size: 32px; line-height: 1.3; font-weight: 600; margin: 0 0 30px 0; color: #7790de; } .sol-pg-hero .sol-tagline { font-size: 20px; line-height: 1.6; color: #b4bec8; margin-bottom: 40px; max-width: 800px; } .sol-pg-hero .sol-tagline code { background: rgba(119, 144, 222, 0.15); color: #00ff9d; padding: 2px 10px; border-radius: 4px; font-family: 'Fira Code', 'Courier New', monospace; font-size: 0.95em; font-weight: 600; } .sol-pg-hero .sol-metadata { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); } .sol-pg-hero .sol-meta-item { display: flex; align-items: center; gap: 8px; font-size: 13px; } @media (max-width: 768px) { .sol-pg-hero .sol-hero-content h1 { font-size: 36px; } .sol-pg-hero .sol-hero-content h2 { font-size: 24px; } .sol-pg-hero .sol-tagline { font-size: 16px; } .sol-pg-hero .sol-metadata { flex-direction: column; gap: 15px; } } </style> <section class="sol-pg-toc-section"> <div class="sol-container"> <div class="sol-toc-header"> <span class="sol-mono sol-toc-label">$ cat TABLE_OF_CONTENTS</span> <h2>PostgreSQL on Kubernetes: Architecture &amp; Operations</h2> <p class="sol-toc-intro">Six pillars of running production PostgreSQL on Kubernetes — from Patroni HA to operator selection</p>https://solanica.io/pricing/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/pricing/Solanica Platform and services pricing.https://solanica.io/privacy-policy/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/privacy-policy/Solanica Privacy Policy document.https://solanica.io/request-a-demo/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/request-a-demo/Request a personalized Solanica demo.https://solanica.io/mssql-on-kubernetes/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/mssql-on-kubernetes/<section class="mssql-hero-section"> <div class="mssql-container"> <!-- Status Badge --> <div class="mssql-status-badge"> <span class="mssql-pulse"></span> <span class="mssql-status-text">Early Alpha • Limited Access</span> </div> <!-- Breadcrumb --> <div class="mssql-breadcrumb"> <span class="mssql-mono">/solutions/</span> <span class="mssql-breadcrumb-sep">❯</span> <span class="mssql-mono">mssql-on-kubernetes</span> </div> <!-- Main Headline --> <h1 class="mssql-headline"> Run Microsoft SQL Server<br/>on Kubernetes. For Real. </h1> <!-- Sub-headline --> <p class="mssql-subheadline"> Break free from Windows-only licensing traps and cloud vendor lock-in. Solanica Platform brings production-grade MSSQL to any Kubernetes cluster — with automated Day-2 operations, built on <a href="https://openeverest.io" target="_blank" rel="noopener" class="mssql-link">OpenEverest</a>. </p> <!-- CTA Buttons --> <div class="mssql-hero-cta"> <a href="#contact-solanica-team" class="mssql-btn-primary"> <span>Join the Alpha Program</span> <span class="mssql-btn-arrow">→</span> </a> <a href="#mssql-tco" class="mssql-btn-secondary"> <span>See the Numbers</span> <span class="mssql-btn-arrow">↓</span> </a> </div> <!-- Visual: MSSQL Architecture Diagram --> <div class="mssql-hero-visual"> <svg viewBox="0 0 800 360" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Solanica operator managing a SQL Server Availability Group on Kubernetes"> <defs> <marker id="mh-arrow-green" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"> <path d="M0 0 L6 3 L0 6" fill="none" stroke="#00ff9d" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> </marker> <marker id="mh-arrow-amber" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"> <path d="M0 0 L6 3 L0 6" fill="none" stroke="#ffbd2e" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> </marker> </defs> <!-- Background --> <rect width="800" height="360" fill="#0a0a1f"/> <!-- Kubernetes Cluster Boundary --> <rect x="28" y="52" width="744" height="284" rx="14" fill="#0c0c24" stroke="#2a2a5c" stroke-width="1.5" stroke-dasharray="2 6" stroke-linecap="round"/> <g transform="translate(48, 40)"> <circle cx="6" cy="0" r="4.5" fill="none" stroke="#7790de" stroke-width="1.5"/> <circle cx="6" cy="0" r="1.5" fill="#7790de"/> <text x="20" y="4" fill="#7790de" font-size="12" font-weight="700" font-family="'Courier New', monospace" letter-spacing="1">KUBERNETES CLUSTER · any cloud / on-prem</text> </g> <!-- Solanica Platform (nested, powered by OpenEverest) --> <rect x="244" y="68" width="312" height="94" rx="14" fill="rgba(119,144,222,0.06)" stroke="#7790de" stroke-width="1.4" stroke-dasharray="5 4"/> <text x="262" y="86" fill="#7790de" font-size="10" font-weight="700" font-family="'Courier New', monospace" letter-spacing="0.5">SOLANICA PLATFORM · based on OpenEverest</text> <!-- Operator (control plane) --> <rect x="262" y="94" width="276" height="56" rx="11" fill="#1a1630" stroke="#ffbd2e" stroke-width="1.8"/> <g transform="translate(280, 108)"> <circle cx="10" cy="10" r="11" fill="none" stroke="#ffbd2e" stroke-width="1.8"/> <path d="M10 3.5 L10 6 M10 14 L10 16.5 M3.5 10 L6 10 M14 10 L16.5 10 M5.4 5.4 L7.1 7.1 M12.9 12.9 L14.6 14.6 M14.6 5.4 L12.9 7.1 M7.1 12.9 L5.4 14.6" stroke="#ffbd2e" stroke-width="1.6" stroke-linecap="round"/> <circle cx="10" cy="10" r="3" fill="#ffbd2e"/> </g> <text x="316" y="115" fill="#ffbd2e" font-size="14" font-weight="700" font-family="'Courier New', monospace">Solanica Operator</text> <text x="316" y="135" fill="#9aa4b8" font-size="10.5" font-family="Inter, sans-serif">reconciles state · runs failover</text> <!-- Control arrows to nodes --> <path d="M336 162 C 300 178, 250 184, 200 196" fill="none" stroke="#ffbd2e" stroke-width="1.6" stroke-dasharray="4 4" marker-end="url(#mh-arrow-amber)"/> <path d="M464 162 C 500 178, 550 184, 600 196" fill="none" stroke="#ffbd2e" stroke-width="1.6" stroke-dasharray="4 4" marker-end="url(#mh-arrow-amber)"/> <!-- Primary node --> <rect x="70" y="196" width="230" height="112" rx="12" fill="#141033" stroke="#00ff9d" stroke-width="1.8"/> <g transform="translate(90, 214)"> <rect x="0" y="2" width="22" height="18" rx="3" fill="none" stroke="#00ff9d" stroke-width="1.6"/> <ellipse cx="11" cy="4" rx="11" ry="3.5" fill="none" stroke="#00ff9d" stroke-width="1.6"/> <path d="M0 11 A11 3.5 0 0 0 22 11" fill="none" stroke="#00ff9d" stroke-width="1.2"/> </g> <text x="122" y="222" fill="#ffffff" font-size="14" font-weight="700" font-family="Inter, sans-serif">SQL Server</text> <text x="122" y="240" fill="#9aa4b8" font-size="11" font-family="Inter, sans-serif">2022 · Linux container</text> <g transform="translate(90, 260)"> <rect x="0" y="0" width="66" height="20" rx="10" fill="rgba(0,255,157,0.12)"/> <circle cx="12" cy="10" r="3.5" fill="#00ff9d"/> <text x="22" y="14" fill="#00ff9d" font-size="10" font-weight="700" font-family="'Courier New', monospace">PRIMARY</text> </g> <text x="166" y="274" fill="#7790de" font-size="10" font-family="'Courier New', monospace">▤ PVC · fast-ssd</text> <!-- Replica node --> <rect x="500" y="196" width="230" height="112" rx="12" fill="#141033" stroke="#7790de" stroke-width="1.8"/> <g transform="translate(520, 214)"> <rect x="0" y="2" width="22" height="18" rx="3" fill="none" stroke="#7790de" stroke-width="1.6"/> <ellipse cx="11" cy="4" rx="11" ry="3.5" fill="none" stroke="#7790de" stroke-width="1.6"/> <path d="M0 11 A11 3.5 0 0 0 22 11" fill="none" stroke="#7790de" stroke-width="1.2"/> </g> <text x="552" y="222" fill="#ffffff" font-size="14" font-weight="700" font-family="Inter, sans-serif">SQL Server</text> <text x="552" y="240" fill="#9aa4b8" font-size="11" font-family="Inter, sans-serif">2022 · Linux container</text> <g transform="translate(520, 260)"> <rect x="0" y="0" width="72" height="20" rx="10" fill="rgba(119,144,222,0.14)"/> <circle cx="12" cy="10" r="3.5" fill="#7790de"/> <text x="22" y="14" fill="#7790de" font-size="10" font-weight="700" font-family="'Courier New', monospace">STANDBY</text> </g> <text x="602" y="274" fill="#7790de" font-size="10" font-family="'Courier New', monospace">▤ PVC · fast-ssd</text> <!-- AG sync between nodes --> <path d="M300 246 L 500 246" fill="none" stroke="#00ff9d" stroke-width="1.8" stroke-dasharray="6 5" marker-end="url(#mh-arrow-green)"/> <path d="M500 262 L 300 262" fill="none" stroke="#00ff9d" stroke-width="1.2" stroke-dasharray="2 5" opacity="0.5" marker-end="url(#mh-arrow-green)"/> <g transform="translate(400, 240)"> <rect x="-52" y="-15" width="104" height="22" rx="11" fill="#0a0a1f" stroke="#00ff9d" stroke-width="1.2"/> <text x="0" y="0" text-anchor="middle" fill="#00ff9d" font-size="10" font-weight="700" font-family="'Courier New', monospace">ALWAYS-ON AG</text> </g> </svg> </div> <!-- Key Promises --> <div class="mssql-promise"> <div class="mssql-promise-item"> <span class="mssql-promise-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 8.5 L6.5 12 L13 4.5" stroke="#00ff9d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <span class="mssql-promise-text">Up to 60% TCO reduction vs. Azure SQL</span> </div> <div class="mssql-promise-item"> <span class="mssql-promise-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 8.5 L6.5 12 L13 4.5" stroke="#00ff9d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <span class="mssql-promise-text">No vendor lock-in — run anywhere</span> </div> <div class="mssql-promise-item"> <span class="mssql-promise-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 8.5 L6.5 12 L13 4.5" stroke="#00ff9d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <span class="mssql-promise-text">Automated Day-2 operations</span> </div> </div> </div> </section> <style> .mssql-hero-section { background: linear-gradient(180deg, #0a0a1f 0%, #0f0f2d 100%); padding: 120px 20px 100px 20px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; color: #ffffff; text-align: center; position: relative; overflow: hidden; } .mssql-hero-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, #7790de, transparent); } .mssql-container { max-width: 1200px; margin: 0 auto; } /* Status Badge */ .mssql-status-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 189, 46, 0.1); border: 1px solid rgba(255, 189, 46, 0.3); border-radius: 20px; padding: 6px 16px; margin-bottom: 20px; animation: mssql-badge-glow 2s ease-in-out infinite; } @keyframes mssql-badge-glow { 0%, 100% { box-shadow: 0 0 10px rgba(255, 189, 46, 0.2); } 50% { box-shadow: 0 0 20px rgba(255, 189, 46, 0.4); } } .mssql-pulse { width: 8px; height: 8px; background: #ffbd2e; border-radius: 50%; animation: mssql-pulse 2s ease-in-out infinite; } @keyframes mssql-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.2); } } .mssql-status-text { font-size: 13px; font-weight: 600; color: #ffbd2e; letter-spacing: 0.5px; } /* Breadcrumb */ .mssql-breadcrumb { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 30px; font-size: 14px; } .mssql-breadcrumb-sep { color: #2ecc71; font-size: 12px; } .mssql-mono { font-family: 'Courier New', monospace; color: #7790de; font-weight: 600; } /* Headline */ .mssql-headline { font-size: 56px; font-weight: 800; line-height: 1.1; margin: 0 0 25px 0; color: #ffffff; letter-spacing: -0.5px; } .mssql-subheadline { font-size: 20px; line-height: 1.6; color: #b4bec8; max-width: 800px; margin: 0 auto 50px auto; } .mssql-label { color: #ffbd2e; font-weight: 700; font-size: 0.85em; } .mssql-link { color: #00ff9d; text-decoration: none; border-bottom: 1px solid rgba(0, 255, 157, 0.3); transition: border-color 0.2s ease; } .mssql-link:hover { border-color: #00ff9d; } /* Hero Visual */ .mssql-hero-visual { margin: 0 auto 50px auto; max-width: 800px; border: 1px solid #2a2a5c; border-radius: 12px; overflow: hidden; } .mssql-hero-visual svg { display: block; width: 100%; height: auto; } /* Hero CTA */ .mssql-hero-cta { display: flex; gap: 16px; justify-content: center; margin-bottom: 50px; flex-wrap: wrap; } .mssql-btn-primary { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; background: #7790de; color: #ffffff !important; font-size: 16px; font-weight: 700; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; } .mssql-btn-primary:hover { background: #8fa3e8; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(119, 144, 222, 0.4); } .mssql-btn-secondary { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; background: rgba(255, 255, 255, 0.05); color: #ffffff; font-size: 16px; font-weight: 600; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.2); text-decoration: none; transition: all 0.3s ease; } .mssql-btn-secondary:hover { border-color: #ffffff; background: rgba(255, 255, 255, 0.1); } .mssql-btn-arrow { font-size: 18px; transition: transform 0.3s ease; } .mssql-btn-primary:hover .mssql-btn-arrow { transform: translateX(4px); } .mssql-btn-secondary:hover .mssql-btn-arrow { transform: translateY(3px); } /* Promises */ .mssql-promise { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; } .mssql-promise-item { display: flex; align-items: center; gap: 10px; background: rgba(255, 255, 255, 0.03); border: 1px solid #2a2a5c; border-radius: 8px; padding: 12px 20px; transition: border-color 0.2s ease; } .mssql-promise-item:hover { border-color: #7790de; } .mssql-promise-icon { display: inline-flex; align-items: center; } .mssql-promise-text { font-size: 14px; font-weight: 600; color: #d1d5db; } @media (max-width: 768px) { .mssql-headline { font-size: 36px; } .mssql-subheadline { font-size: 16px; } .mssql-promise { flex-direction: column; align-items: center; gap: 15px; } .mssql-breadcrumb { display: none; } } </style> <section class="mssql-tco-section"> <div class="mssql-container"> <div class="mssql-section-header"> <span class="mssql-mono mssql-section-label">$ kubectl get pods -l app=mssql | wc -l</span> <h2>The Real Cost of Running MSSQL</h2> <p class="mssql-intro">Microsoft SQL Server licensing on managed cloud services is a margin machine — for the cloud provider. Here's what happens when you take control.</p>https://solanica.io/resources/dbaas-on-vks/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/resources/dbaas-on-vks/<section class="vks-hero"> <div class="vks-hero-container"> <nav class="vks-breadcrumb"> <a href="https://solanica.io/linkable-assets/" class="vks-breadcrumb-link">resources</a> <span class="vks-breadcrumb-sep">❯</span> <span class="vks-breadcrumb-current">openeverest-on-vsphere</span> </nav> <div class="vks-hero-logos"> <img src="https://solanica.io/images/pages/tild3732-6631-4933-b335-343432366262__logo-horizontal-full.png" alt="Solanica / OpenEverest" class="vks-logo-solanica" /> <span class="vks-logo-divider">×</span> <img src="https://solanica.io/images/pages/tild3334-6161-4533-a436-313439666365__vmwarebybroadcom_log.png" alt="VMware by Broadcom" class="vks-logo-vmware" /> </div> <h1>Run OpenEverest on VMware<br>vSphere Kubernetes Service</h1> <h2>Turn your existing VMware infrastructure into a cloud-native database platform. Officially tested and partnered with Broadcom.</h2> <div class="vks-hero-ctas"> <a href="https://openeverest.io/documentation/current/quick-install.html" target="_blank" rel="noopener" class="vks-cta-primary"> Quickstart Guide <span class="vks-cta-arrow">→</span> </a> <a href="https://meet.solanica.io/30min" target="_blank" rel="noopener" class="vks-cta-secondary"> Talk to Sales — Enterprise Platform </a> </div> <div class="vks-hero-proof"> <span class="vks-proof-badge"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#4ec4a0" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> Validated with Broadcom's Strategic Partnership Team </span> <span class="vks-proof-badge"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#4ec4a0" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> Runs on vSphere 8 + TKG / VKS </span> </div> </div> </section> <style> .vks-hero { background: linear-gradient(135deg, #0a0a1f 0%, #0f0f2d 60%, #0d1a2f 100%); padding: 80px 20px 100px; font-family: 'Inter', sans-serif; color: #ffffff; position: relative; overflow: hidden; } .vks-hero::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(ellipse at 30% 80%, rgba(78, 196, 160, 0.04) 0%, transparent 50%), radial-gradient(ellipse at 70% 20%, rgba(119, 144, 222, 0.04) 0%, transparent 50%); pointer-events: none; } .vks-hero-container { max-width: 860px; margin: 0 auto; position: relative; z-index: 1; } /* Breadcrumb */ .vks-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 40px; font-size: 13px; font-family: 'JetBrains Mono', monospace; } .vks-breadcrumb-link { color: rgba(200, 212, 228, 0.4); text-decoration: none; } .vks-breadcrumb-link:hover { color: rgba(200, 212, 228, 0.7); } .vks-breadcrumb-sep { color: rgba(200, 212, 228, 0.2); } .vks-breadcrumb-current { color: rgba(200, 212, 228, 0.6); } /* Logos */ .vks-hero-logos { display: flex; align-items: center; gap: 24px; margin-bottom: 36px; } .vks-logo-solanica { height: 36px; width: auto; opacity: 0.9; } .vks-logo-divider { font-size: 22px; color: rgba(200, 212, 228, 0.25); font-weight: 300; } .vks-logo-vmware { height: 28px; width: auto; opacity: 0.85; } /* Typography */ .vks-hero h1 { font-size: clamp(32px, 5vw, 52px); font-weight: 800; line-height: 1.1; letter-spacing: -2px; margin: 0 0 18px; background: linear-gradient(135deg, #ffffff 0%, rgba(200, 212, 228, 0.85) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .vks-hero h2 { font-size: clamp(16px, 2.2vw, 20px); font-weight: 400; color: rgba(200, 212, 228, 0.6); line-height: 1.55; margin: 0 0 36px; max-width: 680px; } /* CTAs */ .vks-hero-ctas { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 40px; } .vks-cta-primary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: 8px; background: #4ec4a0; color: #ffffff !important; font-weight: 700; font-size: 15px; text-decoration: none; transition: background 0.2s, transform 0.15s; } .vks-cta-primary:hover { background: #5dd4b0; transform: translateY(-1px); } .vks-cta-arrow { font-size: 18px; } .vks-cta-secondary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: 8px; background: transparent; border: 1px solid rgba(200, 212, 228, 0.15); color: rgba(200, 212, 228, 0.8); font-weight: 600; font-size: 15px; text-decoration: none; transition: border-color 0.2s, color 0.2s; } .vks-cta-secondary:hover { border-color: rgba(200, 212, 228, 0.35); color: #fff; } /* Proof badges */ .vks-hero-proof { display: flex; gap: 20px; flex-wrap: wrap; } .vks-proof-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(200, 212, 228, 0.5); font-weight: 500; } @media (max-width: 640px) { .vks-hero { padding: 48px 16px 60px; } .vks-hero-logos { gap: 16px; } .vks-logo-solanica { height: 28px; } .vks-logo-vmware { height: 22px; } .vks-hero-ctas { flex-direction: column; } .vks-hero-proof { flex-direction: column; gap: 10px; } } </style> <section class="vks-why"> <div class="vks-why-container"> <div class="vks-why-header"> <span class="vks-why-label">The short version</span> <h2>Why This Matters for VMware Shops</h2> <p class="vks-why-lead">You have a massive vSphere footprint. You want cloud-like database automation without migrating to AWS or GCP. OpenEverest is the bridge.</p>https://solanica.io/authors/spron-in/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/authors/spron-in/https://solanica.io/presentations/about-solanica-2026/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/presentations/about-solanica-2026/<!-- ============================================================ Solanica Overview — Customer Presentation _meta.t123.html ============================================================ --> <script> (function () { var META = { title: "Solanica & OpenEverest — Run Data Workloads Anywhere", slug: "about-solanica-2026", description: "Solanica and OpenEverest: freedom to run production data workloads on any infrastructure without vendor lock-in. Customer-facing overview presentation.", speaker: "Sergey Pronin", event: "Customer Presentation", eventUrl: "https://solanica.io", date: "2026-05-20", location: "Global", tags: ["solanica", "openeverest", "databases", "dbaas", "platform-engineering", "cloud-native"], status: "draft", coverImage: "https://solanica.io/og-default.png", pageUrl: "https://solanica.io/presentations/about-solanica-2026" }; window.__presMETA = META; var d = document; function tag(name, attrs) { var key = attrs.property || attrs.name; if (key) { var existing = d.querySelector( 'meta[property="' + key + '"], meta[name="' + key + '"]' ); if (existing) existing.parentNode.removeChild(existing); } var el = d.createElement(name); Object.keys(attrs).forEach(function (k) { el.setAttribute(k, attrs[k]); }); return el; } var head = d.head || d.getElementsByTagName('head')[0]; var titleEl = d.querySelector('title'); if (titleEl) { titleEl.textContent = META.title; } else { var t = d.createElement('title'); t.textContent = META.title; head.appendChild(t); } head.appendChild(tag('meta', { name: 'description', content: META.description })); head.appendChild(tag('meta', { name: 'author', content: META.speaker })); head.appendChild(tag('meta', { name: 'keywords', content: META.tags.join(', ') })); head.appendChild(tag('link', { rel: 'canonical', href: META.pageUrl })); head.appendChild(tag('meta', { property: 'og:type', content: 'website' })); head.appendChild(tag('meta', { property: 'og:title', content: META.title })); head.appendChild(tag('meta', { property: 'og:description', content: META.description })); head.appendChild(tag('meta', { property: 'og:image', content: META.coverImage })); head.appendChild(tag('meta', { property: 'og:url', content: META.pageUrl })); head.appendChild(tag('meta', { property: 'og:site_name', content: 'Solanica' })); head.appendChild(tag('meta', { name: 'twitter:card', content: 'summary_large_image' })); head.appendChild(tag('meta', { name: 'twitter:site', content: '@solanicaio' })); head.appendChild(tag('meta', { name: 'twitter:title', content: META.title })); head.appendChild(tag('meta', { name: 'twitter:description', content: META.description })); head.appendChild(tag('meta', { name: 'twitter:image', content: META.coverImage })); })(); </script> <!-- ============================================================ Solanica Presentation Engine — _head.t123.html ADD THIS AS THE FIRST BLOCK on every Tilda presentation page. It applies scroll-snap to the page and styles shared by all slides. ============================================================ --> <style> /* ---- Page-level scroll snap ---- */ html { scroll-snap-type: y mandatory; scroll-behavior: smooth; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } html::-webkit-scrollbar { display: none; } body { margin: 0; padding: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; background: #0f0f29; } /* ---- Slide base ---- */ .slide { height: 100vh; width: 100%; scroll-snap-align: start; scroll-snap-stop: always; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } /* ---- Navigation dots (right edge) ---- */ .pres-dots { position: fixed; right: 18px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 10px; z-index: 9999; list-style: none; margin: 0; padding: 0; } .pres-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); cursor: pointer; border: none; padding: 0; outline: none; transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .pres-dot:hover { background: rgba(255, 255, 255, 0.5); } .pres-dot.active { background: #7790de; box-shadow: 0 0 8px rgba(119, 144, 222, 0.6); transform: scale(1.5); } /* ---- Slide counter (bottom-right) ---- */ .pres-counter { position: fixed; bottom: 20px; right: 24px; color: rgba(255, 255, 255, 0.28); font-size: 12px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.1em; z-index: 9999; pointer-events: none; user-select: none; } /* ---- Key hint (bottom-centre, fades out) ---- */ .pres-hint { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.22); font-size: 11px; font-family: 'Inter', system-ui, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; z-index: 9999; pointer-events: none; user-select: none; white-space: nowrap; transition: opacity 1.4s ease; } .pres-hint.hidden { opacity: 0; } /* ---- Left-edge back trigger ---- */ .pres-back-trigger { position: fixed; left: 0; top: 0; width: 48px; height: 100vh; z-index: 9998; cursor: pointer; } .pres-back-trigger:hover .pres-back-label { opacity: 1; transform: translateY(-50%) translateX(0); } .pres-back-label { position: absolute; top: 50%; left: 16px; transform: translateY(-50%) translateX(-8px); opacity: 0; transition: opacity 0.25s ease, transform 0.25s ease; display: flex; align-items: center; gap: 10px; white-space: nowrap; color: rgba(255, 255, 255, 0.75); font-size: 13px; font-family: 'Inter', system-ui, sans-serif; font-weight: 500; letter-spacing: 0.03em; text-decoration: none; padding: 10px 16px 10px 12px; background: rgba(15, 15, 41, 0.85); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: auto; } .pres-back-label:hover { color: #ffffff; border-color: rgba(255, 255, 255, 0.25); } .pres-back-arrow { font-size: 16px; line-height: 1; flex-shrink: 0; } /* ---- Mobile: desktop hint toast ---- */ .pres-mob-toast { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); z-index: 99999; background: rgba(15, 15, 41, 0.92); border: 1px solid rgba(119, 144, 222, 0.3); border-radius: 10px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 10px 10px 10px 16px; display: flex; align-items: center; gap: 12px; font-family: 'Inter', system-ui, sans-serif; font-size: 13px; color: rgba(200, 212, 228, 0.8); white-space: nowrap; opacity: 1; transition: opacity 0.4s ease, transform 0.4s ease; pointer-events: auto; } .pres-mob-toast.hidden { opacity: 0; transform: translateX(-50%) translateY(-8px); pointer-events: none; } .pres-mob-toast-close { width: 22px; height: 22px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.06); border-radius: 50%; color: rgba(200, 212, 228, 0.55); font-size: 12px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .pres-mob-toast-close:hover { background: rgba(255, 255, 255, 0.12); color: rgba(200, 212, 228, 0.9); } /* ============================================================ MOBILE — scale-to-fit: preserve desktop layout, shrink it to fit the phone screen. Users pinch-to-zoom for details. ============================================================ */ @media (max-width: 768px) { /* Disable snap — Tilda's header shifts the snap anchor of slide-1 below the viewport edge, causing it to be skipped. Natural scroll is more reliable on touch. */ html { scroll-snap-type: none; } /* Keep slides as fixed-height viewports */ .slide { height: 100svh; scroll-snap-align: none; scroll-snap-stop: normal; } /* Hide keyboard-centric chrome — not useful on touch */ .pres-dots, .pres-counter, .pres-hint, .pres-back-trigger { display: none !important; } /* Scale the content wrapper to fit the viewport width. --pres-mob-scale is set by JS in _foot.t123.html. The wrapper renders at its desktop width (1060px) and is visually scaled down via CSS transform. */ .slide > [class*="-wrap"], .slide > [class*="-outer"] { width: 1060px !important; max-width: none !important; transform: scale(var(--pres-mob-scale, 1)); transform-origin: center center; } } /* ============================================================ PRINT — one slide per page, hide navigation chrome. Use landscape orientation, no margins for best results. ============================================================ */ @media print { html { scroll-snap-type: none; overflow: visible; } body { background: #0a0a1e; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .slide { height: 100vh; width: 100vw; page-break-after: always; break-after: page; page-break-inside: avoid; break-inside: avoid; scroll-snap-align: none; overflow: hidden; } .slide:last-child { page-break-after: auto; break-after: auto; } .pres-dots, .pres-counter, .pres-hint, .pres-back-trigger, .pres-mob-toast { display: none !important; } /* Reveal all step-animated elements — force final state */ .slide * { opacity: 1 !important; transform: none !important; visibility: visible !important; transition: none !important; animation: none !important; } } </style> <!-- ============================================================ Solanica Overview — Customer Presentation Slide 01: Title & Core Value Proposition ============================================================ --> <style> #sol-slide-01 { background-color: #0a0a1e; background-image: radial-gradient(ellipse at 20% 80%, rgba(31, 35, 85, 0.75) 0%, transparent 55%), radial-gradient(ellipse at 80% 20%, rgba(31, 35, 85, 0.55) 0%, transparent 50%), radial-gradient(circle at 50% 50%, #131333 0%, #080818 100%); } .sol01-wrap { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; width: 100%; position: relative; z-index: 1; padding: 48px 72px 44px; box-sizing: border-box; text-align: center; } .sol01-logo { display: block; height: 56px; width: auto; opacity: 0.92; } .sol01-body { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; } .sol01-eyebrow { font-size: 18px; letter-spacing: 0.22em; text-transform: uppercase; color: #7790de; font-weight: 600; font-family: 'Inter', system-ui, sans-serif; margin: 0 0 32px; } .sol01-title { font-size: 96px; font-weight: 800; color: #ffffff; line-height: 1.06; letter-spacing: -3px; margin: 0 0 32px; font-family: 'Inter', system-ui, sans-serif; } .sol01-title span { color: #7790de; } .sol01-subtitle { font-size: 30px; font-weight: 300; color: rgba(220, 228, 240, 0.55); font-family: 'Inter', system-ui, sans-serif; margin: 0 0 48px; letter-spacing: -0.3px; max-width: 1000px; line-height: 1.45; } .sol01-pillars { display: flex; gap: 24px; flex-wrap: wrap; justify-content: center; } .sol01-pill { display: inline-flex; align-items: center; gap: 12px; padding: 16px 28px; border-radius: 10px; font-size: 20px; font-weight: 600; font-family: 'Inter', system-ui, sans-serif; border: 1px solid rgba(119, 144, 222, 0.25); background: rgba(119, 144, 222, 0.06); color: rgba(200, 212, 228, 0.85); } .sol01-pill svg { flex-shrink: 0; width: 22px; height: 22px; } .sol01-footer { font-size: 18px; color: rgba(200, 212, 228, 0.4); font-family: 'Inter', system-ui, sans-serif; } @media (max-width: 768px) { .sol01-title { font-size: clamp(42px, 12vw, 72px); letter-spacing: -1px; } .sol01-subtitle { font-size: 22px; } .sol01-pillars { flex-direction: column; align-items: center; } } </style> <div class="slide" id="sol-slide-01"> <div class="sol01-wrap"> <img class="sol01-logo" src="https://solanica.io/images/pages/tild6230-3737-4562-b261-653038343838__white-horizontal.svg" alt="Solanica" /> <div class="sol01-body"> <h1 class="sol01-title">Run Data Workloads <span>Anywhere.</span></h1> <p class="sol01-subtitle">No vendor lock-in. No infrastructure constraints. Full control over your data, on your terms — any cloud, on-prem, edge, or hybrid.</p>https://solanica.io/authors/solanica-team/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/authors/solanica-team/https://solanica.io/vs/aws-rds/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/vs/aws-rds/<section class="sol-vs-hero"> <div class="sol-vs-hero-container"> <nav class="sol-vs-breadcrumb"> <a href="https://solanica.io/comparisons/" class="sol-vs-breadcrumb-link">comparisons</a> <span class="sol-vs-breadcrumb-sep">❯</span> <span class="sol-vs-breadcrumb-current">solanica-vs-aws-rds</span> </nav> <div class="sol-vs-hero-label"> <span class="sol-vs-mono">$ diff solanica.yaml aws-rds.yaml</span> </div> <h1>Solanica vs AWS RDS</h1> <h2>Open, Portable Database Platform vs AWS-Locked Managed Service</h2> <p class="sol-vs-hero-intro">Both Solanica and AWS RDS eliminate the need to hand-manage database infrastructure. The fundamental difference: RDS runs your databases deep inside AWS — your backups are in AWS-proprietary format, your extensions are AWS-curated, and your migration path out is painful by design. Solanica runs everything on <strong>your</strong> Kubernetes clusters — any cloud, any data centre, fully portable.</p>https://solanica.io/terms-of-use/Mon, 01 Jan 0001 00:00:00 +0000https://solanica.io/terms-of-use/Solanica Terms of Use document.