Files
sonr/pkg/webui/landing/sections/arch.templ
T
Prad NukalaandGitHub 31bcc21c35 feature/1121 implement ucan validation (#1176)
- **refactor: remove unused auth components**
- **refactor: improve devbox configuration and deployment process**
- **refactor: improve devnet and testnet setup**
- **fix: update templ version to v0.2.778**
- **refactor: rename pkl/net.matrix to pkl/matrix.net**
- **refactor: migrate webapp components to nebula**
- **refactor: protobuf types**
- **chore: update dependencies for improved security and stability**
- **feat: implement landing page and vault gateway servers**
- **refactor: Migrate data models to new module structure and update
related files**
- **feature/1121-implement-ucan-validation**
- **refactor: Replace hardcoded constants with model types in attns.go**
- **feature/1121-implement-ucan-validation**
- **chore: add origin Host struct and update main function to handle
multiple hosts**
- **build: remove unused static files from dwn module**
- **build: remove unused static files from dwn module**
- **refactor: Move DWN models to common package**
- **refactor: move models to pkg/common**
- **refactor: move vault web app assets to embed module**
- **refactor: update session middleware import path**
- **chore: configure port labels and auto-forwarding behavior**
- **feat: enhance devcontainer configuration**
- **feat: Add UCAN middleware for Echo with flexible token validation**
- **feat: add JWT middleware for UCAN authentication**
- **refactor: update package URI and versioning in PklProject files**
- **fix: correct sonr.pkl import path**
- **refactor: move JWT related code to auth package**
- **feat: introduce vault configuration retrieval and management**
- **refactor: Move vault components to gateway module and update file
paths**
- **refactor: remove Dexie and SQLite database implementations**
- **feat: enhance frontend with PWA features and WASM integration**
- **feat: add Devbox features and streamline Dockerfile**
- **chore: update dependencies to include TigerBeetle**
- **chore(deps): update go version to 1.23**
- **feat: enhance devnet setup with PATH environment variable and
updated PWA manifest**
- **fix: upgrade tigerbeetle-go dependency and remove indirect
dependency**
- **feat: add PostgreSQL support to devnet and testnet deployments**
- **refactor: rename keyshare cookie to token cookie**
- **feat: upgrade Go version to 1.23.3 and update dependencies**
- **refactor: update devnet and testnet configurations**
- **feat: add IPFS configuration for devnet**
- **I'll help you update the ipfs.config.pkl to include all the peers
from the shell script. Here's the updated configuration:**
- **refactor: move mpc package to crypto directory**
- **feat: add BIP32 support for various cryptocurrencies**
- **feat: enhance ATN.pkl with additional capabilities**
- **refactor: simplify smart account and vault attenuation creation**
- **feat: add new capabilities to the Attenuation type**
- **refactor: Rename MPC files for clarity and consistency**
- **feat: add DIDKey support for cryptographic operations**
- **feat: add devnet and testnet deployment configurations**
- **fix: correct key derivation in bip32 package**
- **refactor: rename crypto/bip32 package to crypto/accaddr**
- **fix: remove duplicate indirect dependency**
- **refactor: move vault package to root directory**
- **refactor: update routes for gateway and vault**
- **refactor: remove obsolete web configuration file**
- **refactor: remove unused TigerBeetle imports and update host
configuration**
- **refactor: adjust styles directory path**
- **feat: add broadcastTx and simulateTx functions to gateway**
- **feat: add PinVault handler**
2024-12-02 14:27:18 -05:00

196 lines
7.1 KiB
Templ

package sections
import models "github.com/onsonr/sonr/pkg/webui/landing/models"
// Architecture is the (4th) home page architecture section
templ Architecture(arch *models.Architecture) {
<!-- Features #2 -->
<section>
<div class="py-12 md:py-20">
<div class="max-w-5xl mx-auto px-4 sm:px-6">
<div
class="relative max-w-3xl mx-auto text-center pb-12 md:pb-20"
>
<h2
class="font-inter-tight text-3xl md:text-4xl font-bold text-zinc-900 mb-4"
>
{ arch.Heading }
</h2>
<p class="text-lg text-zinc-500">
{ arch.Subtitle }
</p>
</div>
<div
class="max-w-xs mx-auto sm:max-w-none grid sm:grid-cols-2 md:grid-cols-3 gap-8 sm:gap-4 lg:gap-8"
>
<article
class="sm:col-span-2 flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg"
>
<div class="grow flex flex-col p-5 pt-6">
<div class="flex items-center space-x-3 mb-1">
<svg
class="inline-flex fill-zinc-400"
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
>
<path
d="M17 9c.6 0 1 .4 1 1v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h6c.6 0 1 .4 1 1s-.4 1-1 1H4v12h12v-6c0-.6.4-1 1-1Zm-.7-6.7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-8 8c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l8-8Z"
></path>
</svg>
<h3 class="font-inter-tight font-semibold text-zinc-900">
{ arch.Primary.Title }
</h3>
</div>
<p class="grow max-w-md text-sm text-zinc-500">
{ arch.Primary.Desc }
</p>
</div>
<figure>
<img
class="h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto"
src={ arch.Primary.Image.Src }
width="721"
height="280"
alt="Feature Post 01"
/>
</figure>
</article>
<article
class="flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg"
>
<div class="grow flex flex-col p-5 pt-6">
<div class="flex items-center space-x-3 mb-1">
<svg
class="inline-flex fill-zinc-400"
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
>
<path
d="m6.035 17.335-4-14c-.2-.8.5-1.5 1.3-1.3l14 4c.9.3 1 1.5.1 1.9l-6.6 2.9-2.8 6.6c-.5.9-1.7.8-2-.1Zm-1.5-12.8 2.7 9.5 1.9-4.4c.1-.2.3-.4.5-.5l4.4-1.9-9.5-2.7Z"
></path>
</svg>
<h3 class="font-inter-tight font-semibold text-zinc-900">
{ arch.Secondary.Title }
</h3>
</div>
<p class="grow max-w-md text-sm text-zinc-500">
{ arch.Secondary.Desc }
</p>
</div>
<figure>
<img
class="h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto"
src={ arch.Secondary.Image.Src }
width="342"
height="280"
alt="Feature Post 02"
/>
</figure>
</article>
<article
class="flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg"
>
<div class="grow flex flex-col p-5 pt-6">
<div class="flex items-center space-x-3 mb-1">
<svg
class="inline-flex fill-zinc-400"
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
>
<path
d="M8.974 16c-.3 0-.7-.2-.9-.5l-2.2-3.7-2.1 2.8c-.3.4-1 .5-1.4.2-.4-.3-.5-1-.2-1.4l3-4c.2-.3.5-.4.9-.4.3 0 .6.2.8.5l2 3.3 3.3-8.1c0-.4.4-.7.8-.7s.8.2.9.6l4 8c.2.5 0 1.1-.4 1.3-.5.2-1.1 0-1.3-.4l-3-6-3.2 7.9c-.2.4-.6.6-1 .6Z"
></path>
</svg>
<h3 class="font-inter-tight font-semibold text-zinc-900">
{ arch.Tertiary.Title }
</h3>
</div>
<p class="grow max-w-md text-sm text-zinc-500">
{ arch.Tertiary.Desc }
</p>
</div>
<figure>
<img
class="h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto"
src={ arch.Tertiary.Image.Src }
width="342"
height="280"
alt="Feature Post 03"
/>
</figure>
</article>
<article
class="flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg"
>
<div class="grow flex flex-col p-5 pt-6">
<div class="flex items-center space-x-3 mb-1">
<svg
class="inline-flex fill-zinc-400"
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
>
<path
d="M9.3 11.7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0ZM9.3 17.7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0ZM2.3 12.7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0Z"
></path>
</svg>
<h3 class="font-inter-tight font-semibold text-zinc-900">
{ arch.Quaternary.Title }
</h3>
</div>
<p class="grow max-w-md text-sm text-zinc-500">
{ arch.Quaternary.Desc }
</p>
</div>
<figure>
<img
class="h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto"
src={ arch.Quaternary.Image.Src }
width="342"
height="280"
alt="Feature Post 04"
/>
</figure>
</article>
<article
class="flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg"
>
<div class="grow flex flex-col p-5 pt-6">
<div class="flex items-center space-x-3 mb-1">
<svg
class="inline-flex fill-zinc-400"
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
>
<path
d="M16 2H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h8.667l3.733 2.8A1 1 0 0 0 18 17V4a2 2 0 0 0-2-2Zm0 13-2.4-1.8a1 1 0 0 0-.6-.2H4V4h12v11Z"
></path>
</svg>
<h3 class="font-inter-tight font-semibold text-zinc-900">
{ arch.Quinary.Title }
</h3>
</div>
<p class="grow max-w-md text-sm text-zinc-500">
{ arch.Quinary.Desc }
</p>
</div>
<figure>
<img
class="h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto"
src={ arch.Quinary.Image.Src }
width="342"
height="280"
alt="Feature Post 05"
/>
</figure>
</article>
</div>
</div>
</div>
</section>
}