Added people images
This commit is contained in:
sairaj mote
parent
1cb523345b
commit
0efd9d0785
BIN
assets/people/Iris-Avalos.jpg
Normal file
BIN
assets/people/Iris-Avalos.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
assets/people/Puneet Sondh.jpg
Normal file
BIN
assets/people/Puneet Sondh.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
assets/people/carlos.jpg
Normal file
BIN
assets/people/carlos.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
assets/poc/poc1.jpg
Normal file
BIN
assets/poc/poc1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
BIN
assets/poc/poc2.jpg
Normal file
BIN
assets/poc/poc2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
BIN
assets/poc/poc3.jpg
Normal file
BIN
assets/poc/poc3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 310 KiB |
BIN
assets/poc/poc4.jpg
Normal file
BIN
assets/poc/poc4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 427 KiB |
BIN
assets/poc/poc5.jpg
Normal file
BIN
assets/poc/poc5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
BIN
assets/poc/poc6.jpg
Normal file
BIN
assets/poc/poc6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 420 KiB |
24
css/main.css
24
css/main.css
@ -13,7 +13,6 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
@ -133,13 +132,7 @@ img {
|
||||
gap: 4rem;
|
||||
}
|
||||
|
||||
article {
|
||||
height: 100vh;
|
||||
overflow-y: auto;
|
||||
scroll-snap-type: y proximity;
|
||||
}
|
||||
article > * {
|
||||
scroll-snap-align: start;
|
||||
padding: max(1rem, 2vw) var(--inline-padding);
|
||||
}
|
||||
|
||||
@ -214,6 +207,21 @@ section:nth-of-type(3) p {
|
||||
line-height: 0.5;
|
||||
}
|
||||
|
||||
#poc_images {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
#poc_images .span-2 {
|
||||
grid-column: span 2;
|
||||
}
|
||||
#poc_images img {
|
||||
height: 18rem;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
#poc_stats {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
@ -239,7 +247,7 @@ section:nth-of-type(3) p {
|
||||
|
||||
#team_members {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
|
||||
grid-template-columns: repeat(auto-fill, minmax(max(8rem, 12vw), 1fr));
|
||||
margin-top: 5rem;
|
||||
gap: 3rem 1.5rem;
|
||||
}
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
@ -1 +1 @@
|
||||
*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%;overflow:hidden}body{--accent-color: #3d5afe;--secondary-color: #ffac2e;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: rgb(220, 165, 0);--inline-padding: max(1rem, 6vw)}body[data-theme=dark]{--accent-color: #6d83ff;--secondary-color: #d60739;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: rgb(255, 213, 5)}p,strong{font-size:.9rem;max-width:65ch;line-height:1.7;color:rgba(var(--text-color), 0.9)}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}h1{font-size:max(1.8rem,4vw)}h2{font-size:max(1.5rem,3vw)}h3{font-size:max(1.2rem,2vw)}h4{font-size:max(1rem,1.3vw)}img{-o-object-fit:contain;object-fit:contain}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.9)}.flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.flex-column{flex-direction:column}.flex-1{flex:1}.grid{display:grid}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.gap-4{gap:4rem}article{height:100vh;overflow-y:auto;scroll-snap-type:y proximity}article>*{scroll-snap-align:start;padding:max(1rem,2vw) var(--inline-padding)}header{display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--foreground-color), 0.5);z-index:2;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}header ul{list-style:none;display:flex;gap:.8rem}header ul .icon{display:flex}#above_fold{padding-top:0;height:calc(100vh - 6rem);text-align:center;align-content:center}#above_fold h2{margin:auto;max-width:46rem}#above_fold p{max-width:none}#hero_illustration{width:min(100%,26rem);margin:auto}section{display:grid;position:relative;min-height:100vh;align-content:center}section:nth-of-type(2) img{position:absolute;opacity:.5;height:80vh;width:auto;align-self:center;right:0}section:nth-of-type(3){text-align:center}section:nth-of-type(3) p{max-width:none}.section-header{display:flex;flex-direction:column;text-align:center}.section-header::after{content:"•••";line-height:.5}#poc_stats{list-style:none;display:flex;gap:1rem;border:solid thin rgba(var(--text-color), 0.5);padding:max(1.5rem,2vw) max(1rem,2vw);border-radius:1rem;margin:auto}#poc_stats .stat{display:flex;flex-direction:column;gap:.5rem;flex:1}#poc_stats .stat__number{font-size:2rem;font-weight:700}#poc_stats .stat__title{font-size:.9rem}#team_members{display:grid;grid-template-columns:repeat(auto-fill, minmax(14rem, 1fr));margin-top:5rem;gap:3rem 1.5rem}.team-member{display:flex;flex-direction:column;text-align:center}.team-member img{-o-object-fit:cover;object-fit:cover;width:100%;aspect-ratio:3/3.5;border-radius:1rem;margin-bottom:1.2rem}.team-member__name{font-weight:700;font-size:1rem;line-height:1.2}.team-member__title{line-height:normal;font-weight:500;font-size:.9rem}@media screen and (max-width: 768px){.hide-on-small{display:none !important}}@media screen and (min-width: 768px){body{--inline-padding: max(1rem, 12vw)}.hide-on-large{display:none !important}}
|
||||
*{padding:0;margin:0;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%}body{--accent-color: #3d5afe;--secondary-color: #ffac2e;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: rgb(220, 165, 0);--inline-padding: max(1rem, 6vw)}body[data-theme=dark]{--accent-color: #6d83ff;--secondary-color: #d60739;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: rgb(255, 213, 5)}p,strong{font-size:.9rem;max-width:65ch;line-height:1.7;color:rgba(var(--text-color), 0.9)}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}h1{font-size:max(1.8rem,4vw)}h2{font-size:max(1.5rem,3vw)}h3{font-size:max(1.2rem,2vw)}h4{font-size:max(1rem,1.3vw)}img{-o-object-fit:contain;object-fit:contain}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.9)}.flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.flex-column{flex-direction:column}.flex-1{flex:1}.grid{display:grid}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.gap-4{gap:4rem}article>*{padding:max(1rem,2vw) var(--inline-padding)}header{display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background-color:rgba(var(--foreground-color), 0.5);z-index:2;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}header ul{list-style:none;display:flex;gap:.8rem}header ul .icon{display:flex}#above_fold{padding-top:0;height:calc(100vh - 6rem);text-align:center;align-content:center}#above_fold h2{margin:auto;max-width:46rem}#above_fold p{max-width:none}#hero_illustration{width:min(100%,26rem);margin:auto}section{display:grid;position:relative;min-height:100vh;align-content:center}section:nth-of-type(2) img{position:absolute;opacity:.5;height:80vh;width:auto;align-self:center;right:0}section:nth-of-type(3){text-align:center}section:nth-of-type(3) p{max-width:none}.section-header{display:flex;flex-direction:column;text-align:center}.section-header::after{content:"•••";line-height:.5}#poc_images{display:grid;gap:1rem;grid-template-columns:repeat(4, 1fr)}#poc_images .span-2{grid-column:span 2}#poc_images img{height:18rem;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}#poc_stats{list-style:none;display:flex;gap:1rem;border:solid thin rgba(var(--text-color), 0.5);padding:max(1.5rem,2vw) max(1rem,2vw);border-radius:1rem;margin:auto}#poc_stats .stat{display:flex;flex-direction:column;gap:.5rem;flex:1}#poc_stats .stat__number{font-size:2rem;font-weight:700}#poc_stats .stat__title{font-size:.9rem}#team_members{display:grid;grid-template-columns:repeat(auto-fill, minmax(max(8rem, 12vw), 1fr));margin-top:5rem;gap:3rem 1.5rem}.team-member{display:flex;flex-direction:column;text-align:center}.team-member img{-o-object-fit:cover;object-fit:cover;width:100%;aspect-ratio:3/3.5;border-radius:1rem;margin-bottom:1.2rem}.team-member__name{font-weight:700;font-size:1rem;line-height:1.2}.team-member__title{line-height:normal;font-weight:500;font-size:.9rem}@media screen and (max-width: 768px){.hide-on-small{display:none !important}}@media screen and (min-width: 768px){body{--inline-padding: max(1rem, 12vw)}.hide-on-large{display:none !important}}
|
||||
@ -12,7 +12,6 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
body {
|
||||
--accent-color: #3d5afe;
|
||||
@ -110,11 +109,7 @@ img {
|
||||
}
|
||||
|
||||
article {
|
||||
height: 100vh;
|
||||
overflow-y: auto;
|
||||
scroll-snap-type: y proximity;
|
||||
& > * {
|
||||
scroll-snap-align: start;
|
||||
padding: max(1rem, 2vw) var(--inline-padding);
|
||||
}
|
||||
}
|
||||
@ -184,7 +179,19 @@ section {
|
||||
line-height: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
#poc_images {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
.span-2 {
|
||||
grid-column: span 2;
|
||||
}
|
||||
img {
|
||||
height: 18rem;
|
||||
object-fit: cover;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
}
|
||||
#poc_stats {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
@ -210,7 +217,7 @@ section {
|
||||
|
||||
#team_members {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
|
||||
grid-template-columns: repeat(auto-fill, minmax(max(8rem, 12vw), 1fr));
|
||||
margin-top: 5rem;
|
||||
gap: 3rem 1.5rem;
|
||||
}
|
||||
|
||||
28
index.html
28
index.html
@ -29,21 +29,16 @@
|
||||
<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" viewBox="0 0 1365.333 1365.333">
|
||||
width="1365.333" height="1365.333">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"
|
||||
fill="none">
|
||||
<path
|
||||
d="M1365.33 682.668C1365.33 305.643 1059.691.003 682.665.003S0 305.643 0 682.668c0 340.738 249.641 623.158 575.999 674.372V880.001H402.666V682.668h173.333v-150.4c0-171.093 101.917-265.599 257.853-265.599 74.689 0 152.813 13.333 152.813 13.333v168h-86.082c-84.804 0-111.25 52.623-111.25 106.609v128.057h189.333l-30.267 197.333H789.331v477.039c326.358-51.213 575.999-333.634 575.999-674.372"
|
||||
fill="#100f0d" />
|
||||
<path
|
||||
d="M948.398 880.001l30.267-197.333H789.331V554.611c0-53.987 26.447-106.609 111.25-106.609h86.082v-168s-78.124-13.333-152.813-13.333c-155.936 0-257.853 94.506-257.853 265.599v150.4H402.666v197.333h173.333v477.039c34.756 5.453 70.378 8.293 106.666 8.293s71.91-2.84 106.666-8.293V880.001h159.066"
|
||||
fill="#fff" />
|
||||
d="M10.3389 0.0400085C4.83887 0.0400085 0.338867 4.54804 0.338867 10.1003C0.338867 15.1203 3.99887 19.287 8.77887 20.04V13.0119H6.23887V10.1003H8.77887V7.88138C8.77887 5.36129 10.2689 3.97575 12.5589 3.97575C13.6489 3.97575 14.7889 4.16652 14.7889 4.16652V6.64643H13.5289C12.2889 6.64643 11.8989 7.41953 11.8989 8.2127V10.1003H14.6789L14.2289 13.0119H11.8989V20.04C14.2553 19.6664 16.4011 18.4592 17.9488 16.6365C19.4965 14.8137 20.3442 12.4955 20.3389 10.1003C20.3389 4.54804 15.8389 0.0400085 10.3389 0.0400085Z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://instagram.com/projectbsv?igshid=ZDdkNTZiNTM=" target="_blank">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1"
|
||||
viewBox="0 0 1000 1000">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
|
||||
<path
|
||||
d="M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34"
|
||||
transform="translate(-2.5 -2.5)" />
|
||||
@ -76,7 +71,11 @@
|
||||
A tokenized room at El Zonte beach, El Salvador
|
||||
</p>
|
||||
<div id="poc_images">
|
||||
|
||||
<img src="assets/poc/poc3.jpg" class="span-2" alt="">
|
||||
<img src="assets/poc/poc1.jpg" class="span-2" alt="">
|
||||
<img src="assets/poc/poc6.jpg" alt="">
|
||||
<img src="assets/poc/poc2.jpg" class="span-2" alt="">
|
||||
<img src="assets/poc/poc5.jpg" alt="">
|
||||
</div>
|
||||
<ul id="poc_stats">
|
||||
<li class="stat">
|
||||
@ -97,16 +96,13 @@
|
||||
<h4 class="section-header">Team</h4>
|
||||
<ul id="team_members"></ul>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Tokenized Real Estate</h2>
|
||||
</section>
|
||||
</article>
|
||||
<script>
|
||||
const teamMembers = [
|
||||
{
|
||||
name: 'Carlos Javier Castellanos Flores',
|
||||
title: 'Principal director and shareholder',
|
||||
image: 'assets/craig-mckay-jmURdhtm7Ng-unsplash.jpg'
|
||||
image: 'assets/people/carlos.jpg'
|
||||
},
|
||||
{
|
||||
name: 'John Giannakos',
|
||||
@ -116,12 +112,12 @@
|
||||
{
|
||||
name: 'Iris Avalos',
|
||||
title: 'Principal director',
|
||||
image: 'assets/Puneet Sondh.jpg'
|
||||
image: 'assets/people/Iris-Avalos.jpg'
|
||||
},
|
||||
{
|
||||
name: 'Puneet Sondh',
|
||||
title: 'Principal director',
|
||||
image: 'assets/Ruchir Gupta.jpg'
|
||||
image: 'assets/people/Puneet Sondh.jpg'
|
||||
},
|
||||
{
|
||||
name: 'Erika Pérez Cañas',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user