Added more social links

This commit is contained in:
sairaj mote 2023-04-18 15:46:04 +05:30
parent ff70864544
commit b483a83130
4 changed files with 81 additions and 28 deletions

View File

@ -267,6 +267,7 @@ sm-copy {
justify-items: center;
padding: 8vw 1rem;
margin-bottom: 1rem;
gap: 2rem;
}
#hero_section h1 {
font-size: max(1.6rem, 3vw);

2
css/main.min.css vendored
View File

@ -1 +1 @@
*{padding:0;margin:0;box-sizing:border-box;font-family:"Inter",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);color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1)}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)}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.9)}.flex{display:flex}.flex-direction-column{flex-direction:column}.grid{display:grid}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.align-content-start{align-content:start}.align-items-center{align-items:center}.justify-content-center{justify-content:center}header{padding:1.5rem 1rem;justify-content:space-between}main{display:grid;gap:1rem;padding:1.5rem max(1rem,6vw);grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr))}#main_banner{position:-webkit-sticky;position:sticky;top:0;justify-content:center;padding:1rem;width:100%;background-color:#ee5252}#main_banner .icon{fill:rgba(var(--foreground-color), 1)}#main_banner #banner_content{color:rgba(var(--foreground-color), 1)}.app{display:flex;flex-direction:column;padding:max(1.5rem,3vw);background-color:rgba(var(--foreground-color), 1);border-radius:.5rem;gap:1rem}.app__icon{display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;border-radius:.5rem;background-color:rgba(var(--background-color), 1);margin-bottom:1rem}.app__icon .icon{width:3rem;height:3rem;fill:rgba(var(--text-color), 0.9)}.app li{list-style:none;font-size:.9rem;color:rgba(var(--text-color), 0.8);margin-bottom:.8rem;line-height:1.5}.app a:not([class]){display:flex;align-items:center;text-decoration:none;color:var(--accent-color);font-weight:500}.app a:not([class]):hover{text-decoration:underline}.app a:not([class]) .icon{margin-left:.3rem;width:1em;height:1em;fill:var(--accent-color)}.ext-link{display:flex;gap:.5rem;align-items:center;text-decoration:none;background-color:var(--accent-color);padding:.5rem 1rem;border-radius:.5rem;color:rgba(var(--foreground-color), 1);font-weight:500;align-self:flex-start;margin-top:auto;transition:color .2s,background-color .2s}.ext-link .icon{fill:rgba(var(--foreground-color), 1);transition:fill .2s}.ext-link:hover{color:var(--accent-color);background-color:rgba(var(--foreground-color), 1);box-shadow:0 0 0 .1rem var(--accent-color) inset}.ext-link:hover .icon{fill:var(--accent-color)}article{display:grid;gap:1rem;padding:1.5rem max(1rem,6vw)}ul{display:grid;gap:1rem;margin-top:1rem}.member-card{display:flex;flex-wrap:wrap;gap:1rem;padding:max(1rem,1.5vw);border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.member-card h4{min-width:12rem}.member-card h5{font-weight:400}.member-card .kyc-wrapper{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.member-card .kyc-wrapper .icon{width:1.1rem;height:1.1rem}.member-card .kyc-wrapper .kyc-status{display:flex;align-items:center;gap:.1rem;padding:.3rem;border-radius:3rem;font-weight:500;background-color:rgba(var(--text-color), 0.1);padding-right:.5rem}.member-card .kyc-wrapper .kyc-status.pending{background-color:var(--yellow);color:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.pending .icon{fill:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.verified{background-color:var(--green);color:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.verified .icon{fill:rgba(var(--foreground-color), 1)}sm-copy{font-weight:500;font-size:.9rem;color:rgba(var(--text-color), 0.8)}#hero_section{text-align:center;justify-content:center;justify-items:center;padding:8vw 1rem;margin-bottom:1rem}#hero_section h1{font-size:max(1.6rem,3vw)}#hero_section p{max-width:100%}.important-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.important-link{list-style:none;flex:1}.important-link .icon,.important-link img{width:1.2rem;height:1.2rem;fill:var(--accent-color);flex-shrink:0}.important-link a{white-space:nowrap;display:flex;align-items:center;text-align:start;gap:.5rem;font-weight:500;background-color:rgba(var(--foreground-color), 1);padding:.7rem 1rem;border-radius:.5rem;text-decoration:none;color:var(--accent-color)}.important-link a:hover{text-decoration:underline}@media screen and (min-width: 768px){main{padding:1.5rem 8vw}sm-copy{min-width:24rem}}.hidden{display:none}
*{padding:0;margin:0;box-sizing:border-box;font-family:"Inter",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);color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1)}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)}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.9)}.flex{display:flex}.flex-direction-column{flex-direction:column}.grid{display:grid}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.align-content-start{align-content:start}.align-items-center{align-items:center}.justify-content-center{justify-content:center}header{padding:1.5rem 1rem;justify-content:space-between}main{display:grid;gap:1rem;padding:1.5rem max(1rem,6vw);grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr))}#main_banner{position:-webkit-sticky;position:sticky;top:0;justify-content:center;padding:1rem;width:100%;background-color:#ee5252}#main_banner .icon{fill:rgba(var(--foreground-color), 1)}#main_banner #banner_content{color:rgba(var(--foreground-color), 1)}.app{display:flex;flex-direction:column;padding:max(1.5rem,3vw);background-color:rgba(var(--foreground-color), 1);border-radius:.5rem;gap:1rem}.app__icon{display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;border-radius:.5rem;background-color:rgba(var(--background-color), 1);margin-bottom:1rem}.app__icon .icon{width:3rem;height:3rem;fill:rgba(var(--text-color), 0.9)}.app li{list-style:none;font-size:.9rem;color:rgba(var(--text-color), 0.8);margin-bottom:.8rem;line-height:1.5}.app a:not([class]){display:flex;align-items:center;text-decoration:none;color:var(--accent-color);font-weight:500}.app a:not([class]):hover{text-decoration:underline}.app a:not([class]) .icon{margin-left:.3rem;width:1em;height:1em;fill:var(--accent-color)}.ext-link{display:flex;gap:.5rem;align-items:center;text-decoration:none;background-color:var(--accent-color);padding:.5rem 1rem;border-radius:.5rem;color:rgba(var(--foreground-color), 1);font-weight:500;align-self:flex-start;margin-top:auto;transition:color .2s,background-color .2s}.ext-link .icon{fill:rgba(var(--foreground-color), 1);transition:fill .2s}.ext-link:hover{color:var(--accent-color);background-color:rgba(var(--foreground-color), 1);box-shadow:0 0 0 .1rem var(--accent-color) inset}.ext-link:hover .icon{fill:var(--accent-color)}article{display:grid;gap:1rem;padding:1.5rem max(1rem,6vw)}ul{display:grid;gap:1rem;margin-top:1rem}.member-card{display:flex;flex-wrap:wrap;gap:1rem;padding:max(1rem,1.5vw);border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.member-card h4{min-width:12rem}.member-card h5{font-weight:400}.member-card .kyc-wrapper{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.member-card .kyc-wrapper .icon{width:1.1rem;height:1.1rem}.member-card .kyc-wrapper .kyc-status{display:flex;align-items:center;gap:.1rem;padding:.3rem;border-radius:3rem;font-weight:500;background-color:rgba(var(--text-color), 0.1);padding-right:.5rem}.member-card .kyc-wrapper .kyc-status.pending{background-color:var(--yellow);color:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.pending .icon{fill:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.verified{background-color:var(--green);color:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.verified .icon{fill:rgba(var(--foreground-color), 1)}sm-copy{font-weight:500;font-size:.9rem;color:rgba(var(--text-color), 0.8)}#hero_section{text-align:center;justify-content:center;justify-items:center;padding:8vw 1rem;margin-bottom:1rem;gap:2rem}#hero_section h1{font-size:max(1.6rem,3vw)}#hero_section p{max-width:100%}.important-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.important-link{list-style:none;flex:1}.important-link .icon,.important-link img{width:1.2rem;height:1.2rem;fill:var(--accent-color);flex-shrink:0}.important-link a{white-space:nowrap;display:flex;align-items:center;text-align:start;gap:.5rem;font-weight:500;background-color:rgba(var(--foreground-color), 1);padding:.7rem 1rem;border-radius:.5rem;text-decoration:none;color:var(--accent-color)}.important-link a:hover{text-decoration:underline}@media screen and (min-width: 768px){main{padding:1.5rem 8vw}sm-copy{min-width:24rem}}.hidden{display:none}

