Skip to content

Commit 9140024

Browse files
jevansnycjevansnyc
committed
addying why.rs
1 parent 81b9336 commit 9140024

File tree

1 file changed

+221
-0
lines changed

1 file changed

+221
-0
lines changed

‎src/why.rs‎

Lines changed: 221 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,221 @@
1+
pub const WHY_TEMPLATE: &str = r#"<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Why Trusted Server | Auburn DAO</title>
7+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap">
8+
<style>
9+
:root {
10+
--primary-text: #1A1A1A;
11+
--secondary-text: #6B7280;
12+
--link-color: #0066CC;
13+
--background: #FFFFFF;
14+
--border-color: #E5E7EB;
15+
}
16+
17+
* {
18+
margin: 0;
19+
padding: 0;
20+
box-sizing: border-box;
21+
}
22+
23+
body {
24+
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
25+
line-height: 1.6;
26+
color: var(--primary-text);
27+
background: var(--background);
28+
}
29+
30+
.container {
31+
max-width: 800px;
32+
margin: 0 auto;
33+
padding: 2rem 1.5rem;
34+
}
35+
36+
nav {
37+
padding: 1.5rem 0;
38+
margin-bottom: 3rem;
39+
}
40+
41+
.logo {
42+
font-size: 1.25rem;
43+
font-weight: 600;
44+
color: var(--primary-text);
45+
text-decoration: none;
46+
}
47+
48+
h1 {
49+
font-size: 2.5rem;
50+
font-weight: 600;
51+
line-height: 1.2;
52+
margin-bottom: 2rem;
53+
letter-spacing: -0.02em;
54+
}
55+
56+
h2 {
57+
font-size: 1.75rem;
58+
font-weight: 600;
59+
margin: 2.5rem 0 1.5rem;
60+
letter-spacing: -0.01em;
61+
}
62+
63+
p {
64+
font-size: 1.125rem;
65+
margin-bottom: 1.5rem;
66+
color: var(--primary-text);
67+
}
68+
69+
.subtitle {
70+
font-size: 1.25rem;
71+
color: var(--secondary-text);
72+
margin-bottom: 3rem;
73+
max-width: 44rem;
74+
}
75+
76+
.feature-list {
77+
list-style: none;
78+
margin: 0;
79+
padding: 1rem 0;
80+
}
81+
82+
.feature-list li {
83+
font-size: 1.125rem;
84+
margin-bottom: 1rem;
85+
padding-left: 1.5rem;
86+
position: relative;
87+
}
88+
89+
.feature-list li::before {
90+
content: "•";
91+
position: absolute;
92+
left: 0;
93+
color: var(--link-color);
94+
}
95+
96+
.section {
97+
margin: 3rem 0;
98+
}
99+
100+
.content-card {
101+
background: var(--card-bg);
102+
border-radius: 16px;
103+
padding: 2rem;
104+
box-shadow:
105+
0 4px 6px -1px rgba(0, 0, 0, 0.05),
106+
0 10px 15px -3px rgba(0, 0, 0, 0.1),
107+
0 -2px 4px -1px rgba(255, 255, 255, 0.5);
108+
position: relative;
109+
overflow: hidden;
110+
backdrop-filter: blur(5px);
111+
border: 1px solid rgba(255, 255, 255, 0.5);
112+
}
113+
114+
.content-card::before {
115+
content: "";
116+
position: absolute;
117+
top: 0;
118+
left: 0;
119+
right: 0;
120+
bottom: 0;
121+
background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
122+
opacity: 0.8;
123+
z-index: 0;
124+
}
125+
126+
.content-card > * {
127+
position: relative;
128+
z-index: 1;
129+
}
130+
131+
.emphasis {
132+
font-weight: 500;
133+
color: var(--link-color);
134+
position: relative;
135+
padding: 0 0.2em;
136+
}
137+
138+
.emphasis::after {
139+
content: "";
140+
position: absolute;
141+
bottom: 0;
142+
left: 0;
143+
right: 0;
144+
height: 4px;
145+
background: currentColor;
146+
opacity: 0.1;
147+
border-radius: 2px;
148+
}
149+
150+
a {
151+
color: var(--link-color);
152+
text-decoration: none;
153+
}
154+
155+
a:hover {
156+
text-decoration: underline;
157+
}
158+
159+
@media (max-width: 640px) {
160+
h1 {
161+
font-size: 2rem;
162+
}
163+
164+
h2 {
165+
font-size: 1.5rem;
166+
}
167+
168+
p, .feature-list li {
169+
font-size: 1rem;
170+
}
171+
172+
.subtitle {
173+
font-size: 1.125rem;
174+
}
175+
176+
.content-card {
177+
padding: 1.5rem;
178+
border-radius: 12px;
179+
}
180+
}
181+
</style>
182+
</head>
183+
<body>
184+
<div class="container">
185+
<nav>
186+
<a href="/" class="logo">Auburn DAO</a>
187+
</nav>
188+
189+
<div class="content">
190+
<h1>Why Trusted Server</h1>
191+
192+
<div class="section">
193+
<div class="content-card">
194+
<p class="subtitle">Premium publishers have lost monetization capabilities due to big-tech browser decisions and reliance on 3rd party javascript. We feel that the ability to use 3rd party code and tags will continue its trend to zero and want to give publishers a privacy-first tool to fight back.</p>
195+
</div>
196+
</div>
197+
198+
<div class="section">
199+
<h2>Our Solution</h2>
200+
<div class="content-card">
201+
<p>We propose leveraging <span class="emphasis">first-party privileges</span> and <span class="emphasis">edge-cloud (server-side)</span> technology to help publishers take back control of advertising monetization and user-data security. We allow publishers to enable what is traditionally done via 3rd party code execution in a first party context. We have moved the ad stack out of the browser into a fast, secure edge-cloud environment.</p>
202+
</div>
203+
</div>
204+
205+
<div class="section">
206+
<h2>Key Features</h2>
207+
<div class="content-card">
208+
<ul class="feature-list">
209+
<li>Manage Ad Request and Ad Response</li>
210+
<li>Server Side Ad Stitching</li>
211+
<li>Prebid server integration</li>
212+
<li>Edge Cloud initiation and data signals collection</li>
213+
<li>Plugin support for 3P providers for identity and audience, fraud prevention, brand safety</li>
214+
<li>Plug and play into existing programmatic systems (minimal changes)</li>
215+
</ul>
216+
</div>
217+
</div>
218+
</div>
219+
</div>
220+
</body>
221+
</html>"#;

0 commit comments

Comments
 (0)