Skip to content

Commit 911544e

Browse files
author
Max Carlson
committed
Update based on fpc export 10 absolute px from AnimaPackage-Play-0998a
1 parent cc5d842 commit 911544e

File tree

306 files changed

+41912
-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.

306 files changed

+41912
-0
lines changed

‎components.html

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

‎css/components.css

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

‎css/frame-327.css

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
/* screen - frame-327 */
2+
3+
.frame-327 {
4+
background-color: var(--fpcwhite);
5+
margin: 0px;
6+
min-height: 740.66px;
7+
min-width: 682.66px;
8+
overflow-x: hidden;
9+
position: relative;
10+
width: 100%;
11+
}
12+
13+
.frame-327 .group-139-4N2McL {
14+
background-color: transparent;
15+
height: 741px;
16+
left: calc(50.00% - 341px);
17+
position: absolute;
18+
top: calc(50.00% - 370px);
19+
width: 683px;
20+
}

‎css/globals.css

Lines changed: 322 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,322 @@
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:400italic,400,600,500,700|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-lockup {
94+
align-items: center;
95+
background-color: transparent;
96+
cursor: pointer;
97+
flex: 0 0 auto;
98+
gap: 13px;
99+
position: relative;
100+
}
101+
102+
.persons-name {
103+
align-self: stretch;
104+
background-color: transparent;
105+
letter-spacing: 0.00px;
106+
line-height: normal;
107+
margin-top: -1.00px;
108+
position: relative;
109+
text-align: left;
110+
}
111+
112+
.text_label {
113+
background-color: transparent;
114+
letter-spacing: 0.00px;
115+
line-height: normal;
116+
margin-top: -1.00px;
117+
position: relative;
118+
text-align: left;
119+
width: fit-content;
120+
}
121+
122+
.title {
123+
align-self: stretch;
124+
background-color: transparent;
125+
letter-spacing: 0.00px;
126+
line-height: normal;
127+
position: relative;
128+
text-align: left;
129+
}
130+
131+
.first-last {
132+
align-self: stretch;
133+
background-color: transparent;
134+
letter-spacing: 0.00px;
135+
line-height: normal;
136+
margin-top: -2.00px;
137+
position: relative;
138+
text-align: center;
139+
}
140+
141+
.frame-89 {
142+
align-items: flex-start;
143+
align-self: stretch;
144+
background-color: transparent;
145+
display: flex;
146+
flex: 0 0 auto;
147+
flex-direction: column;
148+
gap: 8px;
149+
position: relative;
150+
width: 100%;
151+
}
152+
153+
.info {
154+
align-items: flex-start;
155+
background-color: transparent;
156+
flex-direction: column;
157+
gap: 2px;
158+
justify-content: center;
159+
position: relative;
160+
}
161+
162+
.teamphotosv4 {
163+
background-color: transparent;
164+
height: 96px;
165+
width: 96px;
166+
}
167+
168+
.attrportraits {
169+
background-color: transparent;
170+
border-radius: 80px;
171+
height: 80px;
172+
position: relative;
173+
width: 80.00028228759766px;
174+
}
175+
176+
.governance-game {
177+
align-self: stretch;
178+
position: relative;
179+
}
180+
181+
.main {
182+
align-items: flex-start;
183+
align-self: stretch;
184+
background-color: transparent;
185+
display: flex;
186+
flex: 0 0 auto;
187+
flex-direction: column;
188+
gap: 15px;
189+
position: relative;
190+
width: 100%;
191+
}
192+
193+
.process-codes {
194+
align-self: stretch;
195+
position: relative;
196+
}
197+
198+
.a-forming-network-of {
199+
align-self: stretch;
200+
background-color: transparent;
201+
letter-spacing: 0.00px;
202+
line-height: 20px;
203+
position: relative;
204+
text-align: left;
205+
}
206+
207+
.build-sustainable-fi {
208+
background-color: transparent;
209+
flex: 1;
210+
letter-spacing: 0.00px;
211+
line-height: 24px;
212+
margin-top: -1.00px;
213+
position: relative;
214+
text-align: left;
215+
}
216+
217+
.bullet {
218+
background-color: transparent;
219+
border: 1.5px solid;
220+
border-color: var(--fpcblack);
221+
border-radius: 4px;
222+
height: 8px;
223+
position: relative;
224+
width: 8px;
225+
}
226+
227+
.creator {
228+
align-self: stretch;
229+
background-color: transparent;
230+
letter-spacing: 0.00px;
231+
line-height: 20px;
232+
margin-top: -1.00px;
233+
position: relative;
234+
text-align: left;
235+
}
236+
237+
.frame {
238+
align-items: center;
239+
background-color: transparent;
240+
display: flex;
241+
gap: 10px;
242+
height: 24px;
243+
justify-content: center;
244+
position: relative;
245+
width: 24px;
246+
}
247+
248+
.initiator {
249+
align-self: stretch;
250+
background-color: transparent;
251+
letter-spacing: 0.00px;
252+
line-height: 20px;
253+
margin-top: -1.00px;
254+
position: relative;
255+
text-align: left;
256+
}
257+
258+
.learn-more {
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+
.line-item {
269+
align-items: flex-start;
270+
align-self: stretch;
271+
background-color: transparent;
272+
display: flex;
273+
flex: 0 0 auto;
274+
flex-direction: column;
275+
gap: 5px;
276+
position: relative;
277+
width: 100%;
278+
}
279+
280+
.list-item {
281+
align-items: flex-start;
282+
align-self: stretch;
283+
background-color: transparent;
284+
display: flex;
285+
flex: 0 0 auto;
286+
gap: 5px;
287+
position: relative;
288+
width: 100%;
289+
}
290+
291+
.who-should-get-involved {
292+
align-self: stretch;
293+
background-color: transparent;
294+
letter-spacing: 0.00px;
295+
line-height: 20px;
296+
margin-top: -1.00px;
297+
position: relative;
298+
text-align: left;
299+
}
300+
301+
.divvert {
302+
align-self: stretch;
303+
background-color: var(--fpccharcoal);
304+
border-radius: 2px;
305+
position: relative;
306+
width: 2px;
307+
}
308+
309+
.frame-302 {
310+
align-items: center;
311+
align-self: stretch;
312+
background-color: var(--fpcgrey-f2);
313+
border-radius: 12px;
314+
display: flex;
315+
flex: 0 0 auto;
316+
flex-direction: column;
317+
gap: 10px;
318+
justify-content: center;
319+
padding: 30px;
320+
position: relative;
321+
width: 100%;
322+
}

0 commit comments

Comments
 (0)