Design changes
This commit is contained in:
sairaj mote
parent
ec25cae094
commit
9549c4ef0e
24
css/main.css
24
css/main.css
@ -255,20 +255,17 @@ article > * {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.tagline {
|
||||
padding-top: 5vmax;
|
||||
padding-bottom: 5vmax;
|
||||
}
|
||||
|
||||
#above_fold {
|
||||
padding-top: 8rem;
|
||||
}
|
||||
#above_fold #title_text {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding-bottom: 3rem;
|
||||
text-align: center;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
#above_fold h2 {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
margin-top: 5rem;
|
||||
}
|
||||
#above_fold ol {
|
||||
display: block;
|
||||
@ -279,12 +276,19 @@ article > * {
|
||||
-moz-column-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
margin-bottom: 5rem;
|
||||
border-bottom: solid thin rgba(var(--text-color), 1);
|
||||
padding-bottom: 5rem;
|
||||
justify-content: center;
|
||||
justify-self: center;
|
||||
text-align: center;
|
||||
}
|
||||
#above_fold ol li::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: rgba(var(--text-color), 1);
|
||||
margin: auto;
|
||||
margin-top: 5rem;
|
||||
}
|
||||
#above_fold ol p {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -219,28 +219,15 @@ article {
|
||||
}
|
||||
}
|
||||
}
|
||||
.tagline {
|
||||
padding-top: 5vmax;
|
||||
padding-bottom: 5vmax;
|
||||
}
|
||||
#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);
|
||||
// p {
|
||||
// color: rgba(var(--foreground-color), 0.9);
|
||||
// }
|
||||
padding-top: 8rem;
|
||||
#title_text {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding-bottom: 3rem;
|
||||
text-align: center;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
h2 {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
margin-top: 5rem;
|
||||
// background: linear-gradient(to left, #00000010, #00000080);
|
||||
}
|
||||
ol {
|
||||
display: block;
|
||||
@ -250,11 +237,18 @@ article {
|
||||
break-inside: avoid;
|
||||
margin-bottom: 5rem;
|
||||
// color: rgba(var(--foreground-color), 1);
|
||||
border-bottom: solid thin rgba(var(--text-color), 1);
|
||||
padding-bottom: 5rem;
|
||||
justify-content: center;
|
||||
justify-self: center;
|
||||
text-align: center;
|
||||
&::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: rgba(var(--text-color), 1);
|
||||
margin: auto;
|
||||
margin-top: 5rem;
|
||||
}
|
||||
}
|
||||
p {
|
||||
text-align: justify;
|
||||
|
||||
100
index.html
100
index.html
@ -28,13 +28,11 @@
|
||||
</header>
|
||||
<article id="home" class="page">
|
||||
<section id="above_fold" class="gap-4">
|
||||
<div id="title_text" class="grid gap-0-5">
|
||||
<h2 class="reveal">
|
||||
<span>
|
||||
All about execution of tokenization projects
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
<h2 class="reveal">
|
||||
<span class="tagline">
|
||||
All about execution of tokenization projects
|
||||
</span>
|
||||
</h2>
|
||||
<!-- <img id="hero_illustration" src="assets/svg/cityscape.svg" alt=""> -->
|
||||
<ol class="grid gap-3" type="1">
|
||||
<li class="grid gap-1">
|
||||
@ -80,7 +78,7 @@
|
||||
at
|
||||
any
|
||||
business process and then create the dynamics in a such way that the tokens can appreciate in a
|
||||
predicatable fastion.
|
||||
predictable fashion.
|
||||
</p>
|
||||
</li>
|
||||
</ol>
|
||||
@ -796,87 +794,63 @@
|
||||
</section>
|
||||
</article>
|
||||
<article id="economic_framework" class="page hidden">
|
||||
<h2>Tokenization = Blockchain Technology + Economic Framework</h2>
|
||||
<h2 class="tagline">Tokenization = Blockchain Technology + Economic Framework</h2>
|
||||
<div class="grid gap-2">
|
||||
<h3>Blockchain technology that Project B will implement</h3>
|
||||
<ul id="technologies_needed">
|
||||
<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"></path>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect height="2" width="2" x="17" y="7"></rect>
|
||||
<rect height="2" width="2" x="17" y="11"></rect>
|
||||
<rect height="2" width="2" x="17" y="15"></rect>
|
||||
<path d="M1,11v10h6v-5h2v5h6V11L8,6L1,11z M13,19h-2v-5H5v5H3v-7l5-3.5l5,3.5V19z"></path>
|
||||
<polygon points="10,3 10,4.97 12,6.4 12,5 21,5 21,19 17,19 17,21 23,21 23,3"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
<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">
|
||||
<rect fill="none" height="24" width="24"></rect>
|
||||
<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">
|
||||
</path>
|
||||
<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" 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"></rect>
|
||||
</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">
|
||||
</path>
|
||||
</g>
|
||||
<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" 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"></rect>
|
||||
</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">
|
||||
</path>
|
||||
</g>
|
||||
<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" 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"></rect>
|
||||
<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">
|
||||
</path>
|
||||
</g>
|
||||
<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" 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"></rect>
|
||||
<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">
|
||||
</path>
|
||||
</g>
|
||||
<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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user