View File

@ -248,6 +248,7 @@ sm-copy {
justify-items: center;
padding: 8vw 1rem;
margin-bottom: 1rem;
gap: 2rem;
h1 {
font-size: max(1.6rem, 3vw);
}

View File

@ -54,7 +54,7 @@
</svg>
<strong id="banner_content"></strong>
</section>
<section id="hero_section" class="grid gap-1-5">
<section id="hero_section" class="grid">
<div class="grid gap-0-5">
<h1>
Room Rentals Tokenization Proof of Concept
@ -90,31 +90,6 @@
Book on Airbnb
</a>
</li>
<li class="important-link">
<a href="https://twitter.com/ProjectBSV" 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 400 400"
style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0 {
fill: #1B9DF0;
}
.st1 {
fill: #FFFFFF;
}
</style>
<g id="Dark_Blue">
<circle class="st0" cx="200" cy="200" r="200" />
</g>
<g id="Logo__x2014__FIXED">
<path class="st1"
d="M163.4,305.5c88.7,0,137.2-73.5,137.2-137.2c0-2.1,0-4.2-0.1-6.2c9.4-6.8,17.6-15.3,24.1-25 c-8.6,3.8-17.9,6.4-27.7,7.6c10-6,17.6-15.4,21.2-26.7c-9.3,5.5-19.6,9.5-30.6,11.7c-8.8-9.4-21.3-15.2-35.2-15.2 c-26.6,0-48.2,21.6-48.2,48.2c0,3.8,0.4,7.5,1.3,11c-40.1-2-75.6-21.2-99.4-50.4c-4.1,7.1-6.5,15.4-6.5,24.2 c0,16.7,8.5,31.5,21.5,40.1c-7.9-0.2-15.3-2.4-21.8-6c0,0.2,0,0.4,0,0.6c0,23.4,16.6,42.8,38.7,47.3c-4,1.1-8.3,1.7-12.7,1.7 c-3.1,0-6.1-0.3-9.1-0.9c6.1,19.2,23.9,33.1,45,33.5c-16.5,12.9-37.3,20.6-59.9,20.6c-3.9,0-7.7-0.2-11.5-0.7 C110.8,297.5,136.2,305.5,163.4,305.5" />
</g>
</svg>
Event Updates
</a>
</li>
<li class="important-link">
<a href="https://iris.to/projectb" target="_blank">
<img src="https://iris.to/3f213087732422818ea1f7bfc2345c5a.png" alt="Iris logo">
@ -145,6 +120,82 @@
</a>
</li>
</ul>
<div class="grid">
<h4>Follow us on</h4>
<ul class="important-links">
<li class="important-link">
<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" />
</svg>
</a>
</li>
<li class="important-link">
<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-color="#3771c8" offset=".128" />
<stop offset="1" stop-color="#60f" stop-opacity="0" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fd5" />
<stop offset=".1" stop-color="#fd5" />
<stop offset=".5" stop-color="#ff543e" />
<stop offset="1" stop-color="#c837ab" />
</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 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" />
</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 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 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" />
</svg>
</a>
</li>
<li class="important-link">
<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 offset="1" style="stop-color:#19AFFF" />
</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 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" />
</svg>
</a>
</li>
</ul>
</div>
</section>
<main>
<div class="app">
@ -536,4 +587,4 @@
</script>
</body>
</html>
</html>