1463 lines
98 KiB
HTML
1463 lines
98 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Project B</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/main.min.css">
|
|
<script src="https://unpkg.com/uhtml@3.0.1/es.js"></script>
|
|
</head>
|
|
|
|
<body class="hidden" data-theme="">
|
|
<header id="main_header">
|
|
<a href="">
|
|
<h4>Project B</h4>
|
|
</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#/economic_framework">
|
|
Execution steps
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</header>
|
|
<article id="home" class="page">
|
|
<section id="above_fold" class="gap-4">
|
|
<h1 class="reveal">
|
|
<span class="tagline">
|
|
All about execution of tokenization projects
|
|
</span>
|
|
</h1>
|
|
<!-- <img id="hero_illustration" src="assets/svg/cityscape.svg" alt=""> -->
|
|
<div class="grid" style="gap: 8rem;">
|
|
<div class="grid gap-2 above_fold__section move-in">
|
|
<h3>What is Project B</h3>
|
|
<p>
|
|
Project B executes tokenization projects based on blockchain technology.
|
|
</p>
|
|
</div>
|
|
<div class="grid gap-2 above_fold__section move-in">
|
|
<h3>
|
|
What is tokenization
|
|
</h3>
|
|
<ul class="milestones milestones--description-only">
|
|
<li class="milestone">
|
|
<div class="milestone__label">1</div>
|
|
<p class="milestone__description">
|
|
Tokenization in blockchain enables the digital representation, transfer, and
|
|
management
|
|
of
|
|
real-world
|
|
assets or values, making transactions more efficient and expanding the possibilities
|
|
for
|
|
decentralized
|
|
economic systems.
|
|
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">2</div>
|
|
<p class="milestone__description">
|
|
A good tokenization project enables self funding of a new project through investors
|
|
all
|
|
over
|
|
the
|
|
world.
|
|
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">3</div>
|
|
<p class="milestone__description">
|
|
It also converts customers automatically into investors and vice-versa.
|
|
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="grid gap-2 above_fold__section move-in">
|
|
<h3>Why Project B for tokenization</h3>
|
|
<ul class="milestones milestones--description-only">
|
|
<li class="milestone">
|
|
<div class="milestone__label">1</div>
|
|
<p class="milestone__description">
|
|
Project B has evolved a disciplined framework for creation, transfer and management
|
|
of
|
|
the
|
|
tokens
|
|
such
|
|
that the valuation of tokens is always backed up by sustainable economics.
|
|
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">2</div>
|
|
<p class="milestone__description">
|
|
|
|
Project B in collaboration with tools and technologies developed by RanchiMall has
|
|
made
|
|
process
|
|
of
|
|
tokenization extremely simple and very practical to use.
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">3</div>
|
|
<p class="milestone__description">
|
|
In Project B implementation of tokenization, we start with definite and predictable
|
|
cash
|
|
flows
|
|
at
|
|
any
|
|
business process and then create the dynamics in a such way that the tokens can
|
|
appreciate
|
|
in a
|
|
predictable fashion.
|
|
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="services_section">
|
|
<h2 class="reveal">
|
|
<span>Services</span>
|
|
</h2>
|
|
<ul class="move-in">
|
|
<li style="--delay: 0s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
|
viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<path d="M0,0h24v24H0V0z" fill="none" />
|
|
</g>
|
|
<g>
|
|
<g>
|
|
<rect height="2" width="2" x="17" y="7" />
|
|
<rect height="2" width="2" x="17" y="11" />
|
|
<rect height="2" width="2" x="17" y="15" />
|
|
<path d="M1,11v10h6v-5h2v5h6V11L8,6L1,11z M13,19h-2v-5H5v5H3v-7l5-3.5l5,3.5V19z" />
|
|
<polygon points="10,3 10,4.97 12,6.4 12,5 21,5 21,19 17,19 17,21 23,21 23,3" />
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
Real Estate Tokenization
|
|
</li>
|
|
<li style="--delay: 0.1s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
|
viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<rect fill="none" height="24" width="24" />
|
|
<path
|
|
d="M9,4c-4.42,0-8,3.58-8,8c0,4.42,3.58,8,8,8s8-3.58,8-8C17,7.58,13.42,4,9,4z M9,18c-3.31,0-6-2.69-6-6s2.69-6,6-6 s6,2.69,6,6S12.31,18,9,18z M12,10.5h-2v5H8v-5H6V9h6V10.5z M20.25,3.75L23,5l-2.75,1.25L19,9l-1.25-2.75L15,5l2.75-1.25L19,1 L20.25,3.75z M20.25,17.75L23,19l-2.75,1.25L19,23l-1.25-2.75L15,19l2.75-1.25L19,15L20.25,17.75z" />
|
|
</svg>
|
|
Autonomous Tokenization Projects
|
|
</li>
|
|
<li style="--delay: 0.2s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
|
viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<rect fill="none" height="24" width="24" />
|
|
</g>
|
|
<g>
|
|
<path
|
|
d="M17,11V3H7v4H3v14h8v-4h2v4h8V11H17z M7,19H5v-2h2V19z M7,15H5v-2h2V15z M7,11H5V9h2V11z M11,15H9v-2h2V15z M11,11H9V9h2 V11z M11,7H9V5h2V7z M15,15h-2v-2h2V15z M15,11h-2V9h2V11z M15,7h-2V5h2V7z M19,19h-2v-2h2V19z M19,15h-2v-2h2V15z" />
|
|
</g>
|
|
</svg>
|
|
Corporate Tokenization
|
|
</li>
|
|
<li style="--delay: 0.3s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
|
viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<rect fill="none" height="24" width="24" />
|
|
</g>
|
|
<g>
|
|
<path
|
|
d="M20,4H4C2.89,4,2,4.9,2,6v12c0,1.1,0.89,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.11,4,20,4z M20,18H4V8h16V18z M18,17h-6v-2 h6V17z M7.5,17l-1.41-1.41L8.67,13l-2.59-2.59L7.5,9l4,4L7.5,17z" />
|
|
</g>
|
|
</svg>
|
|
Smartcontract Applications
|
|
</li>
|
|
<li style="--delay: 0.4s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
|
viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<rect fill="none" height="24" width="24" />
|
|
<path
|
|
d="M15.5,13.5c0,2-2.5,3.5-2.5,5h-2c0-1.5-2.5-3-2.5-5c0-1.93,1.57-3.5,3.5-3.5h0C13.93,10,15.5,11.57,15.5,13.5z M13,19.5h-2 V21h2V19.5z M19,13c0,1.68-0.59,3.21-1.58,4.42l1.42,1.42C20.18,17.27,21,15.23,21,13c0-2.74-1.23-5.19-3.16-6.84l-1.42,1.42 C17.99,8.86,19,10.82,19,13z M16,5l-4-4v3c0,0,0,0,0,0c-4.97,0-9,4.03-9,9c0,2.23,0.82,4.27,2.16,5.84l1.42-1.42 C5.59,16.21,5,14.68,5,13c0-3.86,3.14-7,7-7c0,0,0,0,0,0v3L16,5z" />
|
|
</g>
|
|
</svg>
|
|
Startup Tokenization Enablement
|
|
</li>
|
|
<li style="--delay: 0.5s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
|
viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<rect fill="none" height="24" width="24" />
|
|
<path
|
|
d="M14,2H6C4.9,2,4,2.9,4,4v16c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V8L14,2z M6,20V4h7v4h5v12H6z M11,19h2v-1h1 c0.55,0,1-0.45,1-1v-3c0-0.55-0.45-1-1-1h-3v-1h4v-2h-2V9h-2v1h-1c-0.55,0-1,0.45-1,1v3c0,0.55,0.45,1,1,1h3v1H9v2h2V19z" />
|
|
</g>
|
|
</svg>
|
|
Third party blockchain valuation support
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section id="projectb_milestones_section">
|
|
<h2 class="reveal"><span>Milestones</span></h2>
|
|
<ul id="projectb_milestones_wrapper" class="carousel move-in"> </ul>
|
|
<div class="carousel-controls flex gap-0-3 move-in">
|
|
<button class="carousel-control" onclick="scrollCarousel('projectb_milestones_wrapper', 'left')">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
|
|
</svg>
|
|
</button>
|
|
<button class="carousel-control" onclick="scrollCarousel('projectb_milestones_wrapper', 'right')">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<h2 class="reveal"><span>Blockchain Partners</span></h2>
|
|
<ul id="partners" class="move-in">
|
|
<li>
|
|
<a class="partner" 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
|
|
c0.7,2.8,1.1,3.1,3.6,2.3c2.3-0.7,3.9-1.5,5.8-2.9c0.8-0.6,1.5-0.9,1.6-0.9c0.1,0.1,0.5,1,0.7,2.1s0.7,2,0.9,2.1
|
|
c0.8,0.3,5.1-1.3,7.5-2.9l2.3-1.5l0.5,1.8c0.6,2.4,1,2.7,3.3,2.1c3.9-1,7.7-3.7,11.5-8.2l2-2.4l-0.2,2.1c-0.6,5.4-4.3,11.4-11.3,18
|
|
c-1.8,1.7-4.7,4.5-6.5,6.2c-10.7,10.2-10,18.6,2,26.5c2.7,1.8,10.3,5.8,15.3,8c0.9,0.4,3.3,1.7,5.3,2.9c11,6.5,16.4,13.1,16.4,19.7
|
|
c0,1.3,0.1,2.4,0.2,2.6l0,0c0.3,0.3,0.1,0.3,3-0.5c1.4-0.4,2.6-0.9,2.8-1.1c0.4-0.6-0.6-3.7-1.8-6.1c-1.3-2.5-5.6-7-8.9-9.4
|
|
c-3.8-2.8-9.3-5.9-17-9.7c-8.5-4.2-11.8-6.2-14.7-9.1c-2.6-2.6-3.9-5.3-3.9-8.2c0-4.6,2.3-8.6,8.3-14.1c9.4-8.7,13-13,15.5-18.8
|
|
c1.3-3,1.4-3.4,1.4-6.7c0-3.1-0.1-3.8-1.1-6l-1.1-2.4l1-1.6c0.5-0.9,1.2-2.1,1.5-2.6l0.5-1l1.5,2.1c1.8,2.6,3.2,6.8,3.2,9.3
|
|
c0,1.7-0.6,4.7-1.4,6.4c-0.2,0.4-0.4,1-0.5,1.3c-0.1,0.3-1.1,2-2.2,3.7c-2,3-5.2,6.4-13.4,14.2c-5.7,5.4-7.6,8.6-7.8,13.1
|
|
c-0.2,3.7,0.7,5.9,3.7,9.2c3.2,3.4,6.9,5.8,17.4,11c12.1,6,17.3,9.6,21.3,14.5c2.5,3.2,3.7,5.8,3.9,9.3c0.1,1.6,0.3,3,0.5,3
|
|
c0.1,0.1,0.8,0,1.4-0.2s1.9-0.5,2.7-0.7l1.5-0.4l-0.2-1.5c-0.7-5.1-5.4-10.8-13.1-16c-4.4-2.9-5.8-3.7-17.3-9.4
|
|
c-5.7-2.8-9.2-5.1-11.8-7.6c-4.3-4.2-5.1-8.8-2.7-13.9c1.4-2.8,2.7-4.4,12.5-13.8c8-7.7,11.4-13.7,11.4-20.1c0-5.1-2.3-9.9-6.9-14.3
|
|
c-1.1-1-2-2-2.1-2.2c-0.2-0.4,1.5-3.9,1.9-3.9c1.2,0,7.8,6.3,9.7,9.2c2,3.3,2.5,5,2.5,8.9c0,3.9-0.6,5.9-2.9,9.8
|
|
c-2.4,4.1-4.2,6-14.2,15.5c-3.4,3.2-5.7,6.1-6.9,8.7c-0.9,2-1.1,2.7-1.1,5.1c0,2.3,0.2,3.2,1,4.9c1.9,4,7.4,8.5,15.4,12.4
|
|
c12.5,6.1,15.1,7.6,19.4,10.7c7.2,5.3,10.6,10.5,10.6,16c0,1.3,0.1,2.4,0.3,2.5c0.4,0.3,4.8-0.8,5.5-1.3
|
|
C90.7,104.4,90.7,104.3,90.2,102.5z M20.3,23.3L20.3,23.3c-2,1-3.3,1.4-4.8,1.5L13.3,25l2.3-2.8c3.7-4.5,6.4-8.9,10-16
|
|
c0.9-1.8,1.8-3.5,2-3.6c0.4-0.4,2.6,1.1,5.1,3.4l2.1,1.9l-1.9,2.8C28.2,17.5,24.5,21.2,20.3,23.3z M39.3,17.4
|
|
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>
|
|
</a>
|
|
</li>
|
|
<li class="partner">
|
|
<svg class="icon" width="64" height="64" viewBox="0 0 64 64" fill="none"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<mask id="path-1-outside-1_16_6" maskUnits="userSpaceOnUse" x="3" y="3" width="58" height="58">
|
|
<rect fill="white" x="3" y="3" width="58" height="58"></rect>
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M31.946 43.6019C28.8545 47.1308 28.7789 51.9719 31.9811 55.1957C35.0078 52.2797 35.0105 46.8446 31.946 43.6019ZM31.9487 10.6835C24.6452 19.1291 24.9206 29.1137 31.9433 37.4108C39.0929 28.9436 39.1118 19.0076 31.9487 10.6808V10.6835ZM37.1111 35.051C43.1861 28.841 50.5976 27.4208 59 28.7654C56.2919 34.9754 52.4714 39.9353 45.7214 42.53C47.2118 41.3609 48.5699 40.4051 49.7984 39.3089C51.8504 37.481 53.303 35.267 54.0293 32.6075C54.2588 31.7678 53.9618 31.5302 53.1896 31.406C50.3627 30.9524 47.7086 31.5464 45.1733 32.702C40.9073 34.646 37.4324 37.6403 34.1735 40.8938C34.1168 40.9532 34.0925 41.0396 33.9899 41.2259C40.3754 41.4689 45.2381 44.0177 48.119 49.9064C44.3768 50.738 40.9532 50.5625 37.778 48.5213C40.1702 49.2557 42.557 49.7903 45.176 48.5483C44.852 48.0083 44.663 47.3765 44.231 47.0228C43.0511 46.0589 41.8415 45.0842 40.505 44.3498C38.4395 43.2212 36.131 42.692 33.5768 42.1682C37.0247 48.2081 36.1607 53.6918 31.946 59C29.9858 56.5295 28.6142 53.9456 28.2389 50.8946C27.8609 47.8328 28.7222 45.0518 30.1991 42.3896C26.9321 41.8658 19.8824 45.6485 18.7916 48.5645C21.3215 49.8443 23.7893 49.2611 26.33 48.3161C24.5048 50.1953 19.2425 50.9648 15.8108 49.8335C18.6593 44.0285 23.4977 41.4716 30.0263 41.2286C29.5457 40.7426 29.1893 40.3673 28.8167 40.0082C26.1005 37.3892 23.2142 34.9862 19.823 33.2366C17.0501 31.8056 14.1422 30.9092 10.9481 31.3871C10.5701 31.4438 10.1948 31.5356 9.6656 31.6436C10.6376 36.6386 13.9856 39.7355 18.1274 42.3464C13.775 41.8199 6.431 34.214 5 28.7546C13.397 27.3938 20.849 28.8842 26.897 35.2319C21.8939 24.089 24.5561 14.2259 31.946 5C39.2765 14.153 41.9657 23.9459 37.1111 35.051">
|
|
</path>
|
|
</mask>
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M31.946 43.6019C28.8545 47.1308 28.7789 51.9719 31.9811 55.1957C35.0078 52.2797 35.0105 46.8446 31.946 43.6019ZM31.9487 10.6835C24.6452 19.1291 24.9206 29.1137 31.9433 37.4108C39.0929 28.9436 39.1118 19.0076 31.9487 10.6808V10.6835ZM37.1111 35.051C43.1861 28.841 50.5976 27.4208 59 28.7654C56.2919 34.9754 52.4714 39.9353 45.7214 42.53C47.2118 41.3609 48.5699 40.4051 49.7984 39.3089C51.8504 37.481 53.303 35.267 54.0293 32.6075C54.2588 31.7678 53.9618 31.5302 53.1896 31.406C50.3627 30.9524 47.7086 31.5464 45.1733 32.702C40.9073 34.646 37.4324 37.6403 34.1735 40.8938C34.1168 40.9532 34.0925 41.0396 33.9899 41.2259C40.3754 41.4689 45.2381 44.0177 48.119 49.9064C44.3768 50.738 40.9532 50.5625 37.778 48.5213C40.1702 49.2557 42.557 49.7903 45.176 48.5483C44.852 48.0083 44.663 47.3765 44.231 47.0228C43.0511 46.0589 41.8415 45.0842 40.505 44.3498C38.4395 43.2212 36.131 42.692 33.5768 42.1682C37.0247 48.2081 36.1607 53.6918 31.946 59C29.9858 56.5295 28.6142 53.9456 28.2389 50.8946C27.8609 47.8328 28.7222 45.0518 30.1991 42.3896C26.9321 41.8658 19.8824 45.6485 18.7916 48.5645C21.3215 49.8443 23.7893 49.2611 26.33 48.3161C24.5048 50.1953 19.2425 50.9648 15.8108 49.8335C18.6593 44.0285 23.4977 41.4716 30.0263 41.2286C29.5457 40.7426 29.1893 40.3673 28.8167 40.0082C26.1005 37.3892 23.2142 34.9862 19.823 33.2366C17.0501 31.8056 14.1422 30.9092 10.9481 31.3871C10.5701 31.4438 10.1948 31.5356 9.6656 31.6436C10.6376 36.6386 13.9856 39.7355 18.1274 42.3464C13.775 41.8199 6.431 34.214 5 28.7546C13.397 27.3938 20.849 28.8842 26.897 35.2319C21.8939 24.089 24.5561 14.2259 31.946 5C39.2765 14.153 41.9657 23.9459 37.1111 35.051">
|
|
</path>
|
|
<path
|
|
d="M31.946 43.6019L32.6728 42.915L31.918 42.1163L31.1938 42.943L31.946 43.6019ZM31.9811 55.1957L31.2716 55.9004L31.9657 56.5992L32.6749 55.9159L31.9811 55.1957ZM31.9487 10.6835L32.7051 11.3376L32.9487 11.0559V10.6835H31.9487ZM31.9433 37.4108L31.18 38.0569L31.9442 38.9597L32.7074 38.056L31.9433 37.4108ZM31.9487 10.6808L32.7068 10.0287L30.9487 7.98495V10.6808H31.9487ZM59 28.7654L59.9166 29.1651L60.4326 27.9819L59.158 27.778L59 28.7654ZM45.7214 42.53L45.1042 41.7432L46.0802 43.4634L45.7214 42.53ZM49.7984 39.3089L49.1332 38.5622L49.1326 38.5628L49.7984 39.3089ZM54.0293 32.6075L53.0647 32.3439L53.0646 32.3441L54.0293 32.6075ZM53.1896 31.406L53.3484 30.4187L53.348 30.4186L53.1896 31.406ZM45.1733 32.702L45.588 33.612L45.5881 33.6119L45.1733 32.702ZM34.1735 40.8938L33.467 40.1861L33.4585 40.1946L33.4501 40.2033L34.1735 40.8938ZM33.9899 41.2259L33.114 40.7435L32.3319 42.1635L33.9519 42.2252L33.9899 41.2259ZM48.119 49.9064L48.3359 50.8826L49.5751 50.6072L49.0173 49.4669L48.119 49.9064ZM37.778 48.5213L38.0715 47.5653L37.2372 49.3625L37.778 48.5213ZM45.176 48.5483L45.6045 49.4518L46.6008 48.9794L46.0335 48.0338L45.176 48.5483ZM44.231 47.0228L44.8645 46.2491L44.8637 46.2484L44.231 47.0228ZM40.505 44.3498L40.9866 43.4734L40.9845 43.4723L40.505 44.3498ZM33.5768 42.1682L33.7777 41.1886L31.6127 40.7446L32.7083 42.664L33.5768 42.1682ZM31.946 59L31.1626 59.6216L31.9457 60.6085L32.7292 59.6218L31.946 59ZM28.2389 50.8946L29.2314 50.7725L29.2314 50.7721L28.2389 50.8946ZM30.1991 42.3896L31.0736 42.8747L31.7652 41.6279L30.3574 41.4022L30.1991 42.3896ZM18.7916 48.5645L17.855 48.2141L17.5413 49.0527L18.3402 49.4568L18.7916 48.5645ZM26.33 48.3161L27.0473 49.0128L25.9814 47.3788L26.33 48.3161ZM15.8108 49.8335L14.9131 49.393L14.4073 50.4237L15.4977 50.7832L15.8108 49.8335ZM30.0263 41.2286L30.0635 42.2279L32.3372 42.1433L30.7373 40.5255L30.0263 41.2286ZM28.8167 40.0082L28.1226 40.7281L28.1228 40.7282L28.8167 40.0082ZM19.823 33.2366L19.3644 34.1252L19.3645 34.1253L19.823 33.2366ZM10.9481 31.3871L10.8001 30.3981L10.7998 30.3982L10.9481 31.3871ZM9.6656 31.6436L9.46564 30.6638L8.49474 30.8619L8.68401 31.8346L9.6656 31.6436ZM18.1274 42.3464L18.0073 43.3392L18.6607 41.5005L18.1274 42.3464ZM5 28.7546L4.84003 27.7675L3.75363 27.9435L4.03268 29.0082L5 28.7546ZM26.897 35.2319L26.173 35.9217L27.8093 34.8223L26.897 35.2319ZM31.946 5L32.7265 4.37488L31.9461 3.40036L31.1655 4.37483L31.946 5ZM31.1938 42.943C27.7974 46.8199 27.6566 52.261 31.2716 55.9004L32.6906 54.491C29.9012 51.6828 29.9116 47.4417 32.6982 44.2609L31.1938 42.943ZM32.6749 55.9159C36.1304 52.5867 36.081 46.5214 32.6728 42.915L31.2192 44.2888C33.94 47.1678 33.8852 51.9727 31.2873 54.4755L32.6749 55.9159ZM31.1923 10.0294C27.4048 14.4092 25.5379 19.2455 25.5737 24.1102C25.6095 28.971 27.5438 33.7608 31.18 38.0569L32.7066 36.7647C29.3201 32.7637 27.6054 28.4127 27.5736 24.0955C27.5419 19.7822 29.1891 15.4034 32.7051 11.3376L31.1923 10.0294ZM32.7074 38.056C36.4083 33.6729 38.31 28.8504 38.3133 23.9938C38.3165 19.1359 36.42 14.3451 32.7068 10.0287L31.1906 11.3329C34.6405 15.3433 36.3161 19.6839 36.3133 23.9925C36.3104 28.3024 34.6279 32.6815 31.1792 36.7656L32.7074 38.056ZM30.9487 10.6808V10.6835H32.9487V10.6808H30.9487ZM37.8259 35.7503C43.6131 29.8345 50.6632 28.444 58.842 29.7528L59.158 27.778C50.532 26.3976 42.7591 27.8475 36.3963 34.3517L37.8259 35.7503ZM58.0834 28.3657C55.4402 34.4268 51.7791 39.1301 45.3626 41.5966L46.0802 43.4634C53.1637 40.7405 57.1436 35.524 59.9166 29.1651L58.0834 28.3657ZM46.3386 43.3168C47.7733 42.1914 49.2057 41.178 50.4642 40.055L49.1326 38.5628C47.9341 39.6322 46.6503 40.5304 45.1042 41.7432L46.3386 43.3168ZM50.4636 40.0556C52.6466 38.111 54.2121 35.7338 54.994 32.871L53.0646 32.3441C52.3939 34.8002 51.0542 36.851 49.1332 38.5622L50.4636 40.0556ZM54.9939 32.8711C55.1262 32.3872 55.2248 31.6946 54.7698 31.1186C54.3643 30.6053 53.7257 30.4794 53.3484 30.4187L53.0308 32.3933C53.1086 32.4058 53.17 32.4181 53.2184 32.43C53.2671 32.442 53.2955 32.4518 53.3091 32.4572C53.3227 32.4626 53.3139 32.4606 53.2926 32.4461C53.2699 32.4307 53.2353 32.4025 53.2004 32.3583C53.1832 32.3366 53.1677 32.3132 53.1543 32.2886C53.1409 32.264 53.1307 32.2402 53.1231 32.2182C53.1079 32.1742 53.1053 32.144 53.1049 32.1366C53.1046 32.1302 53.1059 32.1427 53.1007 32.1797C53.0955 32.2165 53.0849 32.27 53.0647 32.3439L54.9939 32.8711ZM53.348 30.4186C50.274 29.9254 47.4176 30.5801 44.7585 31.7921L45.5881 33.6119C47.9996 32.5127 50.4514 31.9794 53.0312 32.3934L53.348 30.4186ZM44.7586 31.792C40.3293 33.8104 36.7535 36.9051 33.467 40.1861L34.88 41.6015C38.1113 38.3755 41.4853 35.4816 45.588 33.612L44.7586 31.792ZM33.4501 40.2033C33.3063 40.354 33.2291 40.5156 33.2033 40.5674C33.1672 40.64 33.1517 40.6749 33.114 40.7435L34.8658 41.7083C34.9307 41.5906 34.9786 41.4891 34.9945 41.4572C35.0049 41.4363 35.0004 41.4467 34.9882 41.4667C34.9731 41.4914 34.9435 41.5355 34.8969 41.5843L33.4501 40.2033ZM33.9519 42.2252C37.0233 42.3421 39.6629 43.0109 41.8597 44.3098C44.0485 45.6039 45.857 47.5582 47.2207 50.3459L49.0173 49.4669C47.5001 46.3659 45.4368 44.1014 42.8776 42.5882C40.3265 41.0798 37.342 40.3527 34.0279 40.2266L33.9519 42.2252ZM47.9021 48.9302C44.3241 49.7253 41.1983 49.5313 38.3188 47.6801L37.2372 49.3625C40.7081 51.5937 44.4295 51.7507 48.3359 50.8826L47.9021 48.9302ZM37.4845 49.4773C39.9089 50.2215 42.6205 50.8669 45.6045 49.4518L44.7475 47.6448C42.4935 48.7137 40.4315 48.2899 38.0715 47.5653L37.4845 49.4773ZM46.0335 48.0338C45.8849 47.7862 45.8212 47.6158 45.6292 47.2504C45.4736 46.9544 45.2423 46.5584 44.8645 46.2491L43.5975 47.7965C43.6517 47.8409 43.7309 47.9377 43.8588 48.181C43.9503 48.3549 44.1431 48.7704 44.3185 49.0628L46.0335 48.0338ZM44.8637 46.2484C43.6913 45.2906 42.4149 44.2582 40.9866 43.4734L40.0234 45.2262C41.2681 45.9102 42.4109 46.8272 43.5983 47.7972L44.8637 46.2484ZM40.9845 43.4723C38.7711 42.2628 36.3236 41.7107 33.7777 41.1886L33.3759 43.1478C35.9384 43.6733 38.1079 44.1796 40.0255 45.2273L40.9845 43.4723ZM32.7083 42.664C34.346 45.5328 34.9255 48.203 34.6411 50.7474C34.3555 53.3015 33.1882 55.8274 31.1628 58.3782L32.7292 59.6218C34.9185 56.8644 36.2905 53.9944 36.6287 50.9696C36.9679 47.9351 36.2555 44.8435 34.4453 41.6724L32.7083 42.664ZM32.7294 58.3784C30.8397 55.9968 29.577 53.5818 29.2314 50.7725L27.2464 51.0167C27.6514 54.3094 29.1319 57.0622 31.1626 59.6216L32.7294 58.3784ZM29.2314 50.7721C28.8877 47.9881 29.6602 45.4224 31.0736 42.8747L29.3247 41.9045C27.7842 44.6812 26.8341 47.6775 27.2464 51.0171L29.2314 50.7721ZM30.3574 41.4022C29.3303 41.2375 28.1125 41.4187 26.9159 41.7622C25.6987 42.1117 24.4105 42.6564 23.2045 43.307C21.999 43.9574 20.8488 44.728 19.9166 45.543C19.005 46.3399 18.2137 47.2553 17.855 48.2141L19.7282 48.9149C19.9149 48.4157 20.4139 47.7647 21.233 47.0487C22.0314 46.3507 23.0524 45.6616 24.1541 45.0672C25.2552 44.4732 26.4102 43.9882 27.4678 43.6846C28.5458 43.3751 29.4344 43.2798 30.0408 43.377L30.3574 41.4022ZM18.3402 49.4568C21.2702 50.939 24.0958 50.214 26.6786 49.2534L25.9814 47.3788C23.4828 48.3082 21.3728 48.7496 19.243 47.6722L18.3402 49.4568ZM25.6127 47.6194C24.9334 48.3187 23.4333 48.9382 21.5294 49.2141C19.6667 49.484 17.6562 49.3889 16.1239 48.8838L15.4977 50.7832C17.3971 51.4094 19.7336 51.4952 21.8162 51.1934C23.8578 50.8976 25.9014 50.1927 27.0473 49.0128L25.6127 47.6194ZM16.7085 50.274C18.0554 47.5292 19.8486 45.5942 22.044 44.3081C24.2482 43.0169 26.918 42.345 30.0635 42.2279L29.9891 40.2293C26.606 40.3552 23.5923 41.0832 21.0331 42.5824C18.4649 44.0869 16.4147 46.3328 14.9131 49.393L16.7085 50.274ZM30.7373 40.5255C30.2757 40.0586 29.8942 39.6578 29.5106 39.2882L28.1228 40.7282C28.4844 41.0768 28.8157 41.4266 29.3153 41.9317L30.7373 40.5255ZM29.5108 39.2883C26.7637 36.6396 23.7967 34.1615 20.2815 32.3479L19.3645 34.1253C22.6317 35.8109 25.4373 38.1388 28.1226 40.7281L29.5108 39.2883ZM20.2816 32.348C17.4111 30.8666 14.2829 29.877 10.8001 30.3981L11.0961 32.3761C14.0015 31.9414 16.6891 32.7446 19.3644 34.1252L20.2816 32.348ZM10.7998 30.3982C10.388 30.4599 9.94468 30.566 9.46564 30.6638L9.86556 32.6234C10.4449 32.5052 10.7522 32.4277 11.0964 32.376L10.7998 30.3982ZM8.68401 31.8346C9.73479 37.2345 13.3673 40.5279 17.5941 43.1923L18.6607 41.5005C14.6039 38.9431 11.5404 36.0427 10.6472 31.4526L8.68401 31.8346ZM18.2475 41.3536C17.3819 41.2489 16.2594 40.7693 14.9918 39.9335C13.742 39.1093 12.427 37.9891 11.1875 36.7057C8.68437 34.1137 6.62095 30.9947 5.96732 28.5011L4.03268 29.0082C4.81005 31.9739 7.13413 35.3875 9.74885 38.095C11.0683 39.4613 12.4947 40.6825 13.8908 41.6031C15.2691 42.512 16.6967 43.1806 18.0073 43.3392L18.2475 41.3536ZM5.15997 29.7417C13.3246 28.4186 20.4108 29.874 26.173 35.9217L27.621 34.5421C21.2872 27.8944 13.4694 26.369 4.84003 27.7675L5.15997 29.7417ZM27.8093 34.8223C25.3851 29.4232 24.8341 24.3801 25.7561 19.5859C26.6809 14.7778 29.1009 10.1516 32.7265 5.62517L31.1655 4.37483C27.4012 9.07433 24.7952 13.9927 23.7921 19.2082C22.7863 24.4378 23.4058 29.8977 25.9847 35.6415L27.8093 34.8223ZM31.1655 5.62512C34.7619 10.1157 37.1747 14.7077 38.1168 19.4869C39.0562 24.2523 38.5469 29.2701 36.1948 34.6504L38.0274 35.4515C40.5299 29.7268 41.1033 24.2956 40.0791 19.1001C39.0576 13.9183 36.4606 9.03731 32.7265 4.37488L31.1655 5.62512Z"
|
|
mask="url(#path-1-outside-1_16_6)"></path>
|
|
</svg>
|
|
<span>
|
|
FLO <br>Blockchain
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<a class="partner" href="https://bitcoin.org/en/" target="_blank">
|
|
<svg class="icon" viewBox="0 0 64 64" height="64" width="64" version="1.1">
|
|
<g transform="translate(0.00630876,-0.00301984)">
|
|
<path fill="#f7931a"
|
|
d="m63.033,39.744c-4.274,17.143-21.637,27.576-38.782,23.301-17.138-4.274-27.571-21.638-23.295-38.78,4.272-17.145,21.635-27.579,38.775-23.305,17.144,4.274,27.576,21.64,23.302,38.784z" />
|
|
<path fill="#FFF"
|
|
d="m46.103,27.444c0.637-4.258-2.605-6.547-7.038-8.074l1.438-5.768-3.511-0.875-1.4,5.616c-0.923-0.23-1.871-0.447-2.813-0.662l1.41-5.653-3.509-0.875-1.439,5.766c-0.764-0.174-1.514-0.346-2.242-0.527l0.004-0.018-4.842-1.209-0.934,3.75s2.605,0.597,2.55,0.634c1.422,0.355,1.679,1.296,1.636,2.042l-1.638,6.571c0.098,0.025,0.225,0.061,0.365,0.117-0.117-0.029-0.242-0.061-0.371-0.092l-2.296,9.205c-0.174,0.432-0.615,1.08-1.609,0.834,0.035,0.051-2.552-0.637-2.552-0.637l-1.743,4.019,4.569,1.139c0.85,0.213,1.683,0.436,2.503,0.646l-1.453,5.834,3.507,0.875,1.439-5.772c0.958,0.26,1.888,0.5,2.798,0.726l-1.434,5.745,3.511,0.875,1.453-5.823c5.987,1.133,10.489,0.676,12.384-4.739,1.527-4.36-0.076-6.875-3.226-8.515,2.294-0.529,4.022-2.038,4.483-5.155zm-8.022,11.249c-1.085,4.36-8.426,2.003-10.806,1.412l1.928-7.729c2.38,0.594,10.012,1.77,8.878,6.317zm1.086-11.312c-0.99,3.966-7.1,1.951-9.082,1.457l1.748-7.01c1.982,0.494,8.365,1.416,7.334,5.553z" />
|
|
</g>
|
|
</svg>
|
|
<span>
|
|
Bitcoin <br> Blockchain
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="partner" href="https://polygon.technology/" target="_blank">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" fill="none">
|
|
<path
|
|
d="M364.03 335.08L475.58 270.68C481.48 267.27 485.15 260.92 485.15 254.1V125.28C485.15 118.47 481.48 112.11 475.58 108.7L364.03 44.3C358.13 40.89 350.79 40.9 344.89 44.3L233.34 108.7C227.44 112.11 223.77 118.46 223.77 125.28V355.47L145.55 400.62L67.33 355.47V265.14L145.55 219.99L197.15 249.77V189.18L155.12 164.92C152.22 163.25 148.91 162.37 145.55 162.37C142.19 162.37 138.88 163.25 135.98 164.92L24.42 229.33C18.52 232.74 14.85 239.09 14.85 245.91V374.72C14.85 381.53 18.52 387.89 24.42 391.3L135.97 455.71C141.87 459.11 149.2 459.11 155.11 455.71L266.66 391.31C272.56 387.9 276.23 381.54 276.23 374.73V144.54L277.64 143.73L354.45 99.39L432.67 144.55V234.87L354.45 280.03L302.93 250.29V310.88L344.88 335.11C350.78 338.51 358.12 338.51 364.02 335.11L364.03 335.08Z"
|
|
fill="url(#paint0_linear_1103_178)" />
|
|
<defs>
|
|
<linearGradient id="paint0_linear_1103_178" x1="54.83" y1="392.31" x2="459.03"
|
|
y2="97.58" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#A726C1" />
|
|
<stop offset="0.88" stop-color="#803BDF" />
|
|
<stop offset="1" stop-color="#7B3FE4" />
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
<span>
|
|
Polygon <br> Blockchain
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="partner" href="https://lightning.network/" target="_blank">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="282" height="282"
|
|
viewBox="0 0 282 282" fill="none">
|
|
<g clip-path="url(#clip0)">
|
|
<circle cx="140.983" cy="141.003" r="141" fill="#7B1AF7" />
|
|
<path
|
|
d="M79.7609 144.047L173.761 63.0466C177.857 60.4235 181.761 63.0466 179.261 67.5466L149.261 126.547H202.761C202.761 126.547 211.261 126.547 202.761 133.547L110.261 215.047C103.761 220.547 99.261 217.547 103.761 209.047L132.761 151.547H79.7609C79.7609 151.547 71.2609 151.547 79.7609 144.047Z"
|
|
fill="white" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0">
|
|
<rect width="282" height="282" fill="white" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
<span>
|
|
Lightning <br> Network
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="partner" href="https://www.juuride.com/" target="_blank">
|
|
<img src="assets/logos/juu-ride-logo.png" alt="">
|
|
<span>
|
|
Juu Ride
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="partner" href="https://reddatos.com/" target="_blank">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64"
|
|
viewBox="0 0 64 64" fill="none">
|
|
<path fill="#E21E51" d="M62.6,22.4c-0.9-3.5-2.8-6.6-4.8-9.7l-0.9-1.4l-0.6,1.5c-0.4,1-0.4,1.9-0.4,2.7c0,0.2,0,0.4,0,0.6c-0.1,2.5,0,5,0.1,7.4c0.1,3,0.2,6.1,0,9.1c-0.5,6.5-2.7,11.6-6.7,15.6C43,54.5,35.8,57,27.7,55.7c-13.2-2.2-21.6-13.8-19.5-27C9.7,19.4,14.8,13,23.5,9.5c2.7-1.1,5.6-1.5,8.1-1.6c2.5-0.2,4.2-2,4-4.4c-0.1-2.2-1.8-3.6-4.5-3.5c-2.4,0.1-5,0.5-7.5,1.3C15.5,3.6,9.3,8.6,4.6,16.6c-8,13.6-4.7,30.7,7.7,40.6c5.6,4.5,12.3,6.7,19.1,6.7c7.6,0,15.3-2.8,21.3-8.5C62.4,46.5,65.8,35.3,62.6,22.4z"/>
|
|
<path fill="#E21E51" d="M31.4,38.3c-1.9-0.2-3.7-1.2-4.7-2.7c-1-1.5-1.3-3.4-0.7-5.3c0.8-2.7,2.3-4.1,4.8-4.4c1-0.1,2-0.3,3-0.9c1.5-0.9,2.1-2.4,1.8-4.1c-0.3-1.7-1.6-2.9-3.1-3.1c-0.8-0.1-2-0.2-3.1,0.1c-4.9,1.4-8.2,4.1-10.1,8.4c-2.3,5.1-1.4,11.6,2.2,15.5c2.8,2.9,6.6,4.5,10.5,4.5c1.8,0,3.6-0.3,5.3-1c5.5-2.2,9.1-7.6,9.1-13.7c0-1.2,0-2.3-0.1-3.5c-0.1-1.6-0.1-3.2-0.1-4.8C46.3,18,46.2,12.8,46.2,8c-0.1-5.3-0.3-5.6-5.4-7c-0.6-0.2-1.2-0.3-1.7,0.1c-0.5,0.4-0.6,1-0.6,1.6c-0.1,2.9-0.1,5.7-0.1,8.8c0,2.2,0,4.4,0,6.8v0c0,1.2,0,2.4,0,3.7c0,3.1,0.1,6.6-0.1,10c-0.1,1.8-0.9,3.5-2.3,4.7C34.6,37.9,33,38.5,31.4,38.3z"/>
|
|
</svg>
|
|
<span>
|
|
Reddatos
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</section>
|
|
<section id="payment_section" class="gap-1-5">
|
|
<div class="grid">
|
|
<h4 class="reveal"><span>International Payments</span></h4>
|
|
<h2 class="reveal"><span>Pay with Bitcoin</span></h2>
|
|
</div>
|
|
<p class="move-in">
|
|
Explore the world with seamless property rentals,
|
|
powered by Bitcoin payments from anywhere on the globe!
|
|
</p>
|
|
<img id="bitcoin_lineart" src="assets/svg/bitcoin line art.svg" alt="">
|
|
</section>
|
|
<section id="el_salvador_section">
|
|
<!-- <img src="assets/representational/oswaldo-martinez-bK-SRSgPWz8-unsplash.jpg" alt="" id="el_salvador_map"> -->
|
|
<div class="grid gap-2">
|
|
<div class="grid">
|
|
<h4 class="reveal"><span>Why</span></h4>
|
|
<h2 class="reveal"><span>El Salvador?</span></h2>
|
|
</div>
|
|
<ul class="grid move-in">
|
|
<li class="milestone">
|
|
<div class="milestone__label">1</div>
|
|
<h3 class="milestone__title">Bitcoin legalized</h3>
|
|
<p class="milestone__description">
|
|
El Salvador first and only country to unconditionally legalize Bitcoin, and offer
|
|
constitutional
|
|
protections.
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">2</div>
|
|
<h3 class="milestone__title">No capital gains tax</h3>
|
|
<p class="milestone__description">
|
|
El Salvador has no taxation on capital gains on Bitcoin, as well as technology companies
|
|
that
|
|
leverage the power of new technologies.
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">3</div>
|
|
<h3 class="milestone__title">Digital assets regulation</h3>
|
|
<p class="milestone__description">
|
|
El Salvador has created Comprehensive Digital Assets regulatory system.
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">4</div>
|
|
<h3 class="milestone__title">Best physical launchpad</h3>
|
|
<p class="milestone__description">
|
|
El Salvador can form the physical base where new digital ideas an be incubated, and then
|
|
scaled
|
|
up all over the world using blockchain dynamics.
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">5</div>
|
|
<h3 class="milestone__title">First mover advantage for new ideas</h3>
|
|
<p class="milestone__description">
|
|
El Salvador is creating first mover advantage in Crypto space for itself as a country, and
|
|
for
|
|
entrepreneurs who operate out of El Salvador. As we saw in case of Bitcoin, first mover
|
|
advantage is often a permanent advantage in Crypto space.
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">6</div>
|
|
<h3 class="milestone__title">Emerging focal point of crypto community</h3>
|
|
<p class="milestone__description">
|
|
El Salvador is also creating a community of global Crypto enthusiasts being focal point of
|
|
Crypto infrastructure in the world.
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<section id="projects_section">
|
|
<h2 class="reveal"><span>Projects</span></h2>
|
|
<div class="grid gap-2">
|
|
<div class="project move-in">
|
|
<div class="project__images grid">
|
|
<div class="project__image">
|
|
<img loading="lazy" src="assets/poc/poc3.jpg" alt="">
|
|
</div>
|
|
<div class="project__images-wrapper" onclick="showImage(event)">
|
|
<button class="thumbnail-button active">
|
|
<img loading="lazy" src="assets/poc/poc3.jpg" class="thumbnail" alt="">
|
|
</button>
|
|
<button class="thumbnail-button">
|
|
<img loading="lazy" src="assets/poc/poc1.jpg" class="thumbnail" alt="">
|
|
</button>
|
|
<button class="thumbnail-button">
|
|
<img loading="lazy" src="assets/poc/poc2.jpg" class="thumbnail" alt="">
|
|
</button>
|
|
<button class="thumbnail-button">
|
|
<img loading="lazy" src="assets/poc/poc5.jpg" class="thumbnail" alt="">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="project__content">
|
|
<div class="grid gap-0-5">
|
|
<div class="badge justify-self-start">
|
|
<span>1. Proof of Concept</span>
|
|
</div>
|
|
<h3 class="project__title">Tokenroom</h3>
|
|
</div>
|
|
<p class="project__description">
|
|
A tokenized room at El Zonte beach, El Salvador
|
|
</p>
|
|
<ul id="poc_stats">
|
|
<li class="stat">
|
|
<div class="stat__number">1030</div>
|
|
<div class="stat__title">Nights invested</div>
|
|
</li>
|
|
<li class="stat">
|
|
<div class="stat__number">20</div>
|
|
<div class="stat__title">Nights consumed</div>
|
|
</li>
|
|
<li class="stat">
|
|
<div class="stat__number">4</div>
|
|
<div class="stat__title">Invested nights consumed</div>
|
|
</li>
|
|
</ul>
|
|
<a class="project__button" href="https://ranchimall.github.io/reale/" target="_blank">Project
|
|
site</a>
|
|
<!-- <button href="#/tokenroom" class="project__button" onclick="toggleDetails(event)">Show
|
|
details</button> -->
|
|
</div>
|
|
<!-- <div class="project__hidden-details grid hidden">
|
|
<h4>Details</h4>
|
|
</div> -->
|
|
</div>
|
|
<div class="project move-in">
|
|
<div class="project__images grid">
|
|
<div class="project__image">
|
|
<img loading="lazy" src="assets/bitsindri/bitsindri-1.webp" alt="">
|
|
</div>
|
|
<div class="project__images-wrapper" onclick="showImage(event)">
|
|
<button class="thumbnail-button active">
|
|
<img loading="lazy" src="assets/bitsindri/bitsindri-1.webp" class="thumbnail" alt="">
|
|
</button>
|
|
<button class="thumbnail-button">
|
|
<img loading="lazy" src="assets/bitsindri/bitsindri-2.webp" class="thumbnail" alt="">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="project__content">
|
|
<div class="grid gap-0-5">
|
|
<div class="badge justify-self-start">
|
|
<span>2</span>
|
|
</div>
|
|
<h3 class="project__title">BIT Sindri blockchain center, India</h3>
|
|
</div>
|
|
<p class="project__description">
|
|
Tokenizes the projects done by students of an engineering college in the following areas
|
|
<ol type="1">
|
|
<li>
|
|
Coding
|
|
</li>
|
|
<li>
|
|
Design
|
|
</li>
|
|
<li>
|
|
Marketing
|
|
</li>
|
|
<li>
|
|
Project Scouting
|
|
</li>
|
|
<li>
|
|
Content Writing and Copywriting
|
|
</li>
|
|
<li>
|
|
Investment and Finance
|
|
</li>
|
|
</ol>
|
|
</p>
|
|
<a class="project__button" href="https://ranchimall.github.io/bitsindri/"
|
|
target="_blank">Project site</a>
|
|
<!-- <button href="#/tokenroom" class="project__button" onclick="toggleDetails(event)">Show
|
|
details</button> -->
|
|
</div>
|
|
<!-- <div class="project__hidden-details grid hidden">
|
|
<h4>Details</h4>
|
|
</div> -->
|
|
</div>
|
|
<div class="project move-in">
|
|
<div class="project__images grid">
|
|
<div class="project__image">
|
|
<img loading="lazy" src="assets/representational/taxi.jpg" alt="">
|
|
</div>
|
|
<div class="project__images-wrapper" onclick="showImage(event)">
|
|
<button class="thumbnail-button active">
|
|
<img loading="lazy" src="assets/representational/taxi.jpg" class="thumbnail" alt="">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="project__content">
|
|
<div class="grid gap-0-5">
|
|
<div class="badge justify-self-start">
|
|
<span>3</span>
|
|
</div>
|
|
<h3 class="project__title">Juu Ride, El Salvador</h3>
|
|
</div>
|
|
<p class="project__description">
|
|
Tokenization of shared taxi services
|
|
</p>
|
|
<a class="project__button" href="https://www.juuride.com/" target="_blank">Project site</a>
|
|
<!-- <button href="#/tokenroom" class="project__button" onclick="toggleDetails(event)">Show
|
|
details</button> -->
|
|
</div>
|
|
<!-- <div class="project__hidden-details grid hidden">
|
|
<h4>Details</h4>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="methodology_section">
|
|
<h2 class="reveal"><span>Methodology</span></h2>
|
|
<ul id="methodology_wrapper" class="move-in"> </ul>
|
|
</section>
|
|
<section class="grid gap-3">
|
|
<h2 class="reveal"><span>Project team structure</span> </h2>
|
|
<ul id="project_team__components" class="move-in">
|
|
<li class="grid gap-1 milestone">
|
|
<div class="milestone__label">1</div>
|
|
<h3 class="milestone__title">
|
|
Create client-side steering team
|
|
</h3>
|
|
<div class="grid milestone__description">
|
|
<p>
|
|
The client-side team should contain members from following teams
|
|
</p>
|
|
<ol type="1">
|
|
<li>
|
|
Management
|
|
</li>
|
|
<li>
|
|
Finance
|
|
</li>
|
|
<li>
|
|
Technology
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</li>
|
|
<li class="grid gap-1 milestone">
|
|
<div class="milestone__label">2</div>
|
|
<h3 class="milestone__title">
|
|
Approval from the board or higher management
|
|
</h3>
|
|
<div class="grid milestone__description gap-1">
|
|
<p>
|
|
Before tokenization can begin the higher management or the board must commit resources
|
|
required
|
|
for
|
|
the tokenization project.
|
|
</p>
|
|
<p>
|
|
Higher management must also undertake to communicate details of the initiative to employees,
|
|
customers and other stake holders.
|
|
</p>
|
|
<p>
|
|
A dedicated budget for the project must be approved.
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="grid gap-1 milestone">
|
|
<div class="milestone__label">3</div>
|
|
<h3 class="milestone__title">Project B team role</h3>
|
|
<div class="grid milestone__description gap-1">
|
|
<p>
|
|
Project B will perform the initial economic design of the tokenization project.
|
|
</p>
|
|
<p>
|
|
It will setup the technology page consisting of <strong>tokens</strong>,
|
|
<strong>Smartcontracts</strong>, <strong>multisigs</strong>, <strong>markets</strong> and
|
|
<strong>private key security infrastructure</strong>.
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="grid gap-1 milestone">
|
|
<div class="milestone__label">4</div>
|
|
<h3 class="milestone__title">
|
|
Regulatory team role
|
|
</h3>
|
|
<p class="milestone__description">
|
|
The regulatory team will review controls related to <strong>KYC</strong> (Know Your customer),
|
|
<strong>AML</strong> (Anti Money
|
|
Laundering) and
|
|
<strong>National Digital Assets Regulations</strong> if applicable.
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section>
|
|
<h2 class="reveal"><span>Team</span></h2>
|
|
<ul id="team_members" class="move-in"></ul>
|
|
</section>
|
|
<section id="media_coverage_section">
|
|
<h2 class="reveal"><span>Media coverage</span></h2>
|
|
<div class="masonry">
|
|
<iframe loading="lazy" width="560" height="315" src="https://www.youtube-nocookie.com/embed/4BX8HNfjmag"
|
|
title="YouTube video player" frameborder="0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
<iframe loading="lazy" width="560" height="315" src="https://www.youtube-nocookie.com/embed/P80m96KQIz0"
|
|
title="YouTube video player" frameborder="0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
<iframe loading="lazy" width="560" height="315" src="https://www.youtube-nocookie.com/embed/CYRTmJnScZY"
|
|
title="YouTube video player" frameborder="0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowfullscreen></iframe>
|
|
<blockquote class="twitter-tweet">
|
|
<p lang="en" dir="ltr"><a
|
|
href="https://twitter.com/ProjectBSV?ref_src=twsrc%5Etfw">@ProjectBSV</a><br><br>Great
|
|
experience at <a
|
|
href="https://twitter.com/hashtag/tokenroom?src=hash&ref_src=twsrc%5Etfw">#tokenroom</a>
|
|
El Zonte.<a href="https://twitter.com/tripathyr?ref_src=twsrc%5Etfw">@tripathyr</a><a
|
|
href="https://twitter.com/ranchimallFLO?ref_src=twsrc%5Etfw">@ranchimallFLO</a><a
|
|
href="https://twitter.com/hashtag/tokenroom?src=hash&ref_src=twsrc%5Etfw">#tokenroom</a>
|
|
<a href="https://twitter.com/hashtag/bitcoin?src=hash&ref_src=twsrc%5Etfw">#bitcoin</a> <a
|
|
href="https://t.co/qqICvgf2HJ">pic.twitter.com/qqICvgf2HJ</a>
|
|
</p>— Jorge Rivas 🟠⚡
|
|
(@jrivaszep) <a
|
|
href="https://twitter.com/jrivaszep/status/1657809757854375937?ref_src=twsrc%5Etfw">May 14,
|
|
2023</a>
|
|
</blockquote>
|
|
<blockquote class="twitter-tweet">
|
|
<p lang="en" dir="ltr">PS: Token Room is live.<br><br>Book your stay and tokenize it on your bitcoin
|
|
address.<a href="https://t.co/gthf25EkWG">https://t.co/gthf25EkWG</a></p>— RanchiMallFLO
|
|
(@ranchimallFLO) <a
|
|
href="https://twitter.com/ranchimallFLO/status/1648275128428658689?ref_src=twsrc%5Etfw">April
|
|
18, 2023</a>
|
|
</blockquote>
|
|
<blockquote class="twitter-tweet">
|
|
<p lang="en" dir="ltr">Tokenized rooms in El Salvador (blender animation) <a
|
|
href="https://twitter.com/hashtag/blender?src=hash&ref_src=twsrc%5Etfw">#blender</a> <a
|
|
href="https://twitter.com/hashtag/Bitcoin?src=hash&ref_src=twsrc%5Etfw">#Bitcoin</a> <a
|
|
href="https://twitter.com/hashtag/ElSalvador?src=hash&ref_src=twsrc%5Etfw">#ElSalvador</a>
|
|
<a
|
|
href="https://twitter.com/hashtag/animation3d?src=hash&ref_src=twsrc%5Etfw">#animation3d</a>
|
|
<a href="https://t.co/PH9f8MA5qc">pic.twitter.com/PH9f8MA5qc</a>
|
|
</p>— Sumer Sarwan
|
|
(@SarwanSumer) <a
|
|
href="https://twitter.com/SarwanSumer/status/1641761374505435138?ref_src=twsrc%5Etfw">March 31,
|
|
2023</a>
|
|
</blockquote>
|
|
</div>
|
|
</section>
|
|
<section id="socials_section">
|
|
<h2 class="reveal"><span>Socials</span></h2>
|
|
<ul id="social_links" class="move-in">
|
|
<li>
|
|
<a href="https://twitter.com/ProjectBSV" target="_blank">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 248 204">
|
|
<path fill="#1d9bf0"
|
|
d="M221.95 51.29c.15 2.17.15 4.34.15 6.53 0 66.73-50.8 143.69-143.69 143.69v-.04c-27.44.04-54.31-7.82-77.41-22.64 3.99.48 8 .72 12.02.73 22.74.02 44.83-7.61 62.72-21.66-21.61-.41-40.56-14.5-47.18-35.07 7.57 1.46 15.37 1.16 22.8-.87-23.56-4.76-40.51-25.46-40.51-49.5v-.64c7.02 3.91 14.88 6.08 22.92 6.32C11.58 63.31 4.74 33.79 18.14 10.71c25.64 31.55 63.47 50.73 104.08 52.76-4.07-17.54 1.49-35.92 14.61-48.25 20.34-19.12 52.33-18.14 71.45 2.19 11.31-2.23 22.15-6.38 32.07-12.26-3.77 11.69-11.66 21.62-22.2 27.93 10.01-1.18 19.79-3.86 29-7.95-6.78 10.16-15.32 19.01-25.2 26.16z">
|
|
</path>
|
|
</svg>
|
|
<span>Twitter</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.facebook.com/profile.php?id=100091526117221&mibextid=ZbWKwL"
|
|
target="_blank">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 40 40"
|
|
style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
<style type="text/css">
|
|
.st0 {
|
|
fill: url(#SVGID_1_);
|
|
}
|
|
|
|
.st1 {
|
|
fill: #FFFFFF;
|
|
}
|
|
</style>
|
|
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-277.375" y1="406.6018"
|
|
x2="-277.375" y2="407.5726"
|
|
gradientTransform="matrix(40 0 0 -39.7778 11115.001 16212.334)">
|
|
<stop offset="0" style="stop-color:#0062E0"></stop>
|
|
<stop offset="1" style="stop-color:#19AFFF"></stop>
|
|
</linearGradient>
|
|
<path class="st0"
|
|
d="M16.7,39.8C7.2,38.1,0,29.9,0,20C0,9,9,0,20,0s20,9,20,20c0,9.9-7.2,18.1-16.7,19.8l-1.1-0.9h-4.4L16.7,39.8z">
|
|
</path>
|
|
<path class="st1"
|
|
d="M27.8,25.6l0.9-5.6h-5.3v-3.9c0-1.6,0.6-2.8,3-2.8h2.6V8.2c-1.4-0.2-3-0.4-4.4-0.4c-4.6,0-7.8,2.8-7.8,7.8V20 h-5v5.6h5v14.1c1.1,0.2,2.2,0.3,3.3,0.3c1.1,0,2.2-0.1,3.3-0.3V25.6H27.8z">
|
|
</path>
|
|
</svg>
|
|
<span>
|
|
Facebook
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://instagram.com/projectbsv?igshid=ZDdkNTZiNTM=" target="_blank">
|
|
<svg class="icon" viewBox="0 0 132 132" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<defs>
|
|
<linearGradient id="b">
|
|
<stop offset="0" stop-color="#3771c8"></stop>
|
|
<stop stop-color="#3771c8" offset=".128"></stop>
|
|
<stop offset="1" stop-color="#60f" stop-opacity="0"></stop>
|
|
</linearGradient>
|
|
<linearGradient id="a">
|
|
<stop offset="0" stop-color="#fd5"></stop>
|
|
<stop offset=".1" stop-color="#fd5"></stop>
|
|
<stop offset=".5" stop-color="#ff543e"></stop>
|
|
<stop offset="1" stop-color="#c837ab"></stop>
|
|
</linearGradient>
|
|
<radialGradient id="c" cx="158.429" cy="578.088" r="65" xlink:href="#a"
|
|
gradientUnits="userSpaceOnUse"
|
|
gradientTransform="matrix(0 -1.98198 1.8439 0 -1031.402 454.004)" fx="158.429"
|
|
fy="578.088"></radialGradient>
|
|
<radialGradient id="d" cx="147.694" cy="473.455" r="65" xlink:href="#b"
|
|
gradientUnits="userSpaceOnUse"
|
|
gradientTransform="matrix(.17394 .86872 -3.5818 .71718 1648.348 -458.493)"
|
|
fx="147.694" fy="473.455"></radialGradient>
|
|
</defs>
|
|
<path fill="url(#c)"
|
|
d="M65.03 0C37.888 0 29.95.028 28.407.156c-5.57.463-9.036 1.34-12.812 3.22-2.91 1.445-5.205 3.12-7.47 5.468C4 13.126 1.5 18.394.595 24.656c-.44 3.04-.568 3.66-.594 19.188-.01 5.176 0 11.988 0 21.125 0 27.12.03 35.05.16 36.59.45 5.42 1.3 8.83 3.1 12.56 3.44 7.14 10.01 12.5 17.75 14.5 2.68.69 5.64 1.07 9.44 1.25 1.61.07 18.02.12 34.44.12 16.42 0 32.84-.02 34.41-.1 4.4-.207 6.955-.55 9.78-1.28 7.79-2.01 14.24-7.29 17.75-14.53 1.765-3.64 2.66-7.18 3.065-12.317.088-1.12.125-18.977.125-36.81 0-17.836-.04-35.66-.128-36.78-.41-5.22-1.305-8.73-3.127-12.44-1.495-3.037-3.155-5.305-5.565-7.624C116.9 4 111.64 1.5 105.372.596 102.335.157 101.73.027 86.19 0H65.03z"
|
|
transform="translate(1.004 1)"></path>
|
|
<path fill="url(#d)"
|
|
d="M65.03 0C37.888 0 29.95.028 28.407.156c-5.57.463-9.036 1.34-12.812 3.22-2.91 1.445-5.205 3.12-7.47 5.468C4 13.126 1.5 18.394.595 24.656c-.44 3.04-.568 3.66-.594 19.188-.01 5.176 0 11.988 0 21.125 0 27.12.03 35.05.16 36.59.45 5.42 1.3 8.83 3.1 12.56 3.44 7.14 10.01 12.5 17.75 14.5 2.68.69 5.64 1.07 9.44 1.25 1.61.07 18.02.12 34.44.12 16.42 0 32.84-.02 34.41-.1 4.4-.207 6.955-.55 9.78-1.28 7.79-2.01 14.24-7.29 17.75-14.53 1.765-3.64 2.66-7.18 3.065-12.317.088-1.12.125-18.977.125-36.81 0-17.836-.04-35.66-.128-36.78-.41-5.22-1.305-8.73-3.127-12.44-1.495-3.037-3.155-5.305-5.565-7.624C116.9 4 111.64 1.5 105.372.596 102.335.157 101.73.027 86.19 0H65.03z"
|
|
transform="translate(1.004 1)"></path>
|
|
<path fill="#fff"
|
|
d="M66.004 18c-13.036 0-14.672.057-19.792.29-5.11.234-8.598 1.043-11.65 2.23-3.157 1.226-5.835 2.866-8.503 5.535-2.67 2.668-4.31 5.346-5.54 8.502-1.19 3.053-2 6.542-2.23 11.65C18.06 51.327 18 52.964 18 66s.058 14.667.29 19.787c.235 5.11 1.044 8.598 2.23 11.65 1.227 3.157 2.867 5.835 5.536 8.503 2.667 2.67 5.345 4.314 8.5 5.54 3.054 1.187 6.543 1.996 11.652 2.23 5.12.233 6.755.29 19.79.29 13.037 0 14.668-.057 19.788-.29 5.11-.234 8.602-1.043 11.656-2.23 3.156-1.226 5.83-2.87 8.497-5.54 2.67-2.668 4.31-5.346 5.54-8.502 1.18-3.053 1.99-6.542 2.23-11.65.23-5.12.29-6.752.29-19.788 0-13.036-.06-14.672-.29-19.792-.24-5.11-1.05-8.598-2.23-11.65-1.23-3.157-2.87-5.835-5.54-8.503-2.67-2.67-5.34-4.31-8.5-5.535-3.06-1.187-6.55-1.996-11.66-2.23-5.12-.233-6.75-.29-19.79-.29zm-4.306 8.65c1.278-.002 2.704 0 4.306 0 12.816 0 14.335.046 19.396.276 4.68.214 7.22.996 8.912 1.653 2.24.87 3.837 1.91 5.516 3.59 1.68 1.68 2.72 3.28 3.592 5.52.657 1.69 1.44 4.23 1.653 8.91.23 5.06.28 6.58.28 19.39s-.05 14.33-.28 19.39c-.214 4.68-.996 7.22-1.653 8.91-.87 2.24-1.912 3.835-3.592 5.514-1.68 1.68-3.275 2.72-5.516 3.59-1.69.66-4.232 1.44-8.912 1.654-5.06.23-6.58.28-19.396.28-12.817 0-14.336-.05-19.396-.28-4.68-.216-7.22-.998-8.913-1.655-2.24-.87-3.84-1.91-5.52-3.59-1.68-1.68-2.72-3.276-3.592-5.517-.657-1.69-1.44-4.23-1.653-8.91-.23-5.06-.276-6.58-.276-19.398s.046-14.33.276-19.39c.214-4.68.996-7.22 1.653-8.912.87-2.24 1.912-3.84 3.592-5.52 1.68-1.68 3.28-2.72 5.52-3.592 1.692-.66 4.233-1.44 8.913-1.655 4.428-.2 6.144-.26 15.09-.27zm29.928 7.97c-3.18 0-5.76 2.577-5.76 5.758 0 3.18 2.58 5.76 5.76 5.76 3.18 0 5.76-2.58 5.76-5.76 0-3.18-2.58-5.76-5.76-5.76zm-25.622 6.73c-13.613 0-24.65 11.037-24.65 24.65 0 13.613 11.037 24.645 24.65 24.645C79.617 90.645 90.65 79.613 90.65 66S79.616 41.35 66.003 41.35zm0 8.65c8.836 0 16 7.163 16 16 0 8.836-7.164 16-16 16-8.837 0-16-7.164-16-16 0-8.837 7.163-16 16-16z">
|
|
</path>
|
|
</svg>
|
|
<span>
|
|
Instagram
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.youtube.com/@ProjectBSV" target="_blank">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="159" height="110"
|
|
viewbox="0 0 159 110">
|
|
<path
|
|
d="m154 17.5c-1.82-6.73-7.07-12-13.8-13.8-9.04-3.49-96.6-5.2-122 0.1-6.73 1.82-12 7.07-13.8 13.8-4.08 17.9-4.39 56.6 0.1 74.9 1.82 6.73 7.07 12 13.8 13.8 17.9 4.12 103 4.7 122 0 6.73-1.82 12-7.07 13.8-13.8 4.35-19.5 4.66-55.8-0.1-75z"
|
|
fill="#f00" />
|
|
<path d="m105 55-40.8-23.4v46.8z" fill="#fff" />
|
|
</svg>
|
|
<span>
|
|
Youtube
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://t.me/ProjectBSV" target="_blank">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
width="1000px" height="1000px" viewBox="0 0 1000 1000" version="1.1">
|
|
<defs>
|
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="99.2583404%" id="linearGradient-1">
|
|
<stop stop-color="#2AABEE" offset="0%"></stop>
|
|
<stop stop-color="#229ED9" offset="100%"></stop>
|
|
</linearGradient>
|
|
</defs>
|
|
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
<circle id="Oval" fill="url(#linearGradient-1)" cx="500" cy="500" r="500"></circle>
|
|
<path
|
|
d="M226.328419,494.722069 C372.088573,431.216685 469.284839,389.350049 517.917216,369.122161 C656.772535,311.36743 685.625481,301.334815 704.431427,301.003532 C708.567621,300.93067 717.815839,301.955743 723.806446,306.816707 C728.864797,310.92121 730.256552,316.46581 730.922551,320.357329 C731.588551,324.248848 732.417879,333.113828 731.758626,340.040666 C724.234007,419.102486 691.675104,610.964674 675.110982,699.515267 C668.10208,736.984342 654.301336,749.547532 640.940618,750.777006 C611.904684,753.448938 589.856115,731.588035 561.733393,713.153237 C517.726886,684.306416 492.866009,666.349181 450.150074,638.200013 C400.78442,605.66878 432.786119,587.789048 460.919462,558.568563 C468.282091,550.921423 596.21508,434.556479 598.691227,424.000355 C599.00091,422.680135 599.288312,417.758981 596.36474,415.160431 C593.441168,412.561881 589.126229,413.450484 586.012448,414.157198 C581.598758,415.158943 511.297793,461.625274 375.109553,553.556189 C355.154858,567.258623 337.080515,573.934908 320.886524,573.585046 C303.033948,573.199351 268.692754,563.490928 243.163606,555.192408 C211.851067,545.013936 186.964484,539.632504 189.131547,522.346309 C190.260287,513.342589 202.659244,504.134509 226.328419,494.722069 Z"
|
|
id="Path-3" fill="#FFFFFF"></path>
|
|
</g>
|
|
</svg>
|
|
<span>
|
|
Telegram
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://iris.to/projectb" target="_blank">
|
|
<img class="icon" src="assets/logos/iris-logo.png" alt="">
|
|
<span>
|
|
Iris
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</article>
|
|
<article id="economic_framework" class="page hidden">
|
|
<h1 class="tagline reveal">
|
|
<span>
|
|
Tokenization = Blockchain Technology + Economic Framework
|
|
</span>
|
|
</h1>
|
|
<div class="grid gap-2">
|
|
<h3 class="reveal">
|
|
<span>
|
|
Blockchain technology that Project B will implement
|
|
</span>
|
|
</h3>
|
|
<ul id="technologies_needed" class="move-in">
|
|
<li style="--delay: 0s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" />
|
|
</svg>
|
|
Token transfer system
|
|
</li>
|
|
<li style="--delay: 0.1s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
|
viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
<g>
|
|
<rect fill="none" height="24" width="24" />
|
|
</g>
|
|
<g>
|
|
<path
|
|
d="M20,4H4C2.89,4,2,4.9,2,6v12c0,1.1,0.89,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.11,4,20,4z M20,18H4V8h16V18z M18,17h-6v-2 h6V17z M7.5,17l-1.41-1.41L8.67,13l-2.59-2.59L7.5,9l4,4L7.5,17z" />
|
|
</g>
|
|
</svg>
|
|
Smart contract system
|
|
</li>
|
|
<li style="--delay: 0.2s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path
|
|
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />
|
|
</svg>
|
|
Token and smart contract explorer
|
|
</li>
|
|
<li style="--delay: 0.3s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path
|
|
d="M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z" />
|
|
</svg>
|
|
Bitcoin based messaging system
|
|
</li>
|
|
<li style="--delay: 0.4s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z" />
|
|
</svg>
|
|
Bitcoin based multisig account
|
|
</li>
|
|
<li style="--delay: 0.5s">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
fill="#000000">
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path
|
|
d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z" />
|
|
</svg>
|
|
Tools to protect private keys
|
|
</li>
|
|
</div>
|
|
</ul>
|
|
|
|
<h3 class="reveal"><span>Why is economic framework needed</span></h3>
|
|
<ul class="milestones milestones--description-only move-in">
|
|
<li class="milestone">
|
|
<div class="milestone__label">1</div>
|
|
<p class="milestone__description">
|
|
The economic framework enforces the discipline to ensure that the valuation of the token is
|
|
sustainable.
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">2</div>
|
|
<p class="milestone__description">
|
|
Guarantees the resources needed to support the token valuation.
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">3</div>
|
|
<p class="milestone__description">
|
|
Creates a benchmark for minimum token valuation. Which the project can support by itself.
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">4</div>
|
|
<p class="milestone__description">
|
|
Prevents the token project from becoming a Ponzi scheme.
|
|
</p>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">5</div>
|
|
<p class="milestone__description">
|
|
The economic framework ensures that the token valuation will increase forever if the verifiable
|
|
consumption metrics are increasing forever.
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
<div class="grid gap-2">
|
|
<h3 class="reveal">
|
|
<span>
|
|
Economic framework that Project B will follow
|
|
</span>
|
|
</h3>
|
|
<ul class="milestones milestones--title-only move-in">
|
|
<li class="milestone">
|
|
<div class="milestone__label">1</div>
|
|
<h4 class="milestone__description">
|
|
Establish Production & Consumption metrics
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">2</div>
|
|
<h4 class="milestone__description">
|
|
Establish production valuation metrics
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">3</div>
|
|
<h4 class="milestone__description">
|
|
Establish consumption valuation metrics
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">4</div>
|
|
<h4 class="milestone__description">
|
|
Create structure for System valuation
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">5</div>
|
|
<h4 class="milestone__description">
|
|
Design Ownership tokens, and the relation to system ownership & valuation
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">6</div>
|
|
<h4 class="milestone__description">
|
|
Design system for Reserve tokens
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">7</div>
|
|
<h4 class="milestone__description">
|
|
Create incentives for the initial investors
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">8</div>
|
|
<h4 class="milestone__description">
|
|
Link initial tokens to production valuation
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">9</div>
|
|
<h4 class="milestone__description">
|
|
Design valuation of token trading system
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">10</div>
|
|
<h4 class="milestone__description">
|
|
Design ownership token trading system
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">11</div>
|
|
<h4 class="milestone__description">
|
|
Create the reserve pool
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">12</div>
|
|
<h4 class="milestone__description">
|
|
Design safety nets
|
|
</h4>
|
|
</li>
|
|
<li class="milestone">
|
|
<div class="milestone__label">13</div>
|
|
<h4 class="milestone__description">
|
|
Design governance system
|
|
</h4>
|
|
</li>
|
|
</ul>
|
|
<a class="button justify-self-start" href="https://medium.com/ranchimall/economic-system-5c85144e4726"
|
|
target="_blank">More
|
|
details</a>
|
|
</div>
|
|
<div class="grid gap-2">
|
|
<h3 class="reveal">
|
|
<span>
|
|
Key definitions in economic framework
|
|
</span>
|
|
</h3>
|
|
<ul class="move-in">
|
|
<li>
|
|
<strong>Production Valuation</strong>
|
|
<p>
|
|
Production valuation encompasses all operational expenses. Token sales must cover these
|
|
costs.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<strong>Consumption Valuation</strong>
|
|
<p>
|
|
Consumption valuation reflects the system's value derived from providing essential goods or
|
|
services for consumption. It represents the overall profits and earnings generated by the
|
|
system's operation.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<strong>Reserve Pool</strong>
|
|
<p>
|
|
Reserve Pool is a Bitcoin Multisig address that serves as the bank account for this system.
|
|
All
|
|
system-related payments and expenses occur there.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<strong>Ownership token</strong>
|
|
<p>
|
|
Ownership tokens entitle holders to the system's profits.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<strong>Market valuation</strong>
|
|
<p>
|
|
Market valuation represents the anticipated future consumption valuation.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<strong>System Valuation</strong>
|
|
<p>
|
|
The higher value between production valuation and consumption valuation.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<strong>Investments</strong>
|
|
<p>
|
|
Investments help in providing for the initial production valuation and they add to the
|
|
reserve
|
|
pool.
|
|
</p>
|
|
</li>
|
|
</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;
|
|
class Router {
|
|
constructor(options = {}) {
|
|
const { routes = {}, state = {}, routingStart, routingEnd } = options
|
|
this.routes = routes
|
|
this.state = state
|
|
this.routingStart = routingStart
|
|
this.routingEnd = routingEnd
|
|
window.addEventListener('hashchange', e => this.routeTo(window.location.hash))
|
|
}
|
|
addRoute(route, callback) {
|
|
this.routes[route] = callback
|
|
}
|
|
async routeTo(path) {
|
|
let page
|
|
let wildcards = []
|
|
let queryString
|
|
let params
|
|
[path, queryString] = path.split('?');
|
|
if (path.includes('#'))
|
|
path = path.split('#')[1];
|
|
if (path.includes('/'))
|
|
[, page, ...wildcards] = path.split('/')
|
|
else
|
|
page = path
|
|
this.state = { page, wildcards }
|
|
if (queryString) {
|
|
params = new URLSearchParams(queryString)
|
|
this.state.params = Object.fromEntries(params)
|
|
}
|
|
if (this.routingStart) {
|
|
this.routingStart(this.state)
|
|
}
|
|
if (this.routes[page]) {
|
|
await this.routes[page](this.state)
|
|
this.state.lastPage = page
|
|
} else {
|
|
this.routes['404'](this.state)
|
|
}
|
|
if (this.routingEnd) {
|
|
this.routingEnd(this.state)
|
|
}
|
|
}
|
|
}
|
|
const router = new Router({
|
|
routingStart(state) {
|
|
},
|
|
routingEnd(state) {
|
|
const pages = document.querySelectorAll('.page')
|
|
pages.forEach(page => {
|
|
if (page.id === (state.page === '' ? 'home' : state.page)) {
|
|
page.classList.remove('hidden')
|
|
document.querySelector(`[href="#/${page.id}"]`)?.classList.add('active')
|
|
} else {
|
|
page.classList.add('hidden')
|
|
document.querySelector(`[href="#/${page.id}"]`)?.classList.remove('active')
|
|
}
|
|
})
|
|
}
|
|
})
|
|
router.addRoute('', () => {
|
|
const renderedTokenroomMilestones = tokenroomMilestones.reverse().map((milestone, index) => {
|
|
const { label, title } = milestone
|
|
return html`
|
|
<li class="milestone">
|
|
<div class="milestone__label">${label}</div>
|
|
<h4 class="milestone__title">${title}</h4>
|
|
</li>
|
|
`
|
|
})
|
|
renderElem(document.getElementById('projectb_milestones_wrapper'), html`${renderedTokenroomMilestones}`)
|
|
|
|
const teamMembersList = document.getElementById('team_members')
|
|
teamMembers.sort((a, b) => a.name.localeCompare(b.name))
|
|
const renderedTeamMembers = teamMembers.map((member, index) => {
|
|
const { image, name, title, bio } = member
|
|
return html`
|
|
<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__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
|
|
return html`
|
|
<li class="milestone">
|
|
<div class="milestone__label">${index + 1}</div>
|
|
<h3 class="milestone__title">${title}</h3>
|
|
<p class="milestone__description">${content}</p>
|
|
</li>
|
|
`
|
|
})
|
|
renderElem(document.getElementById('methodology_wrapper'), html`${renderedMethodology}`)
|
|
})
|
|
const tokenroomMilestones = [
|
|
{
|
|
label: '1st April 2023',
|
|
title: `First tokens for any project created in blockchain`,
|
|
},
|
|
{
|
|
label: '3rd April 2023',
|
|
title: 'Created a new financial instrument that raised capital against Bitcoin collateral',
|
|
},
|
|
{
|
|
label: '5th April 2023',
|
|
title: `Token Room officially launched physically`,
|
|
},
|
|
{
|
|
label: '7th April 2023',
|
|
title: `Tokens for the first proof of concept sold out`,
|
|
},
|
|
{
|
|
label: '12th April 2023',
|
|
title: `Visit by El Salvador's digital asset regulator`,
|
|
},
|
|
{
|
|
label: '17th April 2023',
|
|
title: `First seed investment`,
|
|
},
|
|
{
|
|
label: '17th April 2023',
|
|
title: `Project official Multisig hits more than 15k USD`,
|
|
},
|
|
{
|
|
label: '17th April 2023',
|
|
title: `Smartcontract based market launched`,
|
|
},
|
|
{
|
|
label: '23rd April 2023',
|
|
title: `Second project BIT Sindri launched`,
|
|
}
|
|
]
|
|
const methodology = [
|
|
{
|
|
title: `Identify a token project`,
|
|
content: `The first step is to identify a problem or need that can be solved with a token. This could be anything from providing access to a new market to simplifying the process of managing assets.`,
|
|
},
|
|
{
|
|
title: 'Create the initial white paper',
|
|
content: ` The white paper is a document that describes the token project in detail. It should include information about the problem or need that the token is trying to solve, the economic system of the token, and the team behind the project.`,
|
|
},
|
|
{
|
|
title: 'Design the economic system',
|
|
content: `The economic system of the token is important because it determines how the token will gain value. The system should be designed in a way that incentivize people to hold and use the token.`,
|
|
},
|
|
{
|
|
title: 'Form a core group of people',
|
|
content: `The core group of people should be experts in the areas of business, technology, and law. They will be responsible for developing the token project and ensuring that it is successful.`,
|
|
},
|
|
{
|
|
title: 'Create a very small pilot',
|
|
content: `The pilot project is a small-scale test of the token project. This is a good way to test the technology and financial issues before launching the full project.`,
|
|
},
|
|
{
|
|
title: 'Create regulatory infrastructure and permissions',
|
|
content: `Depending on the jurisdiction, there may be regulatory requirements that need to be met before launching a token project. It is important to research these requirements and obtain the necessary permissions.`,
|
|
},
|
|
{
|
|
title: 'Create market proof of concept',
|
|
content: `The market proof of concept is a demonstration that there is demand for the token project. This can be done by creating a community of users and generating interest in the project.`,
|
|
},
|
|
{
|
|
title: 'Roll over the initial token system into a grander token system with bigger investors',
|
|
content: `Once the market proof of concept is established, the initial token system can be rolled over into a grander token system with bigger investors. This will allow the project to raise the capital it needs to grow.`,
|
|
},
|
|
{
|
|
title: 'Decentralize the core management after the token gains critical mass and self-sufficiency',
|
|
content: `Once the token project has gained critical mass and is self-sufficient, the core management can be decentralized. This will allow the project to continue to grow and evolve without the need for centralized control.`,
|
|
}
|
|
]
|
|
|
|
const teamMembers = [
|
|
{
|
|
name: 'Carlos Castellanos',
|
|
title: 'Principal Director and Shareholder',
|
|
image: 'assets/people/Carlos-Castellanos.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-Ginnakos.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',
|
|
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: 'Erika Pérez',
|
|
title: 'Principal Director',
|
|
image: 'assets/people/Erika-Perez.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.`
|
|
},
|
|
]
|
|
router.addRoute('economic_framework', () => {
|
|
document.body.scrollTop = document.documentElement.scrollTop = 0;
|
|
})
|
|
window.onload = () => {
|
|
document.body.classList.remove('hidden')
|
|
router.routeTo(window.location.hash)
|
|
|
|
const headingObserver = new IntersectionObserver((entries, observer) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.firstElementChild.animate([
|
|
{
|
|
transform: 'translateY(0.5em)',
|
|
opacity: 0
|
|
},
|
|
{
|
|
transform: 'none',
|
|
opacity: 1
|
|
},
|
|
], {
|
|
duration: 300,
|
|
easing: 'ease',
|
|
fill: 'forwards',
|
|
delay: 100
|
|
})
|
|
observer.unobserve(entry.target)
|
|
}
|
|
})
|
|
}, {
|
|
threshold: 0.8
|
|
})
|
|
|
|
document.querySelectorAll('.reveal').forEach(heading => {
|
|
headingObserver.observe(heading)
|
|
})
|
|
const sectionObserver = new IntersectionObserver((entries, observer) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.animate([
|
|
{
|
|
transform: 'translateX(-0.5em)',
|
|
opacity: 0
|
|
},
|
|
{
|
|
transform: 'none',
|
|
opacity: 1
|
|
},
|
|
], {
|
|
duration: 300,
|
|
easing: 'ease',
|
|
fill: 'forwards',
|
|
delay: 100
|
|
})
|
|
observer.unobserve(entry.target)
|
|
}
|
|
})
|
|
}, {
|
|
threshold: 0.1
|
|
})
|
|
|
|
document.querySelectorAll('.move-in').forEach(section => {
|
|
sectionObserver.observe(section)
|
|
})
|
|
}
|
|
|
|
function scrollCarousel(containerId, direction) {
|
|
direction = direction === 'left' ? -1 : 1
|
|
const container = document.getElementById(containerId)
|
|
const containerWidth = container.offsetWidth / 2
|
|
const scrollAmount = containerWidth * direction
|
|
container.scrollBy({
|
|
left: scrollAmount,
|
|
behavior: 'smooth'
|
|
})
|
|
}
|
|
|
|
function showImage(e) {
|
|
if (e.target.closest('img')) {
|
|
const image = e.target.closest('img')
|
|
const imageSrc = image.getAttribute('src')
|
|
const imageButton = image.parentElement
|
|
const target = image.closest('.project').querySelector('.project__image img')
|
|
target.setAttribute('src', imageSrc)
|
|
imageButton.classList.add('active')
|
|
imageButton.scrollIntoView({
|
|
behavior: 'smooth',
|
|
inline: 'center',
|
|
block: 'nearest'
|
|
})
|
|
const siblings = Array.from(imageButton.parentElement.children)
|
|
siblings.forEach(sibling => {
|
|
if (sibling !== imageButton) {
|
|
sibling.classList.remove('active')
|
|
}
|
|
})
|
|
}
|
|
}
|
|
function toggleDetails(e) {
|
|
const projectCard = e.target.closest('.project')
|
|
const projectDetails = projectCard.querySelector('.project__hidden-details')
|
|
const projectDetailsButton = e.target.closest('button')
|
|
projectDetails.classList.toggle('hidden')
|
|
projectDetailsButton.textContent = projectDetails.classList.contains('hidden') ? 'Show details' : 'Hide details'
|
|
projectDetails.scrollIntoView({
|
|
behavior: 'smooth',
|
|
inline: 'center',
|
|
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>
|
|
|
|
</html>
|