diff --git a/assets/people/Carlos-Castellanos-B&W.jpg b/assets/people/Carlos-Castellanos-B&W.jpg new file mode 100644 index 0000000..ef0e700 Binary files /dev/null and b/assets/people/Carlos-Castellanos-B&W.jpg differ diff --git a/assets/people/Erika-Perez-2023-B&W.jpg b/assets/people/Erika-Perez-2023-B&W.jpg new file mode 100644 index 0000000..b7b828d Binary files /dev/null and b/assets/people/Erika-Perez-2023-B&W.jpg differ diff --git a/assets/people/Iris-Avalos-B&W.jpg b/assets/people/Iris-Avalos-B&W.jpg new file mode 100644 index 0000000..56b8847 Binary files /dev/null and b/assets/people/Iris-Avalos-B&W.jpg differ diff --git a/assets/people/John-Ginnakos-2023-B&W.jpg b/assets/people/John-Ginnakos-2023-B&W.jpg new file mode 100644 index 0000000..2d81f78 Binary files /dev/null and b/assets/people/John-Ginnakos-2023-B&W.jpg differ diff --git a/assets/people/Puneet-Sondh-2023-B&W.jpg b/assets/people/Puneet-Sondh-2023-B&W.jpg new file mode 100644 index 0000000..32b9cb9 Binary files /dev/null and b/assets/people/Puneet-Sondh-2023-B&W.jpg differ diff --git a/css/main.css b/css/main.css index af5d31f..3001cfe 100644 --- a/css/main.css +++ b/css/main.css @@ -1120,11 +1120,10 @@ section:nth-of-type(2) { width: 1rem; } .team-member { - transition: box-shadow 0.2s ease; - box-shadow: 0 0 0 0 rgba(var(--text-color), 1); + transition: background-color 0.2s ease; } .team-member:hover { - box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1); + background-color: rgba(var(--foreground-color), 1); } } .hidden { diff --git a/css/main.min.css b/css/main.min.css index 0ae8cff..6222dd2 100644 --- a/css/main.min.css +++ b/css/main.min.css @@ -1 +1 @@ -*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%}body{--accent-color: #3d5afe;--secondary-color: rgb(26, 45, 63);--text-color: 36, 36, 36;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: rgb(220, 165, 0);--inline-padding: max(1rem, 6vw);background-color:rgba(var(--background-color), 1);color:rgba(var(--text-color), 1)}body[data-theme=dark]{--accent-color: #6d83ff;--secondary-color: #d60739;--text-color: 220, 220, 220;--foreground-color: 33, 54, 75;--background-color: 17, 30, 43;--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: rgb(255, 213, 5)}p,strong{font-size:1rem;max-width:70ch;line-height:1.6;color:rgba(var(--text-color), 0.9)}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}h1{font-size:max(2rem,4vw)}h2{font-size:max(1.8rem,3vw)}h3{font-size:max(1.5rem,2vw)}h4{font-size:max(1.2rem,1.3vw)}img{-o-object-fit:contain;object-fit:contain}ul{list-style:none}ol{padding-left:1rem}ol li{color:rgba(var(--text-color), 0.9)}ol li:not(:last-child){margin-bottom:.5rem}button,.button{display:inline-flex;cursor:pointer;border:none;outline:none;background:none;font-size:.8rem;font-weight:700;text-decoration:none;text-transform:uppercase;color:rgba(var(--text-color), 1);background-color:rgba(var(--text-color), 0.1);border-radius:3rem;letter-spacing:.05em;padding:.5rem 1rem}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.9)}.flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-center{justify-content:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.align-self-start{align-self:start}.align-self-end{align-self:end}.align-self-center{align-self:center}.flex-direction-column{flex-direction:column}.flex-1{flex:1}.grid{display:grid}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.gap-4{gap:4rem}.gap-5{gap:5rem}.text-center{text-align:center}.reveal{display:flex;overflow:hidden}.reveal span{opacity:0;transform-origin:left bottom}.move-in{opacity:0}article>*{padding:max(1rem,2vw) var(--inline-padding)}#main_header{display:flex;align-items:center;justify-content:space-between;position:fixed;left:0;right:0;top:0;background-color:rgba(var(--foreground-color), 0.5);z-index:10;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);padding:max(1rem,1.5vw) var(--inline-padding)}#main_header a{color:rgba(var(--text-color), 0.9);text-decoration:none}#main_header ul{list-style:none;display:flex;gap:.8rem}#main_header ul a{font-weight:500;font-size:.9rem}#main_header ul a::after{content:"";display:block;width:0;height:.15rem;background:rgba(var(--accent-color), 1);transition:width .3s;margin:auto;margin-top:.1rem;border-radius:.5rem}#main_header ul a.active::after{width:1rem}#main_header ul .icon{display:flex}.tagline{padding-top:5vmax;padding-bottom:5vmax}#above_fold{padding-top:8rem}#above_fold h2{position:relative;margin:auto;text-align:center}#above_fold__section{justify-content:center;justify-self:center;text-align:center}#above_fold__section::after{content:"";display:block;width:100%;height:1px;background:rgba(var(--text-color), 1);margin:auto;margin-top:5rem}#above_fold .milestones{display:grid;justify-content:flex-start;justify-items:flex-start}#above_fold .milestones--title-only .milestone{grid-template-areas:"label title"}#above_fold .milestones--description-only .milestone{grid-template-areas:"label description"}#above_fold .milestone{display:grid;max-width:42rem;width:auto;gap:1rem 2rem;align-items:center;justify-content:flex-start;padding-right:0}#above_fold .milestone:not(:last-child){padding-bottom:3rem}#above_fold .milestone__label{grid-area:label;align-items:flex-start;justify-content:center;background-color:rgba(var(--text-color), 1);color:rgba(var(--foreground-color), 1)}#above_fold .milestone__label::before{width:.1rem;height:100%;background-color:rgba(var(--text-color), 0.5)}#above_fold .milestone__title{grid-area:title;margin-top:-0.1em}#hero_illustration{margin:auto;width:min(100%,26rem)}section{display:grid;position:relative;align-content:center;padding-top:3rem;padding-bottom:6rem;min-height:40vmax}section:nth-of-type(2){overflow:hidden}.section-header{display:flex;flex-direction:column;text-align:center;margin-bottom:3rem}.section-header::after{content:"•••";line-height:.5}#payment_section{min-height:80vh}#bitcoin_lineart{position:absolute;opacity:.2;height:80vh;width:auto;align-self:center;right:0}#el_salvador_section{position:relative;overflow:hidden;min-height:60vmax;background:linear-gradient(to left, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0.8156862745)),url("../assets/representational/esau-gonzalez-bQefbdSC4ko-unsplash.jpg") no-repeat center center fixed;background-size:cover;color:rgba(var(--foreground-color), 1);justify-content:flex-end;text-align:right}#el_salvador_section h2,#el_salvador_section h4{text-align:right;justify-content:flex-end}#el_salvador_section p{color:rgba(var(--foreground-color), 0.9);text-align:right}#el_salvador_section .milestone{display:grid;max-width:42rem;width:auto;gap:1rem 2rem;grid-template-areas:"title label" "description label";align-items:center;padding-right:0;justify-content:flex-end}#el_salvador_section .milestone:not(:last-child){padding-bottom:3rem}#el_salvador_section .milestone__label{align-items:flex-start;justify-content:center;grid-area:label;justify-self:flex-end}#el_salvador_section .milestone__label::before{width:.1rem;height:100%}#el_salvador_section .milestone__title{grid-area:title;margin-top:-0.1em}#el_salvador_section .milestone__description{grid-area:description}#projectb_milestones_section{background:linear-gradient(to left, rgba(0, 0, 0, 0.8156862745), rgba(0, 0, 0, 0.8156862745)),url("../assets/representational/nik-z1d-LP8sjuI-unsplash.jpg") no-repeat top 20% center fixed;background-size:cover;color:rgba(var(--foreground-color), 1);padding-bottom:3rem}#projectb_milestones_section p{color:rgba(var(--foreground-color), 0.9)}#projectb_milestones_section .carousel-control{border:solid thin rgba(var(--foreground-color), 0.5);background:rgba(var(--foreground-color), 1)}#projectb_milestones_section .milestone{isolation:isolate}#projectb_milestones_section .milestone__label::before{background-color:rgba(var(--foreground-color), 1)}.carousel{display:flex;overflow-x:auto;border-radius:.5rem;margin-top:1.5rem;scroll-snap-type:x mandatory;scroll-padding:0 calc(1*var(--inline-padding));margin:3rem calc(-1*var(--inline-padding));padding:1rem calc(1*var(--inline-padding));scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.milestone{position:relative;display:flex;flex-direction:column;gap:1rem;width:min(100% - 1rem,28rem);flex-shrink:0;scroll-snap-align:start;padding-right:3rem;isolation:isolate}.milestone:last-of-type{padding-right:0}.milestone:last-of-type .milestone__label::before{display:none}.milestone__label{display:flex;align-items:center;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);padding:.4rem .5rem;align-self:flex-start;border-radius:.3rem;font-size:.9rem;font-weight:500}.milestone__label::before{position:absolute;content:"";display:block;width:100%;height:.1rem;background-color:rgba(var(--foreground-color), 0.5);z-index:-1}.milestone__title{margin-top:1rem}.carousel-control{display:flex;border:none;background:none;padding:.7rem;border:solid thin rgba(var(--text-color), 0.5);border-radius:50%;cursor:pointer}#projects_section h2{margin-bottom:3rem}.project{display:grid;width:100%;border-radius:.8rem;border:solid thin rgba(var(--text-color), 0.1);background-color:rgba(var(--foreground-color), 1);box-shadow:0 .5rem 1rem rgba(var(--text-color), 0.1)}.project__images{display:flex;gap:1rem;flex-direction:column;flex:1;overflow-x:hidden;padding:1rem}.project__image{display:flex;flex:1;aspect-ratio:4/3;min-width:12rem;height:30vmax}.project__image img{min-height:30vmax;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.project__images-wrapper{display:flex;overflow-x:auto;gap:.5rem}.project .thumbnail-button{width:5rem;aspect-ratio:4/3;border-radius:.5rem;overflow:hidden;cursor:pointer;border:none;flex-shrink:0;transition:transform .2s}.project .thumbnail-button.active{transform:scale(0.9)}.project .thumbnail{-o-object-fit:cover;object-fit:cover}.project__content{padding:max(1rem,2vw);text-align:left;display:flex;flex-direction:column;gap:1rem;flex:1}.project__button{font-size:.8rem;font-weight:700;text-decoration:none;text-transform:uppercase;color:rgba(var(--text-color), 1);background-color:rgba(var(--text-color), 0.1);padding:.5rem 1rem;border-radius:1rem;letter-spacing:.05em;align-self:flex-end;border:none;cursor:pointer}.project .project__hidden-details{grid-column:1/-1;padding:1rem;border-top:solid thin rgba(var(--text-color), 0.5);overflow:hidden}.badge{background-color:rgba(var(--text-color), 1);color:rgba(var(--foreground-color), 1);padding:.4rem .5rem;align-self:flex-start;border-radius:.3rem;font-size:.9rem;font-weight:500}#poc_stats{list-style:none;display:flex;gap:1rem;margin:1rem 0;padding:1rem;background-color:rgba(var(--text-color), 0.06);border-radius:.5rem}#poc_stats .stat{display:flex;flex-direction:column;gap:.5rem;flex:1}#poc_stats .stat__number{font-size:max(1.2rem,1.8vmax);font-weight:700}#poc_stats .stat__title{font-size:.9rem}#methodology_section{background:linear-gradient(to left, rgba(0, 0, 0, 0.6274509804), rgba(0, 0, 0, 0.8156862745)),url("../assets/representational/irfan-simsar-wxWulfjN-G0-unsplash.jpg") no-repeat center center;background-size:cover;color:rgba(var(--foreground-color), 1)}#methodology_section p{color:rgba(var(--foreground-color), 0.9)}#methodology_wrapper{display:flex;flex-direction:column;margin-top:3rem}#methodology_wrapper .milestone{display:grid;max-width:42rem;width:auto;gap:1rem 2rem;grid-template-areas:"label title" "label description";align-items:center;padding-right:0}#methodology_wrapper .milestone:not(:last-child){padding-bottom:3rem}#methodology_wrapper .milestone__label{align-items:flex-start;justify-content:center;grid-area:label}#methodology_wrapper .milestone__label::before{width:.1rem;height:100%}#methodology_wrapper .milestone__title{grid-area:title;margin-top:-0.1em}#methodology_wrapper .milestone__description{grid-area:description}#project_team__components{display:flex;flex-direction:column}#project_team__components .milestone{display:grid;max-width:42rem;width:auto;gap:1rem 2rem;grid-template-areas:"label title" "label description";align-items:center;padding-right:0;justify-content:flex-start}#project_team__components .milestone:not(:last-child){padding-bottom:3rem}#project_team__components .milestone__label{align-items:flex-start;justify-content:center;grid-area:label;background-color:rgba(var(--text-color), 1);color:rgba(var(--foreground-color), 1)}#project_team__components .milestone__label::before{width:.1rem;height:100%;background-color:rgba(var(--text-color), 0.5)}#project_team__components .milestone__title{grid-area:title;margin-top:-0.1em}#project_team__components .milestone__description{grid-area:description}#economic_framework{padding-top:6rem}#economic_framework h2{margin:3rem 0 1rem 0}#economic_framework ul:not(.milestones){-moz-columns:2 16rem;columns:2 16rem;-moz-column-gap:.5rem;column-gap:.5rem}#economic_framework ul:not(.milestones) li{display:grid;gap:.5rem;align-items:flex-start;align-content:flex-start;background-color:rgba(var(--text-color), 0.06);border-radius:.5rem;padding:max(1rem,2vw);page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:.5rem}#economic_framework #technologies_needed{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}#economic_framework #technologies_needed li{display:flex;flex:1 1 20rem;gap:1rem;align-items:center;padding:max(1rem,2vw);border:solid thin rgba(var(--text-color), 0.2);border-radius:.5rem;font-weight:500;-webkit-animation:slide-up .5s ease var(--delay) forwards;animation:slide-up .5s ease var(--delay) forwards;opacity:0;background:rgba(0,0,0,0)}#economic_framework #technologies_needed .icon{height:2.5rem;width:2.5rem}#economic_framework .milestones{display:grid;justify-content:flex-start;justify-items:flex-start}#economic_framework .milestones--title-only .milestone{grid-template-areas:"label title"}#economic_framework .milestones--description-only .milestone{grid-template-areas:"label description"}#economic_framework .milestone{display:grid;max-width:42rem;width:auto;gap:1rem 2rem;align-items:center;justify-content:flex-start;padding-right:0}#economic_framework .milestone:not(:last-child){padding-bottom:3rem}#economic_framework .milestone__label{grid-area:label;align-items:flex-start;justify-content:center;background-color:rgba(var(--text-color), 1);color:rgba(var(--foreground-color), 1)}#economic_framework .milestone__label::before{width:.1rem;height:100%;background-color:rgba(var(--text-color), 0.5)}#economic_framework .milestone__title{grid-area:title;margin-top:-0.1em}#team_members{display:grid;gap:3rem 1rem;margin-top:3rem;grid-template-columns:repeat(auto-fill, minmax(8rem, 1fr))}.team-member{display:grid;border-radius:.5rem;overflow:hidden;cursor:pointer;text-align:center;justify-content:center;justify-items:center}.team-member img{-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1;-o-object-position:top;object-position:top;width:100%;height:auto;border-radius:15rem}.team-member .flex{padding:1rem;gap:.5rem}.team-member__name{font-weight:700;font-size:1rem;line-height:1.2}.team-member__title{line-height:normal;font-weight:500;font-size:.9rem;margin-bottom:1.5rem}.team-member__button{margin-top:auto;padding:.5rem 1rem;align-self:center}#partners{display:grid;grid-template-columns:repeat(auto-fill, minmax(14rem, 1fr));gap:1rem;margin-top:3rem}#partners .partner{display:flex;gap:.8rem;padding:1rem;text-decoration:none;width:100%;align-items:center;background-color:rgba(var(--text-color), 0.06);border-radius:.5rem}#partners .partner .icon{width:2rem;height:2rem}#partners img{height:2rem}#partners span{font-weight:500;color:rgba(var(--text-color), 0.9);width:100%}#media_coverage_section .masonry{margin-top:3rem;display:flex;flex-wrap:wrap;gap:1rem}#media_coverage_section .masonry iframe{display:flex;flex:1 1 15rem;border-radius:.5rem;max-width:max(100vw - 2.5rem)}#socials_section{background:linear-gradient(to left, rgba(0, 0, 0, 0.3137254902), rgba(0, 0, 0, 0.5019607843)),url("../assets/representational/nasa-Q1p7bh3SHj8-unsplash.jpg") no-repeat center center fixed;background-size:cover;color:rgba(var(--foreground-color), 1)}#socials_section p{color:rgba(var(--foreground-color), 0.9)}#social_links{display:flex;flex-wrap:wrap;gap:.5rem;justify-items:center;width:100%;margin-top:3rem;grid-template-columns:repeat(auto-fill, minmax(8rem, 1fr))}#social_links li{width:100%;justify-content:center;box-shadow:0 0 0 0 rgba(var(--text-color), 1);transition:box-shadow .1s ease;flex:1 1 8rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}#social_links li:hover{box-shadow:0 0 0 .1rem rgba(var(--foreground-color), 1)}#social_links a{display:flex;width:100%;gap:.5rem;text-decoration:none;color:rgba(var(--text-color), 0.9);padding:1rem;justify-content:center;border-radius:inherit;background-color:rgba(var(--text-color), 0.06);font-weight:500}#services_section ul{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}#services_section li{display:flex;flex:1 1 20rem;gap:1rem;align-items:center;padding:max(1rem,2vw);border:solid thin rgba(var(--text-color), 0.2);border-radius:.5rem;font-weight:500;-webkit-animation:slide-up .5s ease var(--delay) forwards;animation:slide-up .5s ease var(--delay) forwards;opacity:0}#services_section .icon{height:2.5rem;width:2.5rem}@-webkit-keyframes slide-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@container news-item (max-width: 400px){.news-item{grid-template-areas:none;grid-template-columns:1fr}.news-item__icon{grid-area:unset}}#person_bio{margin:auto;border:none;border-radius:.5rem;padding:max(1rem,2vw);box-shadow:0 1rem 2rem rgba(var(--text-color), 0.1);-webkit-animation:popup .3s forwards;animation:popup .3s forwards;width:min(100%,48rem)}#person_bio button{padding:.5rem;background-color:rgba(var(--text-color), 0.2);border-radius:5rem;margin-bottom:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1;-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem)}#person_bio_wrapper{display:grid;gap:.5rem 1.5rem;grid-template-columns:min(16rem,100%) 1fr;grid-template-areas:"image name" "image title" "image bio";grid-template-rows:auto auto 1fr}#person__image{grid-area:image;width:100%;height:auto;border-radius:.5rem;-o-object-fit:cover;object-fit:cover;aspect-ratio:3/4}#person__name{grid-area:name;font-size:1.5rem;font-weight:500}#person__title{grid-area:title;font-size:1rem;font-weight:500}#person__bio{grid-area:bio;font-size:1rem;font-weight:400;color:rgba(var(--text-color), 0.8);line-height:1.5;margin-top:1rem}@-webkit-keyframes popup{from{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes popup{from{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 768px){#poc_images .poc-wrapper:nth-of-type(5){grid-area:3/2/4/3}#person_bio_wrapper{grid-template-columns:1fr;grid-template-areas:"image" "name" "title" "bio"}#person__image{aspect-ratio:1/1;margin-bottom:1.5rem}.hide-on-small{display:none !important}}@media screen and (min-width: 768px){body{--inline-padding: max(1rem, 12vw)}#bitcoin_lineart{opacity:.6;left:calc(100% - 50vw)}.project{grid-template-columns:1fr 1fr}#team_members{gap:2rem;grid-template-columns:repeat(auto-fill, minmax(10rem, 1fr))}.hide-on-large{display:none !important}}@media screen and (any-hover: none){.carousel-controls{display:none}}@media screen and (any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}#main_header ul a:hover::after{width:1rem}.team-member{transition:box-shadow .2s ease;box-shadow:0 0 0 0 rgba(var(--text-color), 1)}.team-member:hover{box-shadow:0 0 0 .1rem rgba(var(--text-color), 1)}}.hidden{display:none} \ No newline at end of file +*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%}body{--accent-color: #3d5afe;--secondary-color: rgb(26, 45, 63);--text-color: 36, 36, 36;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: rgb(220, 165, 0);--inline-padding: max(1rem, 6vw);background-color:rgba(var(--background-color), 1);color:rgba(var(--text-color), 1)}body[data-theme=dark]{--accent-color: #6d83ff;--secondary-color: #d60739;--text-color: 220, 220, 220;--foreground-color: 33, 54, 75;--background-color: 17, 30, 43;--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: rgb(255, 213, 5)}p,strong{font-size:1rem;max-width:70ch;line-height:1.6;color:rgba(var(--text-color), 0.9)}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}h1{font-size:max(2rem,4vw)}h2{font-size:max(1.8rem,3vw)}h3{font-size:max(1.5rem,2vw)}h4{font-size:max(1.2rem,1.3vw)}img{-o-object-fit:contain;object-fit:contain}ul{list-style:none}ol{padding-left:1rem}ol li{color:rgba(var(--text-color), 0.9)}ol li:not(:last-child){margin-bottom:.5rem}button,.button{display:inline-flex;cursor:pointer;border:none;outline:none;background:none;font-size:.8rem;font-weight:700;text-decoration:none;text-transform:uppercase;color:rgba(var(--text-color), 1);background-color:rgba(var(--text-color), 0.1);border-radius:3rem;letter-spacing:.05em;padding:.5rem 1rem}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.9)}.flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-center{justify-content:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.align-self-start{align-self:start}.align-self-end{align-self:end}.align-self-center{align-self:center}.flex-direction-column{flex-direction:column}.flex-1{flex:1}.grid{display:grid}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.gap-4{gap:4rem}.gap-5{gap:5rem}.text-center{text-align:center}.reveal{display:flex;overflow:hidden}.reveal span{opacity:0;transform-origin:left bottom}.move-in{opacity:0}article>*{padding:max(1rem,2vw) var(--inline-padding)}#main_header{display:flex;align-items:center;justify-content:space-between;position:fixed;left:0;right:0;top:0;background-color:rgba(var(--foreground-color), 0.5);z-index:10;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);padding:max(1rem,1.5vw) var(--inline-padding)}#main_header a{color:rgba(var(--text-color), 0.9);text-decoration:none}#main_header ul{list-style:none;display:flex;gap:.8rem}#main_header ul a{font-weight:500;font-size:.9rem}#main_header ul a::after{content:"";display:block;width:0;height:.15rem;background:rgba(var(--accent-color), 1);transition:width .3s;margin:auto;margin-top:.1rem;border-radius:.5rem}#main_header ul a.active::after{width:1rem}#main_header ul .icon{display:flex}.tagline{padding-top:5vmax;padding-bottom:5vmax}#above_fold{padding-top:8rem}#above_fold h2{position:relative;margin:auto;text-align:center}#above_fold__section{justify-content:center;justify-self:center;text-align:center}#above_fold__section::after{content:"";display:block;width:100%;height:1px;background:rgba(var(--text-color), 1);margin:auto;margin-top:5rem}#above_fold .milestones{display:grid;justify-content:flex-start;justify-items:flex-start}#above_fold .milestones--title-only .milestone{grid-template-areas:"label title"}#above_fold .milestones--description-only .milestone{grid-template-areas:"label description"}#above_fold .milestone{display:grid;max-width:42rem;width:auto;gap:1rem 2rem;align-items:center;justify-content:flex-start;padding-right:0}#above_fold .milestone:not(:last-child){padding-bottom:3rem}#above_fold .milestone__label{grid-area:label;align-items:flex-start;justify-content:center;background-color:rgba(var(--text-color), 1);color:rgba(var(--foreground-color), 1)}#above_fold .milestone__label::before{width:.1rem;height:100%;background-color:rgba(var(--text-color), 0.5)}#above_fold .milestone__title{grid-area:title;margin-top:-0.1em}#hero_illustration{margin:auto;width:min(100%,26rem)}section{display:grid;position:relative;align-content:center;padding-top:3rem;padding-bottom:6rem;min-height:40vmax}section:nth-of-type(2){overflow:hidden}.section-header{display:flex;flex-direction:column;text-align:center;margin-bottom:3rem}.section-header::after{content:"•••";line-height:.5}#payment_section{min-height:80vh}#bitcoin_lineart{position:absolute;opacity:.2;height:80vh;width:auto;align-self:center;right:0}#el_salvador_section{position:relative;overflow:hidden;min-height:60vmax;background:linear-gradient(to left, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0.8156862745)),url("../assets/representational/esau-gonzalez-bQefbdSC4ko-unsplash.jpg") no-repeat center center fixed;background-size:cover;color:rgba(var(--foreground-color), 1);justify-content:flex-end;text-align:right}#el_salvador_section h2,#el_salvador_section h4{text-align:right;justify-content:flex-end}#el_salvador_section p{color:rgba(var(--foreground-color), 0.9);text-align:right}#el_salvador_section .milestone{display:grid;max-width:42rem;width:auto;gap:1rem 2rem;grid-template-areas:"title label" "description label";align-items:center;padding-right:0;justify-content:flex-end}#el_salvador_section .milestone:not(:last-child){padding-bottom:3rem}#el_salvador_section .milestone__label{align-items:flex-start;justify-content:center;grid-area:label;justify-self:flex-end}#el_salvador_section .milestone__label::before{width:.1rem;height:100%}#el_salvador_section .milestone__title{grid-area:title;margin-top:-0.1em}#el_salvador_section .milestone__description{grid-area:description}#projectb_milestones_section{background:linear-gradient(to left, rgba(0, 0, 0, 0.8156862745), rgba(0, 0, 0, 0.8156862745)),url("../assets/representational/nik-z1d-LP8sjuI-unsplash.jpg") no-repeat top 20% center fixed;background-size:cover;color:rgba(var(--foreground-color), 1);padding-bottom:3rem}#projectb_milestones_section p{color:rgba(var(--foreground-color), 0.9)}#projectb_milestones_section .carousel-control{border:solid thin rgba(var(--foreground-color), 0.5);background:rgba(var(--foreground-color), 1)}#projectb_milestones_section .milestone{isolation:isolate}#projectb_milestones_section .milestone__label::before{background-color:rgba(var(--foreground-color), 1)}.carousel{display:flex;overflow-x:auto;border-radius:.5rem;margin-top:1.5rem;scroll-snap-type:x mandatory;scroll-padding:0 calc(1*var(--inline-padding));margin:3rem calc(-1*var(--inline-padding));padding:1rem calc(1*var(--inline-padding));scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.milestone{position:relative;display:flex;flex-direction:column;gap:1rem;width:min(100% - 1rem,28rem);flex-shrink:0;scroll-snap-align:start;padding-right:3rem;isolation:isolate}.milestone:last-of-type{padding-right:0}.milestone:last-of-type .milestone__label::before{display:none}.milestone__label{display:flex;align-items:center;background-color:rgba(var(--foreground-color), 1);color:rgba(var(--text-color), 1);padding:.4rem .5rem;align-self:flex-start;border-radius:.3rem;font-size:.9rem;font-weight:500}.milestone__label::before{position:absolute;content:"";display:block;width:100%;height:.1rem;background-color:rgba(var(--foreground-color), 0.5);z-index:-1}.milestone__title{margin-top:1rem}.carousel-control{display:flex;border:none;background:none;padding:.7rem;border:solid thin rgba(var(--text-color), 0.5);border-radius:50%;cursor:pointer}#projects_section h2{margin-bottom:3rem}.project{display:grid;width:100%;border-radius:.8rem;border:solid thin rgba(var(--text-color), 0.1);background-color:rgba(var(--foreground-color), 1);box-shadow:0 .5rem 1rem rgba(var(--text-color), 0.1)}.project__images{display:flex;gap:1rem;flex-direction:column;flex:1;overflow-x:hidden;padding:1rem}.project__image{display:flex;flex:1;aspect-ratio:4/3;min-width:12rem;height:30vmax}.project__image img{min-height:30vmax;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.project__images-wrapper{display:flex;overflow-x:auto;gap:.5rem}.project .thumbnail-button{width:5rem;aspect-ratio:4/3;border-radius:.5rem;overflow:hidden;cursor:pointer;border:none;flex-shrink:0;transition:transform .2s}.project .thumbnail-button.active{transform:scale(0.9)}.project .thumbnail{-o-object-fit:cover;object-fit:cover}.project__content{padding:max(1rem,2vw);text-align:left;display:flex;flex-direction:column;gap:1rem;flex:1}.project__button{font-size:.8rem;font-weight:700;text-decoration:none;text-transform:uppercase;color:rgba(var(--text-color), 1);background-color:rgba(var(--text-color), 0.1);padding:.5rem 1rem;border-radius:1rem;letter-spacing:.05em;align-self:flex-end;border:none;cursor:pointer}.project .project__hidden-details{grid-column:1/-1;padding:1rem;border-top:solid thin rgba(var(--text-color), 0.5);overflow:hidden}.badge{background-color:rgba(var(--text-color), 1);color:rgba(var(--foreground-color), 1);padding:.4rem .5rem;align-self:flex-start;border-radius:.3rem;font-size:.9rem;font-weight:500}#poc_stats{list-style:none;display:flex;gap:1rem;margin:1rem 0;padding:1rem;background-color:rgba(var(--text-color), 0.06);border-radius:.5rem}#poc_stats .stat{display:flex;flex-direction:column;gap:.5rem;flex:1}#poc_stats .stat__number{font-size:max(1.2rem,1.8vmax);font-weight:700}#poc_stats .stat__title{font-size:.9rem}#methodology_section{background:linear-gradient(to left, rgba(0, 0, 0, 0.6274509804), rgba(0, 0, 0, 0.8156862745)),url("../assets/representational/irfan-simsar-wxWulfjN-G0-unsplash.jpg") no-repeat center center;background-size:cover;color:rgba(var(--foreground-color), 1)}#methodology_section p{color:rgba(var(--foreground-color), 0.9)}#methodology_wrapper{display:flex;flex-direction:column;margin-top:3rem}#methodology_wrapper .milestone{display:grid;max-width:42rem;width:auto;gap:1rem 2rem;grid-template-areas:"label title" "label description";align-items:center;padding-right:0}#methodology_wrapper .milestone:not(:last-child){padding-bottom:3rem}#methodology_wrapper .milestone__label{align-items:flex-start;justify-content:center;grid-area:label}#methodology_wrapper .milestone__label::before{width:.1rem;height:100%}#methodology_wrapper .milestone__title{grid-area:title;margin-top:-0.1em}#methodology_wrapper .milestone__description{grid-area:description}#project_team__components{display:flex;flex-direction:column}#project_team__components .milestone{display:grid;max-width:42rem;width:auto;gap:1rem 2rem;grid-template-areas:"label title" "label description";align-items:center;padding-right:0;justify-content:flex-start}#project_team__components .milestone:not(:last-child){padding-bottom:3rem}#project_team__components .milestone__label{align-items:flex-start;justify-content:center;grid-area:label;background-color:rgba(var(--text-color), 1);color:rgba(var(--foreground-color), 1)}#project_team__components .milestone__label::before{width:.1rem;height:100%;background-color:rgba(var(--text-color), 0.5)}#project_team__components .milestone__title{grid-area:title;margin-top:-0.1em}#project_team__components .milestone__description{grid-area:description}#economic_framework{padding-top:6rem}#economic_framework h2{margin:3rem 0 1rem 0}#economic_framework ul:not(.milestones){-moz-columns:2 16rem;columns:2 16rem;-moz-column-gap:.5rem;column-gap:.5rem}#economic_framework ul:not(.milestones) li{display:grid;gap:.5rem;align-items:flex-start;align-content:flex-start;background-color:rgba(var(--text-color), 0.06);border-radius:.5rem;padding:max(1rem,2vw);page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:.5rem}#economic_framework #technologies_needed{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}#economic_framework #technologies_needed li{display:flex;flex:1 1 20rem;gap:1rem;align-items:center;padding:max(1rem,2vw);border:solid thin rgba(var(--text-color), 0.2);border-radius:.5rem;font-weight:500;-webkit-animation:slide-up .5s ease var(--delay) forwards;animation:slide-up .5s ease var(--delay) forwards;opacity:0;background:rgba(0,0,0,0)}#economic_framework #technologies_needed .icon{height:2.5rem;width:2.5rem}#economic_framework .milestones{display:grid;justify-content:flex-start;justify-items:flex-start}#economic_framework .milestones--title-only .milestone{grid-template-areas:"label title"}#economic_framework .milestones--description-only .milestone{grid-template-areas:"label description"}#economic_framework .milestone{display:grid;max-width:42rem;width:auto;gap:1rem 2rem;align-items:center;justify-content:flex-start;padding-right:0}#economic_framework .milestone:not(:last-child){padding-bottom:3rem}#economic_framework .milestone__label{grid-area:label;align-items:flex-start;justify-content:center;background-color:rgba(var(--text-color), 1);color:rgba(var(--foreground-color), 1)}#economic_framework .milestone__label::before{width:.1rem;height:100%;background-color:rgba(var(--text-color), 0.5)}#economic_framework .milestone__title{grid-area:title;margin-top:-0.1em}#team_members{display:grid;gap:3rem 1rem;margin-top:3rem;grid-template-columns:repeat(auto-fill, minmax(8rem, 1fr))}.team-member{display:grid;border-radius:.5rem;overflow:hidden;cursor:pointer;text-align:center;justify-content:center;justify-items:center}.team-member img{-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1;-o-object-position:top;object-position:top;width:100%;height:auto;border-radius:15rem}.team-member .flex{padding:1rem;gap:.5rem}.team-member__name{font-weight:700;font-size:1rem;line-height:1.2}.team-member__title{line-height:normal;font-weight:500;font-size:.9rem;margin-bottom:1.5rem}.team-member__button{margin-top:auto;padding:.5rem 1rem;align-self:center}#partners{display:grid;grid-template-columns:repeat(auto-fill, minmax(14rem, 1fr));gap:1rem;margin-top:3rem}#partners .partner{display:flex;gap:.8rem;padding:1rem;text-decoration:none;width:100%;align-items:center;background-color:rgba(var(--text-color), 0.06);border-radius:.5rem}#partners .partner .icon{width:2rem;height:2rem}#partners img{height:2rem}#partners span{font-weight:500;color:rgba(var(--text-color), 0.9);width:100%}#media_coverage_section .masonry{margin-top:3rem;display:flex;flex-wrap:wrap;gap:1rem}#media_coverage_section .masonry iframe{display:flex;flex:1 1 15rem;border-radius:.5rem;max-width:max(100vw - 2.5rem)}#socials_section{background:linear-gradient(to left, rgba(0, 0, 0, 0.3137254902), rgba(0, 0, 0, 0.5019607843)),url("../assets/representational/nasa-Q1p7bh3SHj8-unsplash.jpg") no-repeat center center fixed;background-size:cover;color:rgba(var(--foreground-color), 1)}#socials_section p{color:rgba(var(--foreground-color), 0.9)}#social_links{display:flex;flex-wrap:wrap;gap:.5rem;justify-items:center;width:100%;margin-top:3rem;grid-template-columns:repeat(auto-fill, minmax(8rem, 1fr))}#social_links li{width:100%;justify-content:center;box-shadow:0 0 0 0 rgba(var(--text-color), 1);transition:box-shadow .1s ease;flex:1 1 8rem;border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}#social_links li:hover{box-shadow:0 0 0 .1rem rgba(var(--foreground-color), 1)}#social_links a{display:flex;width:100%;gap:.5rem;text-decoration:none;color:rgba(var(--text-color), 0.9);padding:1rem;justify-content:center;border-radius:inherit;background-color:rgba(var(--text-color), 0.06);font-weight:500}#services_section ul{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}#services_section li{display:flex;flex:1 1 20rem;gap:1rem;align-items:center;padding:max(1rem,2vw);border:solid thin rgba(var(--text-color), 0.2);border-radius:.5rem;font-weight:500;-webkit-animation:slide-up .5s ease var(--delay) forwards;animation:slide-up .5s ease var(--delay) forwards;opacity:0}#services_section .icon{height:2.5rem;width:2.5rem}@-webkit-keyframes slide-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@container news-item (max-width: 400px){.news-item{grid-template-areas:none;grid-template-columns:1fr}.news-item__icon{grid-area:unset}}#person_bio{margin:auto;border:none;border-radius:.5rem;padding:max(1rem,2vw);box-shadow:0 1rem 2rem rgba(var(--text-color), 0.1);-webkit-animation:popup .3s forwards;animation:popup .3s forwards;width:min(100%,48rem)}#person_bio button{padding:.5rem;background-color:rgba(var(--text-color), 0.2);border-radius:5rem;margin-bottom:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1;-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem)}#person_bio_wrapper{display:grid;gap:.5rem 1.5rem;grid-template-columns:min(16rem,100%) 1fr;grid-template-areas:"image name" "image title" "image bio";grid-template-rows:auto auto 1fr}#person__image{grid-area:image;width:100%;height:auto;border-radius:.5rem;-o-object-fit:cover;object-fit:cover;aspect-ratio:3/4}#person__name{grid-area:name;font-size:1.5rem;font-weight:500}#person__title{grid-area:title;font-size:1rem;font-weight:500}#person__bio{grid-area:bio;font-size:1rem;font-weight:400;color:rgba(var(--text-color), 0.8);line-height:1.5;margin-top:1rem}@-webkit-keyframes popup{from{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes popup{from{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 768px){#poc_images .poc-wrapper:nth-of-type(5){grid-area:3/2/4/3}#person_bio_wrapper{grid-template-columns:1fr;grid-template-areas:"image" "name" "title" "bio"}#person__image{aspect-ratio:1/1;margin-bottom:1.5rem}.hide-on-small{display:none !important}}@media screen and (min-width: 768px){body{--inline-padding: max(1rem, 12vw)}#bitcoin_lineart{opacity:.6;left:calc(100% - 50vw)}.project{grid-template-columns:1fr 1fr}#team_members{gap:2rem;grid-template-columns:repeat(auto-fill, minmax(10rem, 1fr))}.hide-on-large{display:none !important}}@media screen and (any-hover: none){.carousel-controls{display:none}}@media screen and (any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}#main_header ul a:hover::after{width:1rem}.team-member{transition:background-color .2s ease}.team-member:hover{background-color:rgba(var(--foreground-color), 1)}}.hidden{display:none} \ No newline at end of file diff --git a/css/main.scss b/css/main.scss index 2295cc1..cde39bc 100644 --- a/css/main.scss +++ b/css/main.scss @@ -1061,10 +1061,9 @@ section { } } .team-member { - transition: box-shadow 0.2s ease; - box-shadow: 0 0 0 0 rgba(var(--text-color), 1); + transition: background-color 0.2s ease; &:hover { - box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1); + background-color: rgba(var(--foreground-color), 1); } } } diff --git a/index.html b/index.html index 27988dc..6665b99 100644 --- a/index.html +++ b/index.html @@ -362,8 +362,8 @@
@@ -372,7 +372,7 @@ protections.
@@ -381,14 +381,14 @@ leverage the power of new technologies.
El Salvador has created Comprehensive Digital Assets regulatory system.
@@ -397,7 +397,7 @@ up all over the world using blockchain dynamics.
@@ -407,7 +407,7 @@ advantage is often a permanent advantage in Crypto space.
@@ -560,12 +560,12 @@
Methodology
-
+
Project team structure
-
-
+
Create client-side steering team
@@ -587,7 +587,7 @@
Approval from the board or higher management
@@ -608,7 +608,7 @@
${name}
@@ -1201,7 +1201,7 @@ const renderedMethodology = methodology.map((step, index) => { const { title, content } = step return html` -${content}
@@ -1291,31 +1291,31 @@ { name: 'Carlos Javier Castellanos Flores', title: 'Principal Director and Shareholder', - image: 'assets/people/carlos.jpg', + image: 'assets/people/Carlos-Castellanos-B&W.jpg', bio: `Carlos Javier Castellanos Flores is a Blockchain Consultant experienced in Bitcoin infrastructure and asset tokenization.\n\n He currently works at RanchiMall, specializing in integrating companies into the Bitcoin Blockchain.\n\n Carlos is also the Founder and Product Designer at Garrobo Co., where he creates designs and manages production for Garrobo T-Shirts. With a background in customer support and technical services, he has worked for HP SmartFriend Tech Support, Boost Mobile, and Sitel Group.\n\n Carlos holds a degree from Universidad Nacional de Ingeniería and possesses skills in Blockchain, business development, and graphic design.` }, { name: 'John Giannakos', title: 'Shareholder', - image: 'assets/people/john.jpg', + image: 'assets/people/John-Ginnakos-2023-B&W.jpg', bio: `John Giannakos is an experienced leasing and retail property manager based in Mahone Bay, Nova Scotia, Canada. He has owned and operated various businesses, including Hellas Enterprises Ltd and Hellas Family Restaurant.\n\n John has also served as an Assistant Treasurer, First Responder, and Passenger Assistance. \n\nHe is a graduate of Nova Scotia Institute of Technology and Sackville High School, with a background in Petroleum Resources Technology. \n\nJohn has been involved in political endeavors, having been a candidate for the Progressive Conservative Party and the Atlantica Party.\n\n With his extensive experience and involvement in the community, John is a well-rounded professional.` }, { name: 'Iris Avalos', title: 'Principal Director', - image: 'assets/people/Iris-Avalos.jpg', + image: 'assets/people/Iris-Avalos-B&W.jpg', bio: `Iris Avalos is a skilled professional experienced in finance, administration, project coordination, and customer service.\n\n Currently serving as the Co-Founder and Admin Finance Manager at Garrobo Co., she is responsible for website design, marketing, financial documentation, and ensuring a seamless online shopping experience.\n\n With a background in accounts receivable and payable roles, Iris has worked in various organizations, including St Andrew's Cathedral School and Royal Freemasons' Benevolent Institution.\n\n She holds a Bachelor's degree in Commerce and has completed additional courses in digital currencies and business administration.\n\n Iris is dedicated to using her career to make a positive impact and possesses a strong understanding of financial systems.` }, { name: 'Puneet Sondh', title: 'Principal Director', - image: 'assets/people/Puneet Sondh.jpg', + image: 'assets/people/Puneet-Sondh-2023-B&W.jpg', bio: `Puneet Sondh is a highly experienced financial services professional with a strong leadership background. He has successfully managed teams in diverse global environments, specializing in operational risk, financial crime, and business transformation.\n\n Puneet's notable roles include Partner at Wipro Ltd, Business and Risk Consultant, Head of Risk and Compliance at State Street Syntel Services, and Assistant General Manager at ICICI Bank.\n\nHe holds advanced degrees in finance and industrial management, and has certifications in FinTech and Financial Crime.\n\n Puneet's expertise and achievements make him a valuable asset in the financial services industry.` }, { name: 'Erika Pérez Cañas', title: 'Principal Director', - image: 'assets/people/erika pérez cañas.jpg', + image: 'assets/people/Erika-Perez-2023-B&W.jpg', bio: `Erika Pérez Cañas is a Salvadoran professional specialized in managerial assistance and procurement. She has experience in international relations and is currently studying Industrial Engineering.\n\n Erika has expertise in project management and a strong command of the Logical Framework Approach (LFA). Her previous roles include being an Administrator at Crowley, where she supported category management teams, and working as an Assistant Technician at UTEC-MINED, where she handled technical proposals and procurement processes.\n\n She also served as an Assistant to the General Manager at Tom Sawyer and worked as a Fraud Prevention Analyst for Avianca Airlines.\n\n Erika holds a Bachelor's degree in International Relations and is pursuing a degree in Industrial Engineering. She is fluent in Spanish and has a proficient level of English.\n\n Her skills include leadership, critical thinking, creativity, emotional intelligence, and problem-solving.` }, ]