Skip to content

Commit

Permalink
Update based on fpc export 10 absolute px from AnimaPackage-Play-0998a
Browse files Browse the repository at this point in the history
  • Loading branch information
Max Carlson committed May 24, 2024
1 parent cc5d842 commit 911544e
Show file tree
Hide file tree
Showing 306 changed files with 41,912 additions and 0 deletions.
1,280 changes: 1,280 additions & 0 deletions components.html

Large diffs are not rendered by default.

4,185 changes: 4,185 additions & 0 deletions css/components.css

Large diffs are not rendered by default.

20 changes: 20 additions & 0 deletions css/frame-327.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
/* screen - frame-327 */

.frame-327 {
background-color: var(--fpcwhite);
margin: 0px;
min-height: 740.66px;
min-width: 682.66px;
overflow-x: hidden;
position: relative;
width: 100%;
}

.frame-327 .group-139-4N2McL {
background-color: transparent;
height: 741px;
left: calc(50.00% - 341px);
position: absolute;
top: calc(50.00% - 370px);
width: 683px;
}
322 changes: 322 additions & 0 deletions css/globals.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,322 @@
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@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");
/* The following line is used to measure usage of this code. You can remove it if you want. */


@font-face {
font-family: "Bressay-Italic";
font-style: italic;
font-weight: 400;
src: url("../fonts/.26929.otf") format("opentype");
}


.screen textarea:focus,
.screen input:focus {
outline: none;
}

.screen * {
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
}

.screen div {
-webkit-text-size-adjust: none;
}

.screen a {
display: contents;
text-decoration: none;
}

.overlay-base {
display: none;
height: 100%;
opacity: 0;
position: fixed;
top: 0;
width: 100%;
}

.overlay-base.animate-appear {
align-items: center;
animation: reveal 0.3s ease-in-out 1 normal forwards;
display: flex;
flex-direction: column;
justify-content: center;
opacity: 0;
}

.overlay-base.animate-disappear {
animation: reveal 0.3s ease-in-out 1 reverse forwards;
display: block;
opacity: 1;
pointer-events: none;
}

.overlay-base.animate-disappear * {
pointer-events: none;
}

@keyframes reveal {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

.valign-text-middle {
display: flex;
flex-direction: column;
justify-content: center;
}

.valign-text-bottom {
display: flex;
flex-direction: column;
justify-content: flex-end;
}

.hidden,
.hidden * {
pointer-events: none;
visibility: hidden;
}

* {
box-sizing: border-box;
}

.logo-lockup {
align-items: center;
background-color: transparent;
cursor: pointer;
flex: 0 0 auto;
gap: 13px;
position: relative;
}

.persons-name {
align-self: stretch;
background-color: transparent;
letter-spacing: 0.00px;
line-height: normal;
margin-top: -1.00px;
position: relative;
text-align: left;
}

.text_label {
background-color: transparent;
letter-spacing: 0.00px;
line-height: normal;
margin-top: -1.00px;
position: relative;
text-align: left;
width: fit-content;
}

.title {
align-self: stretch;
background-color: transparent;
letter-spacing: 0.00px;
line-height: normal;
position: relative;
text-align: left;
}

.first-last {
align-self: stretch;
background-color: transparent;
letter-spacing: 0.00px;
line-height: normal;
margin-top: -2.00px;
position: relative;
text-align: center;
}

.frame-89 {
align-items: flex-start;
align-self: stretch;
background-color: transparent;
display: flex;
flex: 0 0 auto;
flex-direction: column;
gap: 8px;
position: relative;
width: 100%;
}

.info {
align-items: flex-start;
background-color: transparent;
flex-direction: column;
gap: 2px;
justify-content: center;
position: relative;
}

.teamphotosv4 {
background-color: transparent;
height: 96px;
width: 96px;
}

.attrportraits {
background-color: transparent;
border-radius: 80px;
height: 80px;
position: relative;
width: 80.00028228759766px;
}

.governance-game {
align-self: stretch;
position: relative;
}

.main {
align-items: flex-start;
align-self: stretch;
background-color: transparent;
display: flex;
flex: 0 0 auto;
flex-direction: column;
gap: 15px;
position: relative;
width: 100%;
}

.process-codes {
align-self: stretch;
position: relative;
}

.a-forming-network-of {
align-self: stretch;
background-color: transparent;
letter-spacing: 0.00px;
line-height: 20px;
position: relative;
text-align: left;
}

.build-sustainable-fi {
background-color: transparent;
flex: 1;
letter-spacing: 0.00px;
line-height: 24px;
margin-top: -1.00px;
position: relative;
text-align: left;
}

.bullet {
background-color: transparent;
border: 1.5px solid;
border-color: var(--fpcblack);
border-radius: 4px;
height: 8px;
position: relative;
width: 8px;
}

.creator {
align-self: stretch;
background-color: transparent;
letter-spacing: 0.00px;
line-height: 20px;
margin-top: -1.00px;
position: relative;
text-align: left;
}

.frame {
align-items: center;
background-color: transparent;
display: flex;
gap: 10px;
height: 24px;
justify-content: center;
position: relative;
width: 24px;
}

.initiator {
align-self: stretch;
background-color: transparent;
letter-spacing: 0.00px;
line-height: 20px;
margin-top: -1.00px;
position: relative;
text-align: left;
}

.learn-more {
align-self: stretch;
background-color: transparent;
letter-spacing: 0.00px;
line-height: 20px;
margin-top: -1.00px;
position: relative;
text-align: left;
}

.line-item {
align-items: flex-start;
align-self: stretch;
background-color: transparent;
display: flex;
flex: 0 0 auto;
flex-direction: column;
gap: 5px;
position: relative;
width: 100%;
}

.list-item {
align-items: flex-start;
align-self: stretch;
background-color: transparent;
display: flex;
flex: 0 0 auto;
gap: 5px;
position: relative;
width: 100%;
}

.who-should-get-involved {
align-self: stretch;
background-color: transparent;
letter-spacing: 0.00px;
line-height: 20px;
margin-top: -1.00px;
position: relative;
text-align: left;
}

.divvert {
align-self: stretch;
background-color: var(--fpccharcoal);
border-radius: 2px;
position: relative;
width: 2px;
}

.frame-302 {
align-items: center;
align-self: stretch;
background-color: var(--fpcgrey-f2);
border-radius: 12px;
display: flex;
flex: 0 0 auto;
flex-direction: column;
gap: 10px;
justify-content: center;
padding: 30px;
position: relative;
width: 100%;
}
Loading

0 comments on commit 911544e

Please sign in to comment.