design changes
This commit is contained in:
sairaj mote
parent
ad7efc1fd8
commit
fdae63a30c
BIN
assets/representational/taxi.jpg
Normal file
BIN
assets/representational/taxi.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
37
css/main.css
37
css/main.css
@ -44,7 +44,7 @@ strong {
|
||||
font-size: 1rem;
|
||||
max-width: 70ch;
|
||||
line-height: 1.6;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
color: rgba(var(--text-color), 0.9);
|
||||
}
|
||||
|
||||
img {
|
||||
@ -82,6 +82,12 @@ ul {
|
||||
ol {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
ol li {
|
||||
color: rgba(var(--text-color), 0.9);
|
||||
}
|
||||
ol li:not(:last-child) {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 1.2rem;
|
||||
@ -271,6 +277,10 @@ section:nth-of-type(2) {
|
||||
line-height: 0.5;
|
||||
}
|
||||
|
||||
#payment_section {
|
||||
min-height: 80vh;
|
||||
}
|
||||
|
||||
#bitcoin_lineart {
|
||||
position: absolute;
|
||||
opacity: 0.2;
|
||||
@ -283,6 +293,7 @@ section:nth-of-type(2) {
|
||||
#el_salvador_section {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
min-height: 60vmax;
|
||||
}
|
||||
|
||||
#el_salvador_map {
|
||||
@ -447,18 +458,6 @@ section:nth-of-type(2) {
|
||||
border-top: solid thin rgba(var(--text-color), 0.5);
|
||||
overflow: hidden;
|
||||
}
|
||||
.project .project__hidden-details .carousel {
|
||||
z-index: 2;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.project .project__hidden-details .milestone {
|
||||
width: min(100% - 1rem, 20rem);
|
||||
}
|
||||
.project .project__hidden-details .milestone__title {
|
||||
margin-top: 0.5rem;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.badge {
|
||||
background-color: rgba(var(--text-color), 1);
|
||||
@ -521,7 +520,7 @@ section:nth-of-type(2) {
|
||||
}
|
||||
#methodology_wrapper .milestone__title {
|
||||
grid-area: title;
|
||||
margin-top: 0;
|
||||
margin-top: -0.1em;
|
||||
}
|
||||
#methodology_wrapper .milestone__description {
|
||||
grid-area: description;
|
||||
@ -562,6 +561,7 @@ section:nth-of-type(2) {
|
||||
background-color: rgba(var(--foreground-color), 1);
|
||||
border-radius: 0.5rem;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
.team-member img {
|
||||
-o-object-fit: cover;
|
||||
@ -612,7 +612,7 @@ section:nth-of-type(2) {
|
||||
}
|
||||
#partners span {
|
||||
font-weight: 500;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
color: rgba(var(--text-color), 0.9);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -800,6 +800,13 @@ section:nth-of-type(2) {
|
||||
#main_header ul a:hover::after {
|
||||
width: 1rem;
|
||||
}
|
||||
.team-member {
|
||||
transition: box-shadow 0.2s ease;
|
||||
box-shadow: 0 0 0 0 rgba(var(--text-color), 1);
|
||||
}
|
||||
.team-member:hover {
|
||||
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1);
|
||||
}
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -42,7 +42,7 @@ strong {
|
||||
font-size: 1rem;
|
||||
max-width: 70ch;
|
||||
line-height: 1.6;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
color: rgba(var(--text-color), 0.9);
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
@ -69,6 +69,12 @@ ul {
|
||||
}
|
||||
ol {
|
||||
padding-left: 1rem;
|
||||
li {
|
||||
color: rgba(var(--text-color), 0.9);
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.icon {
|
||||
width: 1.2rem;
|
||||
@ -230,6 +236,9 @@ section {
|
||||
line-height: 0.5;
|
||||
}
|
||||
}
|
||||
#payment_section {
|
||||
min-height: 80vh;
|
||||
}
|
||||
#bitcoin_lineart {
|
||||
position: absolute;
|
||||
opacity: 0.2;
|
||||
@ -242,6 +251,7 @@ section {
|
||||
#el_salvador_section {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
min-height: 60vmax;
|
||||
}
|
||||
#el_salvador_map {
|
||||
position: absolute;
|
||||
@ -399,18 +409,6 @@ section {
|
||||
padding: 1rem;
|
||||
border-top: solid thin rgba(var(--text-color), 0.5);
|
||||
overflow: hidden;
|
||||
.carousel {
|
||||
z-index: 2;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.milestone {
|
||||
width: min(calc(100% - 1rem), 20rem);
|
||||
&__title {
|
||||
margin-top: 0.5rem;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.badge {
|
||||
@ -470,7 +468,7 @@ section {
|
||||
}
|
||||
&__title {
|
||||
grid-area: title;
|
||||
margin-top: 0;
|
||||
margin-top: -0.1em;
|
||||
}
|
||||
&__description {
|
||||
grid-area: description;
|
||||
@ -510,6 +508,7 @@ section {
|
||||
background-color: rgba(var(--foreground-color), 1);
|
||||
border-radius: 0.5rem;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
img {
|
||||
object-fit: cover;
|
||||
aspect-ratio: 3/3.5;
|
||||
@ -557,7 +556,7 @@ section {
|
||||
}
|
||||
span {
|
||||
font-weight: 500;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
color: rgba(var(--text-color), 0.9);
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@ -748,6 +747,13 @@ section {
|
||||
}
|
||||
}
|
||||
}
|
||||
.team-member {
|
||||
transition: box-shadow 0.2s ease;
|
||||
box-shadow: 0 0 0 0 rgba(var(--text-color), 1);
|
||||
&:hover {
|
||||
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
|
||||
110
index.html
110
index.html
@ -189,6 +189,33 @@
|
||||
<section>
|
||||
<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
|
||||
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>
|
||||
</li>
|
||||
<li>
|
||||
<svg class="icon" width="64" height="64" viewBox="0 0 64 64" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
@ -432,11 +459,11 @@
|
||||
<div class="project">
|
||||
<div class="project__images grid">
|
||||
<div class="project__image">
|
||||
<img loading="lazy" src="assets/logos/juu-ride-logo.png" alt="">
|
||||
<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/logos/juu-ride-logo.png" class="thumbnail" alt="">
|
||||
<img loading="lazy" src="assets/representational/taxi.jpg" class="thumbnail" alt="">
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -745,71 +772,72 @@
|
||||
<h2>
|
||||
Economic framework deployed
|
||||
</h2>
|
||||
<ol type="1">
|
||||
<li>
|
||||
The economic framework enforces the discipline to ensure that the valuation of the token is
|
||||
sustainable.
|
||||
</li>
|
||||
<li>
|
||||
Guarantees the resources needed to support the token valuation.
|
||||
</li>
|
||||
<li>
|
||||
Creates a benchmark for minimum token valuation. Which the project can support by itself.
|
||||
</li>
|
||||
<li>
|
||||
Prevents the token project from becoming a Ponzi scheme.
|
||||
</li>
|
||||
<li>
|
||||
The economic framework ensures that the token valuation will increase forever if the verifiable
|
||||
consumption metrics are increasing forever.
|
||||
</li>
|
||||
</ol>
|
||||
<div>
|
||||
<ol type="1">
|
||||
<li>
|
||||
The economic framework enforces the discipline to ensure that the valuation of the token is
|
||||
sustainable.
|
||||
</li>
|
||||
<li>
|
||||
Guarantees the resources needed to support the token valuation.
|
||||
</li>
|
||||
<li>
|
||||
Creates a benchmark for minimum token valuation. Which the project can support by itself.
|
||||
</li>
|
||||
<li>
|
||||
Prevents the token project from becoming a Ponzi scheme.
|
||||
</li>
|
||||
<li>
|
||||
The economic framework ensures that the token valuation will increase forever if the verifiable
|
||||
consumption metrics are increasing forever.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="grid gap-1">
|
||||
<h4>Steps</h4>
|
||||
<ol type="1">
|
||||
<li>
|
||||
<strong>Establish Production & Consumption metrics</strong>
|
||||
<p></p>
|
||||
Establish Production & Consumption metrics
|
||||
</li>
|
||||
<li>
|
||||
<strong>Establish production valuation metrics</strong>
|
||||
Establish production valuation metrics
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<strong> Establish consumption valuation metrics</strong>
|
||||
Establish consumption valuation metrics
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<strong>Create structure for System valuation</strong>
|
||||
Create structure for System valuation
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<strong>Design Ownership tokens, and the relation to system ownership & valuation</strong>
|
||||
Design Ownership tokens, and the relation to system ownership & valuation
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<strong>Design system for Reserve tokens</strong>
|
||||
Design system for Reserve tokens
|
||||
</li>
|
||||
<li>
|
||||
<strong>Create incentives for the initial investors</strong>
|
||||
Create incentives for the initial investors
|
||||
</li>
|
||||
<li>
|
||||
<strong>Link initial tokens to production valuation</strong>
|
||||
Link initial tokens to production valuation
|
||||
</li>
|
||||
<li>
|
||||
<strong>Design valuation of token trading system</strong>
|
||||
Design valuation of token trading system
|
||||
</li>
|
||||
<li>
|
||||
<strong>Design ownership token trading system</strong>
|
||||
Design ownership token trading system
|
||||
</li>
|
||||
<li>
|
||||
<strong>Create the reserve pool</strong>
|
||||
Create the reserve pool
|
||||
</li>
|
||||
<li>
|
||||
<strong>Design safety nets</strong>
|
||||
Design safety nets
|
||||
</li>
|
||||
<li>
|
||||
<strong>Design governance system</strong>
|
||||
Design governance system
|
||||
</li>
|
||||
</ol>
|
||||
<a href="https://medium.com/ranchimall/economic-system-5c85144e4726">More details about the
|
||||
@ -1061,22 +1089,26 @@
|
||||
{
|
||||
name: 'John Giannakos',
|
||||
title: 'Shareholder',
|
||||
image: 'assets/people/john.jpg'
|
||||
image: 'assets/people/john.jpg',
|
||||
|
||||
},
|
||||
{
|
||||
name: 'Iris Avalos',
|
||||
title: 'Principal director',
|
||||
image: 'assets/people/Iris-Avalos.jpg'
|
||||
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.`
|
||||
},
|
||||
{
|
||||
name: 'Puneet Sondh',
|
||||
title: 'Principal director',
|
||||
image: 'assets/people/Puneet Sondh.jpg'
|
||||
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.`
|
||||
},
|
||||
{
|
||||
name: 'Erika Pérez Cañas',
|
||||
title: 'Principal director',
|
||||
image: 'assets/people/erika pérez cañas.jpg'
|
||||
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.`
|
||||
},
|
||||
]
|
||||
router.addRoute('economic_framework', () => {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user