Skip to content

Commit 3495ef4

Browse files
author
Max Carlson
committed
Update based on fpc export 12 absolute px from AnimaPackage-Play-l5M90
1 parent e945aa5 commit 3495ef4

File tree

294 files changed

+41004
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

294 files changed

+41004
-0
lines changed

‎components.html

Lines changed: 1282 additions & 0 deletions
Large diffs are not rendered by default.

‎css/components.css

Lines changed: 4177 additions & 0 deletions
Large diffs are not rendered by default.

‎css/globals.css

Lines changed: 325 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,325 @@
1+
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
2+
@import url("https://fonts.googleapis.com/css?family=Mulish:700,400italic,600,400|Xanh+Mono:400,400italic|IBM+Plex+Serif:400,400italic|Cormorant+Garamond:600italic,600|Playfair+Display:400,400italic");
3+
/* The following line is used to measure usage of this code. You can remove it if you want. */
4+
5+
6+
@font-face {
7+
font-family: "Bressay-Italic";
8+
font-style: italic;
9+
font-weight: 400;
10+
src: url("../fonts/.26929.otf") format("opentype");
11+
}
12+
13+
14+
.screen textarea:focus,
15+
.screen input:focus {
16+
outline: none;
17+
}
18+
19+
.screen * {
20+
-webkit-font-smoothing: antialiased;
21+
box-sizing: border-box;
22+
}
23+
24+
.screen div {
25+
-webkit-text-size-adjust: none;
26+
}
27+
28+
.screen a {
29+
display: contents;
30+
text-decoration: none;
31+
}
32+
33+
.overlay-base {
34+
display: none;
35+
height: 100%;
36+
opacity: 0;
37+
position: fixed;
38+
top: 0;
39+
width: 100%;
40+
}
41+
42+
.overlay-base.animate-appear {
43+
align-items: center;
44+
animation: reveal 0.3s ease-in-out 1 normal forwards;
45+
display: flex;
46+
flex-direction: column;
47+
justify-content: center;
48+
opacity: 0;
49+
}
50+
51+
.overlay-base.animate-disappear {
52+
animation: reveal 0.3s ease-in-out 1 reverse forwards;
53+
display: block;
54+
opacity: 1;
55+
pointer-events: none;
56+
}
57+
58+
.overlay-base.animate-disappear * {
59+
pointer-events: none;
60+
}
61+
62+
@keyframes reveal {
63+
from {
64+
opacity: 0;
65+
}
66+
to {
67+
opacity: 1;
68+
}
69+
}
70+
71+
.valign-text-middle {
72+
display: flex;
73+
flex-direction: column;
74+
justify-content: center;
75+
}
76+
77+
.valign-text-bottom {
78+
display: flex;
79+
flex-direction: column;
80+
justify-content: flex-end;
81+
}
82+
83+
.hidden,
84+
.hidden * {
85+
pointer-events: none;
86+
visibility: hidden;
87+
}
88+
89+
* {
90+
box-sizing: border-box;
91+
}
92+
93+
.logo {
94+
background-color: transparent;
95+
position: relative;
96+
}
97+
98+
.logo-lockup {
99+
align-items: center;
100+
background-color: transparent;
101+
cursor: pointer;
102+
flex: 0 0 auto;
103+
gap: 13px;
104+
position: relative;
105+
}
106+
107+
.persons-name {
108+
align-self: stretch;
109+
background-color: transparent;
110+
letter-spacing: 0.00px;
111+
line-height: normal;
112+
margin-top: -1.00px;
113+
position: relative;
114+
text-align: left;
115+
}
116+
117+
.text_label {
118+
background-color: transparent;
119+
letter-spacing: 0.00px;
120+
line-height: normal;
121+
margin-top: -1.00px;
122+
position: relative;
123+
text-align: left;
124+
width: fit-content;
125+
}
126+
127+
.title {
128+
align-self: stretch;
129+
background-color: transparent;
130+
letter-spacing: 0.00px;
131+
line-height: normal;
132+
position: relative;
133+
text-align: left;
134+
}
135+
136+
.text {
137+
background-color: transparent;
138+
position: relative;
139+
}
140+
141+
.first-last {
142+
align-self: stretch;
143+
background-color: transparent;
144+
letter-spacing: 0.00px;
145+
line-height: normal;
146+
margin-top: -2.00px;
147+
position: relative;
148+
text-align: center;
149+
}
150+
151+
.frame-89 {
152+
align-items: flex-start;
153+
align-self: stretch;
154+
background-color: transparent;
155+
display: flex;
156+
flex: 0 0 auto;
157+
flex-direction: column;
158+
gap: 8px;
159+
position: relative;
160+
width: 100%;
161+
}
162+
163+
.info {
164+
align-items: flex-start;
165+
background-color: transparent;
166+
flex-direction: column;
167+
gap: 2px;
168+
justify-content: center;
169+
position: relative;
170+
}
171+
172+
.teamphotosv4 {
173+
background-color: transparent;
174+
height: 96px;
175+
width: 96px;
176+
}
177+
178+
.attrportraits {
179+
background-color: transparent;
180+
border-radius: 80px;
181+
height: 80px;
182+
position: relative;
183+
width: 80.00028228759766px;
184+
}
185+
186+
.main {
187+
align-items: flex-start;
188+
align-self: stretch;
189+
background-color: transparent;
190+
display: flex;
191+
flex: 0 0 auto;
192+
flex-direction: column;
193+
gap: 15px;
194+
position: relative;
195+
width: 100%;
196+
}
197+
198+
.governance-game {
199+
align-self: stretch;
200+
position: relative;
201+
}
202+
203+
.process-codes {
204+
align-self: stretch;
205+
position: relative;
206+
}
207+
208+
.a-forming-network-of {
209+
align-self: stretch;
210+
background-color: transparent;
211+
letter-spacing: 0.00px;
212+
line-height: 20px;
213+
position: relative;
214+
text-align: left;
215+
}
216+
217+
.build-sustainable-fi {
218+
background-color: transparent;
219+
flex: 1;
220+
letter-spacing: 0.00px;
221+
line-height: 24px;
222+
margin-top: -1.00px;
223+
position: relative;
224+
text-align: left;
225+
}
226+
227+
.bullet {
228+
background-color: transparent;
229+
border: 1.5px solid;
230+
border-color: var(--fpcblack);
231+
border-radius: 4px;
232+
height: 8px;
233+
position: relative;
234+
width: 8px;
235+
}
236+
237+
.creator {
238+
align-self: stretch;
239+
background-color: transparent;
240+
letter-spacing: 0.00px;
241+
line-height: 20px;
242+
margin-top: -1.00px;
243+
position: relative;
244+
text-align: left;
245+
}
246+
247+
.frame {
248+
align-items: center;
249+
background-color: transparent;
250+
display: flex;
251+
gap: 10px;
252+
height: 24px;
253+
justify-content: center;
254+
position: relative;
255+
width: 24px;
256+
}
257+
258+
.initiator {
259+
align-self: stretch;
260+
background-color: transparent;
261+
letter-spacing: 0.00px;
262+
line-height: 20px;
263+
margin-top: -1.00px;
264+
position: relative;
265+
text-align: left;
266+
}
267+
268+
.learn-more {
269+
align-self: stretch;
270+
background-color: transparent;
271+
letter-spacing: 0.00px;
272+
line-height: 20px;
273+
margin-top: -1.00px;
274+
position: relative;
275+
text-align: left;
276+
}
277+
278+
.line-item {
279+
align-items: flex-start;
280+
align-self: stretch;
281+
background-color: transparent;
282+
display: flex;
283+
flex: 0 0 auto;
284+
flex-direction: column;
285+
gap: 5px;
286+
position: relative;
287+
width: 100%;
288+
}
289+
290+
.list-item {
291+
align-items: flex-start;
292+
align-self: stretch;
293+
background-color: transparent;
294+
display: flex;
295+
flex: 0 0 auto;
296+
gap: 5px;
297+
position: relative;
298+
width: 100%;
299+
}
300+
301+
.who-should-get-involved {
302+
align-self: stretch;
303+
background-color: transparent;
304+
letter-spacing: 0.00px;
305+
line-height: 20px;
306+
margin-top: -1.00px;
307+
position: relative;
308+
text-align: left;
309+
}
310+
311+
.divvert {
312+
align-self: stretch;
313+
background-color: var(--fpccharcoal);
314+
border-radius: 2px;
315+
position: relative;
316+
width: 2px;
317+
}
318+
319+
.gallery {
320+
align-self: stretch;
321+
display: flex;
322+
flex: 0 0 auto;
323+
position: relative;
324+
width: 100%;
325+
}

0 commit comments

Comments
 (0)