Content and design changes
This commit is contained in:
sairaj mote
parent
5da1677659
commit
2eb2a4306e
BIN
assets/representational/shubham-s-web3-pXdzCRJNum0-unsplash.jpg
Normal file
BIN
assets/representational/shubham-s-web3-pXdzCRJNum0-unsplash.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 303 KiB |
168
css/main.css
168
css/main.css
@ -89,6 +89,24 @@ ol li:not(:last-child) {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
button,
|
||||
.button {
|
||||
display: inline-flex;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: none;
|
||||
font-size: 0.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: 0.05em;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
@ -179,9 +197,6 @@ ol li:not(:last-child) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
article {
|
||||
padding-top: 4rem;
|
||||
}
|
||||
article > * {
|
||||
padding: max(1rem, 2vw) var(--inline-padding);
|
||||
}
|
||||
@ -194,14 +209,14 @@ article > * {
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
background-color: rgba(var(--foreground-color), 0.5);
|
||||
background-color: rgba(var(--text-color), 0.5);
|
||||
z-index: 10;
|
||||
-webkit-backdrop-filter: blur(1rem);
|
||||
backdrop-filter: blur(1rem);
|
||||
padding: max(1rem, 2vw) var(--inline-padding);
|
||||
padding: max(1rem, 1.5vw) var(--inline-padding);
|
||||
}
|
||||
#main_header a {
|
||||
color: rgba(var(--text-color), 0.9);
|
||||
color: rgba(var(--foreground-color), 0.9);
|
||||
text-decoration: none;
|
||||
}
|
||||
#main_header ul {
|
||||
@ -218,9 +233,11 @@ article > * {
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0.15rem;
|
||||
background: var(--accent-color);
|
||||
background: rgba(var(--foreground-color), 1);
|
||||
transition: width 0.3s;
|
||||
margin: auto;
|
||||
margin-top: 0.1rem;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
#main_header ul a.active::after {
|
||||
width: 1rem;
|
||||
@ -229,10 +246,16 @@ article > * {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#above_fold {
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0.8156862745)), url("../assets/representational/shubham-s-web3-pXdzCRJNum0-unsplash.jpg") no-repeat center center;
|
||||
background-size: cover;
|
||||
color: rgba(var(--foreground-color), 1);
|
||||
padding-top: 40vh;
|
||||
}
|
||||
#above_fold p {
|
||||
color: rgba(var(--foreground-color), 0.9);
|
||||
}
|
||||
#above_fold h2 {
|
||||
max-width: 46rem;
|
||||
justify-self: center;
|
||||
text-align: center;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
#above_fold ol {
|
||||
@ -241,12 +264,14 @@ article > * {
|
||||
columns: 2 24rem;
|
||||
-moz-column-gap: 2rem;
|
||||
column-gap: 2rem;
|
||||
padding-left: 0;
|
||||
}
|
||||
#above_fold ol li {
|
||||
page-break-inside: avoid;
|
||||
-moz-column-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
margin-bottom: 3rem;
|
||||
color: rgba(var(--foreground-color), 1);
|
||||
}
|
||||
|
||||
#hero_illustration {
|
||||
@ -259,6 +284,7 @@ section {
|
||||
display: grid;
|
||||
position: relative;
|
||||
align-content: center;
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 6rem;
|
||||
min-height: 40vmax;
|
||||
}
|
||||
@ -295,6 +321,7 @@ section:nth-of-type(2) {
|
||||
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);
|
||||
}
|
||||
#el_salvador_section p {
|
||||
@ -303,6 +330,7 @@ section:nth-of-type(2) {
|
||||
|
||||
#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;
|
||||
}
|
||||
@ -344,6 +372,7 @@ section:nth-of-type(2) {
|
||||
flex-shrink: 0;
|
||||
scroll-snap-align: start;
|
||||
padding-right: 3rem;
|
||||
isolation: isolate;
|
||||
}
|
||||
.milestone:last-of-type {
|
||||
padding-right: 0;
|
||||
@ -368,7 +397,7 @@ section:nth-of-type(2) {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0.1rem;
|
||||
background-color: rgba(var(--text-color), 0.3);
|
||||
background-color: rgba(var(--foreground-color), 0.5);
|
||||
z-index: -1;
|
||||
}
|
||||
.milestone__title {
|
||||
@ -389,9 +418,6 @@ section:nth-of-type(2) {
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
#projects_section {
|
||||
padding-top: 5rem;
|
||||
}
|
||||
#projects_section h2 {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
@ -511,9 +537,8 @@ section:nth-of-type(2) {
|
||||
}
|
||||
|
||||
#methodology_section {
|
||||
padding-top: 5rem;
|
||||
padding-bottom: 5rem;
|
||||
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 {
|
||||
@ -554,8 +579,21 @@ section:nth-of-type(2) {
|
||||
grid-area: description;
|
||||
}
|
||||
|
||||
#project_team__components {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 3rem 1.5rem;
|
||||
}
|
||||
#project_team__components > * {
|
||||
align-content: flex-start;
|
||||
flex: 1 1 24rem;
|
||||
}
|
||||
|
||||
#economic_framework {
|
||||
padding-top: 6rem;
|
||||
}
|
||||
#economic_framework h2 {
|
||||
margin-bottom: 3rem;
|
||||
margin: 3rem 0 1rem 0;
|
||||
}
|
||||
#economic_framework ul {
|
||||
-moz-columns: 3 16rem;
|
||||
@ -612,6 +650,10 @@ section:nth-of-type(2) {
|
||||
font-weight: 500;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.team-member__button {
|
||||
margin-top: auto;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
#partners {
|
||||
display: grid;
|
||||
@ -659,6 +701,7 @@ section:nth-of-type(2) {
|
||||
|
||||
#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 {
|
||||
@ -753,10 +796,101 @@ section:nth-of-type(2) {
|
||||
grid-area: unset;
|
||||
}
|
||||
}
|
||||
#person_bio {
|
||||
margin: auto;
|
||||
border: none;
|
||||
border-radius: 0.5rem;
|
||||
padding: max(1rem, 2vw);
|
||||
box-shadow: 0 1rem 2rem rgba(var(--text-color), 0.1);
|
||||
-webkit-animation: popup 0.3s forwards;
|
||||
animation: popup 0.3s forwards;
|
||||
width: min(100%, 48rem);
|
||||
}
|
||||
#person_bio button {
|
||||
padding: 0.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: 0.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: 0.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;
|
||||
}
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
141
css/main.scss
141
css/main.scss
@ -76,6 +76,23 @@ ol {
|
||||
}
|
||||
}
|
||||
}
|
||||
button,
|
||||
.button {
|
||||
display: inline-flex;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: none;
|
||||
font-size: 0.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: 0.05em;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.icon {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
@ -145,7 +162,6 @@ ol {
|
||||
text-align: center;
|
||||
}
|
||||
article {
|
||||
padding-top: 4rem;
|
||||
& > * {
|
||||
padding: max(1rem, 2vw) var(--inline-padding);
|
||||
}
|
||||
@ -158,12 +174,12 @@ article {
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
background-color: rgba(var(--foreground-color), 0.5);
|
||||
background-color: rgba(var(--text-color), 0.5);
|
||||
z-index: 10;
|
||||
backdrop-filter: blur(1rem);
|
||||
padding: max(1rem, 2vw) var(--inline-padding);
|
||||
padding: max(1rem, 1.5vw) var(--inline-padding);
|
||||
a {
|
||||
color: rgba(var(--text-color), 0.9);
|
||||
color: rgba(var(--foreground-color), 0.9);
|
||||
text-decoration: none;
|
||||
}
|
||||
ul {
|
||||
@ -178,9 +194,11 @@ article {
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0.15rem;
|
||||
background: var(--accent-color);
|
||||
background: rgba(var(--foreground-color), 1);
|
||||
transition: width 0.3s;
|
||||
margin: auto;
|
||||
margin-top: 0.1rem;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
&.active {
|
||||
&::after {
|
||||
@ -194,20 +212,28 @@ article {
|
||||
}
|
||||
}
|
||||
#above_fold {
|
||||
background: linear-gradient(#00000080, #000000d0),
|
||||
url("../assets/representational/shubham-s-web3-pXdzCRJNum0-unsplash.jpg")
|
||||
no-repeat center center;
|
||||
background-size: cover;
|
||||
color: rgba(var(--foreground-color), 1);
|
||||
padding-top: 40vh;
|
||||
p {
|
||||
color: rgba(var(--foreground-color), 0.9);
|
||||
}
|
||||
h2 {
|
||||
max-width: 46rem;
|
||||
justify-self: center;
|
||||
text-align: center;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
ol {
|
||||
display: block;
|
||||
columns: 2 24rem;
|
||||
column-gap: 2rem;
|
||||
padding-left: 0;
|
||||
li {
|
||||
page-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
margin-bottom: 3rem;
|
||||
color: rgba(var(--foreground-color), 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -220,6 +246,7 @@ section {
|
||||
display: grid;
|
||||
position: relative;
|
||||
align-content: center;
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 6rem;
|
||||
min-height: 40vmax;
|
||||
&:nth-of-type(2) {
|
||||
@ -255,6 +282,7 @@ section {
|
||||
background: linear-gradient(to left, #00000080, #000000d0),
|
||||
url("../assets/representational/esau-gonzalez-bQefbdSC4ko-unsplash.jpg")
|
||||
no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
color: rgba(var(--foreground-color), 1);
|
||||
p {
|
||||
color: rgba(var(--foreground-color), 0.9);
|
||||
@ -264,6 +292,7 @@ section {
|
||||
background: linear-gradient(to left, #000000d0, #000000d0),
|
||||
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;
|
||||
p {
|
||||
@ -305,6 +334,7 @@ section {
|
||||
flex-shrink: 0;
|
||||
scroll-snap-align: start;
|
||||
padding-right: 3rem;
|
||||
isolation: isolate;
|
||||
&:last-of-type {
|
||||
padding-right: 0;
|
||||
.milestone__label {
|
||||
@ -329,7 +359,7 @@ section {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0.1rem;
|
||||
background-color: rgba(var(--text-color), 0.3);
|
||||
background-color: rgba(var(--foreground-color), 0.5);
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
@ -350,7 +380,6 @@ section {
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
#projects_section {
|
||||
padding-top: 5rem;
|
||||
h2 {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
@ -465,11 +494,11 @@ section {
|
||||
}
|
||||
}
|
||||
#methodology_section {
|
||||
padding-top: 5rem;
|
||||
padding-bottom: 5rem;
|
||||
background: linear-gradient(to left, #000000a0, #000000d0),
|
||||
url("../assets/representational/irfan-simsar-wxWulfjN-G0-unsplash.jpg")
|
||||
no-repeat center center;
|
||||
background-size: cover;
|
||||
|
||||
color: rgba(var(--foreground-color), 1);
|
||||
p {
|
||||
color: rgba(var(--foreground-color), 0.9);
|
||||
@ -508,9 +537,19 @@ section {
|
||||
}
|
||||
}
|
||||
}
|
||||
#project_team__components {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 3rem 1.5rem;
|
||||
& > * {
|
||||
align-content: flex-start;
|
||||
flex: 1 1 24rem;
|
||||
}
|
||||
}
|
||||
#economic_framework {
|
||||
padding-top: 6rem;
|
||||
h2 {
|
||||
margin-bottom: 3rem;
|
||||
margin: 3rem 0 1rem 0;
|
||||
}
|
||||
ul {
|
||||
columns: 3 16rem;
|
||||
@ -562,6 +601,10 @@ section {
|
||||
font-weight: 500;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
&__button {
|
||||
margin-top: auto;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
#partners {
|
||||
@ -613,6 +656,7 @@ section {
|
||||
background: linear-gradient(to left, #00000050, #00000080),
|
||||
url("../assets/representational/nasa-Q1p7bh3SHj8-unsplash.jpg") no-repeat
|
||||
center center fixed;
|
||||
background-size: cover;
|
||||
color: rgba(var(--foreground-color), 1);
|
||||
p {
|
||||
color: rgba(var(--foreground-color), 0.9);
|
||||
@ -695,6 +739,69 @@ section {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#person_bio {
|
||||
margin: auto;
|
||||
border: none;
|
||||
border-radius: 0.5rem;
|
||||
padding: max(1rem, 2vw);
|
||||
box-shadow: 0 1rem 2rem rgba(var(--text-color), 0.1);
|
||||
animation: popup 0.3s forwards;
|
||||
width: min(100%, 48rem);
|
||||
button {
|
||||
padding: 0.5rem;
|
||||
background-color: rgba(var(--text-color), 0.2);
|
||||
border-radius: 5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
backdrop-filter: blur(0.5rem);
|
||||
}
|
||||
}
|
||||
#person_bio_wrapper {
|
||||
display: grid;
|
||||
gap: 0.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: 0.5rem;
|
||||
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;
|
||||
}
|
||||
@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 {
|
||||
@ -703,6 +810,14 @@ section {
|
||||
}
|
||||
}
|
||||
}
|
||||
#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;
|
||||
}
|
||||
|
||||
122
index.html
122
index.html
@ -24,16 +24,11 @@
|
||||
Economic framework
|
||||
</a>
|
||||
</li>
|
||||
<!-- <li>
|
||||
<a href="#/news">
|
||||
News
|
||||
</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
</header>
|
||||
<article id="home" class="page">
|
||||
<section id="above_fold" class="gap-4">
|
||||
<img id="hero_illustration" src="assets/svg/cityscape.svg" alt="">
|
||||
<!-- <img id="hero_illustration" src="assets/svg/cityscape.svg" alt=""> -->
|
||||
<div class="grid gap-0-5">
|
||||
<h2>Execution of tokenization projects</h2>
|
||||
</div>
|
||||
@ -190,8 +185,9 @@
|
||||
<h2>Blockchain Partners </h2>
|
||||
<ul id="partners">
|
||||
<li>
|
||||
<svg class="icon" viewBox="0 0 96 108" xml:space="preserve">
|
||||
<path d="M90.2,102.5c-2.4-8.2-9.9-14.5-27.4-23.1c-7.1-3.5-11.8-6.2-14-8.3c-1.7-1.6-3.5-4-4.2-5.5c-0.7-1.7-0.7-5.5,0-7.5
|
||||
<a href="https://www.ranchimall.net/" target="_blank">
|
||||
<svg class="icon" viewBox="0 0 96 108" xml:space="preserve">
|
||||
<path d="M90.2,102.5c-2.4-8.2-9.9-14.5-27.4-23.1c-7.1-3.5-11.8-6.2-14-8.3c-1.7-1.6-3.5-4-4.2-5.5c-0.7-1.7-0.7-5.5,0-7.5
|
||||
c1.3-3.6,2.6-5.2,12.9-15.1c6.2-5.9,9.3-10.3,11.1-15.5c0.7-2.1,0.8-7.6,0.2-9.4C66.5,12,61.7,6.7,53.7,1.6c-3-1.9-4.3-2.1-4.3-0.8
|
||||
c0,0.3-0.5,1.4-1,2.4l-1,1.8l-2.8-1.9c-1.5-1.1-3.4-2.2-4.1-2.6c-1.3-0.7-2.4-0.6-2.4,0.2c0,0.3-1.4,3.4-2,4.4
|
||||
c0,0.1-0.4-0.1-0.9-0.4c-6.1-4.4-8.7-5.5-8.7-3.9c0,0.7-1.8,4.2-4,7.9C16,19.5,9.4,24.9,2.6,24.9c-3,0-2.9-0.1-2,3.4
|
||||
@ -213,8 +209,9 @@
|
||||
c-1.2,1.7-6.5,5.7-8.6,6.5v0c-1.1,0.4-2.8,0.8-3.9,0.9L24.9,25l2.1-2.6c2.5-3.1,5.1-7,7-10.4c0.7-1.4,1.4-2.5,1.5-2.6
|
||||
c0.3-0.4,1.7,1.4,3,4.1l1.5,3L39.3,17.4z M44.6,10c-0.7,1.2-1.4,2.1-1.5,2.1c-0.1,0-1.5-1.4-3-3l-2.8-3l0.6-1.5
|
||||
c1.1-2.6,1.3-2.7,3.4-1c1.9,1.5,4.5,3.8,4.5,4.1C45.8,7.8,45.3,8.9,44.6,10z"></path>
|
||||
</svg>
|
||||
<span>RanchiMall</span>
|
||||
</svg>
|
||||
<span>RanchiMall</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<svg class="icon" width="64" height="64" viewBox="0 0 64 64" fill="none"
|
||||
@ -497,11 +494,11 @@
|
||||
<h2>
|
||||
Project team structure
|
||||
</h2>
|
||||
<div class="grid gap-1">
|
||||
<h4>
|
||||
Create client-side steering team
|
||||
</h4>
|
||||
<div class="grid">
|
||||
<div id="project_team__components">
|
||||
<div class="grid gap-1">
|
||||
<h3>
|
||||
Create client-side steering team
|
||||
</h3>
|
||||
<p>
|
||||
The client-side team should contain members from following teams
|
||||
</p>
|
||||
@ -517,10 +514,10 @@
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<h4>
|
||||
<div class="grid gap-1">
|
||||
<h3>
|
||||
Approval from the board or higher management
|
||||
</h4>
|
||||
</h3>
|
||||
<p>
|
||||
Before tokenization can begin the higher management or the board must commit resources required
|
||||
for
|
||||
@ -534,8 +531,8 @@
|
||||
A dedicated budget for the project must be approved.
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<h4>Project B team</h4>
|
||||
<div class="grid gap-1">
|
||||
<h3>Project B team</h3>
|
||||
<p>
|
||||
Project B will perform the initial economic design of the tokenization project.
|
||||
</p>
|
||||
@ -545,14 +542,15 @@
|
||||
<strong>private key security infrastructure</strong>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<h4>
|
||||
<div class="grid gap-1">
|
||||
<h3>
|
||||
Regulatory Team
|
||||
</h4>
|
||||
</h3>
|
||||
<p>
|
||||
The regulatory team will review controls related to KYC (Know Your customer), AML (Anti Money
|
||||
The regulatory team will review controls related to <strong>KYC</strong> (Know Your customer),
|
||||
<strong>AML</strong> (Anti Money
|
||||
Laundering) and
|
||||
National Digital Assets Regulations if applicable.
|
||||
<strong>National Digital Assets Regulations</strong> if applicable.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -840,8 +838,9 @@
|
||||
Design governance system
|
||||
</li>
|
||||
</ol>
|
||||
<a href="https://medium.com/ranchimall/economic-system-5c85144e4726">More details about the
|
||||
framework</a>
|
||||
<a class="button justify-self-start" href="https://medium.com/ranchimall/economic-system-5c85144e4726"
|
||||
target="_blank">More
|
||||
details</a>
|
||||
</div>
|
||||
<div class="grid gap-1">
|
||||
<h4>Key concepts</h4>
|
||||
@ -898,6 +897,22 @@
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
<dialog id="person_bio">
|
||||
<button onclick="closePersonBio()">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
||||
fill="#000000">
|
||||
<path d="M0 0h24v24H0V0z" fill="none" />
|
||||
<path
|
||||
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
|
||||
</svg>
|
||||
</button>
|
||||
<div id="person_bio_wrapper">
|
||||
<img src="" alt="" id="person__image">
|
||||
<h3 id="person__name"></h3>
|
||||
<p id="person__title"></p>
|
||||
<p id="person__bio"></p>
|
||||
</div>
|
||||
</dialog>
|
||||
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
<script>
|
||||
const { html, render: renderElem } = uhtml;
|
||||
@ -980,15 +995,24 @@
|
||||
<li data-index=${index} class="team-member">
|
||||
<img src="${image}" alt=${`${name} profile picture`} loading="lazy">
|
||||
<div class="flex flex-direction-column">
|
||||
<p class="team-member__name">${name},</p>
|
||||
<p class="team-member__name">${name}</p>
|
||||
<p class="team-member__title">${title}</p>
|
||||
<span class="team-member__button button">Learn more</span>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
renderElem(teamMembersList, html`${renderedTeamMembers}`)
|
||||
document.getElementById('team_members').addEventListener('click', e => {
|
||||
|
||||
const index = e.target.closest('li').dataset.index
|
||||
const { image, name, title, bio } = teamMembers[index]
|
||||
document.getElementById('person__image').src = image
|
||||
document.getElementById('person__name').textContent = name
|
||||
document.getElementById('person__title').textContent = title
|
||||
document.getElementById('person__bio').innerText = bio
|
||||
document.getElementById('person_bio').showModal()
|
||||
document.body.style.overflow = 'hidden';
|
||||
document.body.style.top = `-${window.scrollY}px`;
|
||||
})
|
||||
const renderedMethodology = methodology.map((step, index) => {
|
||||
const { title, content } = step
|
||||
@ -1082,33 +1106,33 @@
|
||||
const teamMembers = [
|
||||
{
|
||||
name: 'Carlos Javier Castellanos Flores',
|
||||
title: 'Principal director and shareholder',
|
||||
title: 'Principal Director and Shareholder',
|
||||
image: 'assets/people/carlos.jpg',
|
||||
bio: `Carlos Javier Castellanos Flores is a Blockchain Consultant experienced in Bitcoin infrastructure and asset tokenization. He currently works at RanchiMall, specializing in integrating companies into the Bitcoin Blockchain.\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. Carlos holds a degree from Universidad Nacional de Ingeniería and possesses skills in Blockchain, business development, and graphic design.`
|
||||
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',
|
||||
|
||||
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',
|
||||
title: 'Principal Director',
|
||||
image: 'assets/people/Iris-Avalos.jpg',
|
||||
bio: `Iris Avalos is a skilled professional experienced in finance, administration, project coordination, and customer service. 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. 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. She holds a Bachelor's degree in Commerce and has completed additional courses in digital currencies and business administration. Iris is dedicated to using her career to make a positive impact and possesses a strong understanding of financial systems.`
|
||||
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',
|
||||
title: 'Principal Director',
|
||||
image: 'assets/people/Puneet Sondh.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. 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. He holds advanced degrees in finance and industrial management, and has certifications in FinTech and Financial Crime. Puneet's expertise and achievements make him a valuable asset in the financial services industry.`
|
||||
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',
|
||||
title: 'Principal Director',
|
||||
image: 'assets/people/erika pérez cañas.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. 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. She also served as an Assistant to the General Manager at Tom Sawyer and worked as a Fraud Prevention Analyst for Avianca Airlines. 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. Her skills include leadership, critical thinking, creativity, emotional intelligence, and problem-solving.`
|
||||
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.`
|
||||
},
|
||||
]
|
||||
router.addRoute('economic_framework', () => {
|
||||
@ -1162,6 +1186,28 @@
|
||||
block: 'nearest'
|
||||
})
|
||||
}
|
||||
function closePersonBio() {
|
||||
const scrollY = document.body.style.top;
|
||||
window.scrollTo(0, parseInt(scrollY || '0') * -1);
|
||||
document.body.style.overflow = '';
|
||||
document.body.style.top = 'initial';
|
||||
document.getElementById('person_bio').animate([
|
||||
{
|
||||
opacity: 1,
|
||||
transform: 'scale(1)'
|
||||
},
|
||||
{
|
||||
opacity: 0,
|
||||
transform: 'scale(1.1)'
|
||||
}
|
||||
], {
|
||||
duration: 100,
|
||||
easing: 'ease',
|
||||
}).finished.then(animation => {
|
||||
animation.commitStyles();
|
||||
document.getElementById('person_bio').close()
|
||||
})
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user