tlsnotary/website
1
0
Fork 0
mirror of https://github.com/tlsnotary/website.git synced 2026-01-05 04:04:08 -05:00
Code Issues Packages Projects Releases Wiki Activity

Rough content for landing page

Browse Source
This commit is contained in:
Hendrik Eeckhaut
2025-05-15 10:52:23 +02:00
parent 961185c4d4
commit e60dc05a85
7 changed files with 57 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docusaurus.config.ts
View File

@@ -88,7 +88,7 @@ const config: Config = {
title: 'TLSNotary',
logo: {
alt: 'TLSNotary Logo',
src: 'img/logo/tlsn-logo-white-on-blue.png',
src: 'img/logo/tlsn-logo-blue.svg',
},
items: [
{ to: '/about', label: 'About', position: 'left' },

2
src/css/custom.css
View File

@@ -6,7 +6,7 @@
/* You can override the default Infima variables here. */
:root {
--ifm-color-primary: #2e8555;
--ifm-color-primary: #243F5F;
--ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148;
--ifm-color-primary-darkest: #205d3b;

3
src/pages/about.md
View File

@@ -11,7 +11,8 @@ TLSNotary is not a new project; in fact, it has been around for **more than a de
TLSNotary is a protocol which allows people to export data from any web application and prove facts about it to a third-party in a privacy-preserving way by leveraging secure multi-party computation (MPC) to authenticate data communicated between a Prover and a TLS-enabled web server.
![](/img/tlsnotary-diagram.svg)
![](../../diagrams/light/overview_prover_verifier.svg#gh-light-mode-only)
![](../../diagrams/dark/overview_prover_verifier.svg#gh-dark-mode-only)
### Step 1: Multiparty TLS Request"

69
src/pages/index.tsx
View File

@@ -20,21 +20,6 @@ function HomepageHeader() {
<div className="">
<p>TLSNotary is an open-source protocol that can verify the authenticity of TLS data while protecting privacy. If you're looking for a way to make data portable without compromising on security, check out the protocol and integrate it into your applications!</p>
</div>
<div className={styles.buttons}>
<Link
className="button button--secondary button--lg"
to="/docs/intro">
Check out our documentation
</Link>
</div>
<br />
<div className={styles.buttons}>
<Link
className="button button--secondary button--lg"
to="https://demo.tlsnotary.org">
Try TLSNotary (Chrome Browser)
</Link>
</div>
</div>
</header>
);
@@ -47,6 +32,15 @@ export default function Home(): ReactNode {
title={`Hello from ${siteConfig.title}`}
description="Description will go into a meta tag in <head />">
<HomepageHeader />
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
<svg xmlns="http://www.w3.org/2000/svg" width="766" height="112" viewBox="0 0 766 112" fill="none" >
<path
d="M7.08083 111.735C2.43838 111.735 -0.529098 106.775 1.65739 102.67L34.4815 41.045C35.5504 39.0382 37.6354 37.7849 39.9049 37.7849H82.9012V6.97233C82.9012 3.56887 85.6537 0.809822 89.0492 0.809822H187.417L175.121 19.2973H101.345V37.7849H704.221C705.276 37.7849 706.313 38.057 707.233 38.5749L761.94 69.3875C766.121 71.7428 766.121 77.7771 761.94 80.1324L707.233 110.945C706.313 111.463 705.276 111.735 704.221 111.735H7.08083Z"
fill="#243F5F"
/>
</svg>
</div>
<main>
<section className={styles.introduction}>
<div className="container">
@@ -59,7 +53,50 @@ export default function Home(): ReactNode {
</p>
</div>
</section>
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
<div className={styles.buttons}>
<Link
className="button button--secondary button--lg"
to="/docs/intro">
Check out our documentation
</Link>
</div>
</div>
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
<div className={styles.buttons}>
<Link
className="button button--secondary button--lg"
to="https://demo.tlsnotary.org">
Try TLSNotary (Chrome Browser)
</Link>
</div>
</div>
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
<img src="img/infographic.svg" />
{/* <Image className="hidden md:block" src="/images/infographic.svg" alt="infographic" fill />
<Image className="block md:hidden" src="/images/infographic-mobile.svg" alt="infographic mobile" fill /> */}
</div>
<section className={styles.introduction}>
<div className="container">
<h2 className={styles.borderBlue}>Build with us</h2>
<p>
Interested in using TLSNotary, contributing, or just learning more about how it works? Join the conversation on our Discord server, check out our Github, or use our Quick Start guide to try it out!
</p>
<div className={styles.buttons}>
<Link
className="button button--secondary button--lg"
to="https://discord.gg/9XwESXtcN7">
Join our Discord
</Link>
</div>
</div>
</section>
</main>
</Layout>
</Layout >
);
}

BIN
static/TLSNotary.pdf Normal file
View File

Binary file not shown.

1
static/img/logo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 6.3 KiB

4
static/img/tlsnotary-diagram.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 51 KiB