Design changes

This commit is contained in:
sairaj mote 2023-06-26 11:55:46 +05:30
parent 07817c0e89
commit fbe8e3640a
4 changed files with 7 additions and 81 deletions

View File

@ -256,39 +256,15 @@ article > * {
}
#above_fold {
padding-top: 5rem;
padding-top: 8rem;
}
#above_fold #title_text {
position: relative;
overflow: hidden;
padding-bottom: 5rem;
padding-bottom: 3rem;
text-align: center;
margin-bottom: 3rem;
}
#above_fold #title_text:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(45deg, rgba(255, 152, 152, 0.3137254902) 25%, transparent 25%, transparent 75%, rgba(255, 152, 152, 0.3137254902) 75%), linear-gradient(45deg, rgba(255, 152, 152, 0.3137254902) 25%, transparent 25%, transparent 75%, rgba(255, 152, 152, 0.3137254902) 75%);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
z-index: -1;
}
#above_fold #title_text:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.9725490196) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.9725490196) 75%), linear-gradient(45deg, rgba(255, 255, 255, 0.9725490196) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.9725490196) 75%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
z-index: -1;
}
#above_fold h2 {
position: relative;
margin: auto;

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -228,63 +228,13 @@ article {
// p {
// color: rgba(var(--foreground-color), 0.9);
// }
padding-top: 5rem;
padding-top: 8rem;
#title_text {
position: relative;
overflow: hidden;
padding-bottom: 5rem;
padding-bottom: 3rem;
text-align: center;
margin-bottom: 3rem;
&:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(
45deg,
#ff989850 25%,
transparent 25%,
transparent 75%,
#ff989850 75%
),
linear-gradient(
45deg,
#ff989850 25%,
transparent 25%,
transparent 75%,
#ff989850 75%
);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
z-index: -1;
}
&:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(
45deg,
#fffffff8 25%,
transparent 25%,
transparent 75%,
#fffffff8 75%
),
linear-gradient(
45deg,
#fffffff8 25%,
transparent 25%,
transparent 75%,
#fffffff8 75%
);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
z-index: -1;
}
}
h2 {
position: relative;

View File

@ -796,7 +796,7 @@
</section>
</article>
<article id="economic_framework" class="page hidden">
<h2>Tokenization = Economic Framework + Blockchain Technology</h2>
<h2>Tokenization = Blockchain Technology + Economic Framework</h2>
<div class="grid gap-2">
<h3>Blockchain technology that Project B will implement</h3>
<ul id="technologies_needed">
@ -1005,7 +1005,7 @@
details</a>
</div>
<div class="grid gap-2">
<h3>Key definitions</h3>
<h3>Key definitions in economic framework</h3>
<ul>
<li>
<strong>Production Valuation</strong>