features tabs are now links
MODIFY
WalletWasabi.Backend/wwwroot/css/style.css
WalletWasabi.Backend/wwwroot/css/style.css
@@ -24,7 +24,7 @@ ul {
transition: transform 0.3s, -webkit-transform 0.3s;
}
-.animated-link span::before {
+.animated-link span:before {
position: absolute;
top: 100%;
content: attr(data-hover);
@@ -261,9 +261,49 @@ section .shader {
/* Features Section */
.features {
- background: #FFFFFF;
width: 100%;
max-width: 1100px;
+ background: #fff;
+}
+
+.features .feature {
+ position: relative;
+ overflow: hidden;
+ text-decoration: none !important;
+}
+
+.features .feature:after {
+ content: 'learn more >';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ padding-bottom: 1rem;
+ color: #3B83F7;
+ display: block;
+ font-size: 0.8rem;
+ -webkit-transition: -webkit-transform .3s ease;
+ transition: -webkit-transform .3s ease;
+ transition: transform .3s ease;
+ transition: transform .3s ease, -webkit-transform .3s ease;
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+}
+
+.features .feature svg {
+ -webkit-transition: -webkit-transform .6s ease;
+ transition: -webkit-transform .6s ease;
+ transition: transform .6s ease;
+ transition: transform .6s ease, -webkit-transform .6s ease;
+}
+
+.features .feature:hover svg {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.features .feature:hover:after {
+ -webkit-transform: translateY(0%);
+ transform: translateY(0%);
}
/* CoinJoins Section */

MODIFY
WalletWasabi.Backend/wwwroot/index.html
WalletWasabi.Backend/wwwroot/index.html
<div class="collapse navbar-collapse pt-2 pt-sm-0" id="navbarColor02">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
- <a class="nav-link" href="docs.wasabiwallet.io" target="_blank">docs</a>
+ <a class="nav-link" href="https://docs.wasabiwallet.io" target="_blank">docs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq">faq</a>
<section class="features box-shadow-lg mx-auto mb-5 mb-sm-2">
<div class="row row-eq-height">
<div class="col-6 col-sm-3 p-0 border-right border-bottom border-bottom-sm-0">
- <div class="feature text-center p-3">
+ <a href="https://docs.wasabiwallet.io/why-wasabi/BitcoinPrivacy.html#transaction-graph" class="feature text-center py-3 px-2 px-md-3 d-block text-dark" target="_blank">
<svg class="d-block mb-2 m-auto" width="54" height="50" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="nonzero"><path d="M1.786 0H3.57v1.786H1.786zM1.786 8.929H3.57v1.785H1.786zM1.786 17.857H3.57v1.786H1.786zM36.607 0h15.179v1.786H36.607zM36.607 8.929h15.179v1.785H36.607zM36.607 17.857h15.179v1.786H36.607zM1.786 30.357H3.57v1.786H1.786zM1.786 39.286H3.57v1.785H1.786zM1.786 48.214H3.57V50H1.786zM36.607 30.357h15.179v1.786H36.607zM36.607 39.286h15.179v1.785H36.607zM36.607 48.214h15.179V50H36.607zM53.571 24.107h-2.843a2.679 2.679 0 0 0-2.514-1.786h-3.571a2.679 2.679 0 0 0-2.514 1.786h-1.222a2.679 2.679 0 0 0-2.514-1.786H34.82a2.679 2.679 0 0 0-2.514 1.786h-1.221a2.679 2.679 0 0 0-2.515-1.786H25a2.679 2.679 0 0 0-2.514 1.786h-1.222a2.679 2.679 0 0 0-2.514-1.786h-3.571a2.679 2.679 0 0 0-2.515 1.786h-1.221a2.679 2.679 0 0 0-2.514-1.786H5.357a2.679 2.679 0 0 0-2.514 1.786H0v1.786h2.843a2.679 2.679 0 0 0 2.514 1.786H8.93a2.679 2.679 0 0 0 2.514-1.786h1.221a2.679 2.679 0 0 0 2.515 1.786h3.571a2.679 2.679 0 0 0 2.514-1.786h1.222A2.679 2.679 0 0 0 25 27.679h3.571a2.679 2.679 0 0 0 2.515-1.786h1.221a2.679 2.679 0 0 0 2.514 1.786h3.572a2.679 2.679 0 0 0 2.514-1.786h1.222a2.679 2.679 0 0 0 2.514 1.786h3.571a2.679 2.679 0 0 0 2.514-1.786h2.843v-1.786zM5.357 25.893v-1.786H8.93v1.786H5.357zm9.822 0v-1.786h3.571v1.786h-3.571zm9.821 0v-1.786h3.571v1.786H25zm9.821 0v-1.786h3.572v1.786H34.82zm9.822 0v-1.786h3.571v1.786h-3.571zM34.821 19.643H25a.893.893 0 0 1-.883-.76L21.553 1.785H5.357V0h16.964c.442 0 .818.323.883.76l2.565 17.097h9.052v1.786z" /><path d="M19.643 10.714H5.357V8.93h13.856L26.09.335A.892.892 0 0 1 26.786 0h8.035v1.786h-7.607l-6.875 8.593a.892.892 0 0 1-.696.335zM20.536 19.643H5.357v-1.786h14.714l5.982-8.547a.893.893 0 0 1 .733-.381h8.035v1.785h-7.57l-5.982 8.549a.893.893 0 0 1-.733.38zM34.821 50H25a.893.893 0 0 1-.883-.76l-2.564-17.097H5.357v-1.786h16.964c.442 0 .818.324.883.76l2.565 17.097h9.052V50z" /><path d="M19.643 41.071H5.357v-1.785h13.856l6.876-8.594a.892.892 0 0 1 .697-.335h8.035v1.786h-7.607l-6.875 8.593a.892.892 0 0 1-.696.335zM20.536 50H5.357v-1.786h14.714l5.982-8.547a.893.893 0 0 1 .733-.381h8.035v1.785h-7.57l-5.982 8.549a.893.893 0 0 1-.733.38z" /></g></svg>
<br />
<span class="text-uppercase font-weight-bold">Built-In CoinJoins</span>
- </div>
+ </a>
</div>
<div class="col-6 col-sm-3 p-0 border-right border-bottom border-bottom-sm-0">
- <div class="feature text-center p-3">
+ <a href="https://docs.wasabiwallet.io/why-wasabi/BitcoinPrivacy.html#network-snooping" class="feature text-center py-3 px-2 px-md-3 d-block text-dark" target="_blank">
<svg class="d-block mb-2 m-auto" width="37" height="50" xmlns="http://www.w3.org/2000/svg">
<path d="M36.771 33.89A13.673 13.673 0 0 0 31.326 23l-5.555-4.167a5.862 5.862 0 0 1-2.333-4.666v-.834H21.77v-.774a7.308 7.308 0 0 1 2.155-5.202A6.823 6.823 0 0 0 25.938 2.5v-.833h-.833a6.823 6.823 0 0 0-4.857 2.011c-.49.493-.933 1.028-1.327 1.6a11.883 11.883 0 0 0-2.293-3.266A6.823 6.823 0 0 0 11.77 0h-.833v.833A6.823 6.823 0 0 0 12.95 5.69a7.308 7.308 0 0 1 2.155 5.202v2.441h-1.667v.834a5.862 5.862 0 0 1-2.333 4.666L5.55 23c-6.012 4.506-7.233 13.032-2.728 19.044a13.603 13.603 0 0 0 10.644 5.443A4.126 4.126 0 0 0 12.605 50h1.666a2.495 2.495 0 0 1 1.784-2.383 2.464 2.464 0 0 0-.117.716V50h1.667v-1.667a.833.833 0 0 1 1.666 0V50h1.667v-1.667a2.464 2.464 0 0 0-.118-.715A2.495 2.495 0 0 1 22.605 50h1.666a4.126 4.126 0 0 0-.865-2.513c7.414-.138 13.355-6.183 13.365-13.598zM21.426 4.856a5.173 5.173 0 0 1 2.766-1.445 5.173 5.173 0 0 1-1.444 2.766 8.963 8.963 0 0 0-2.643 6.381v-2.155c0-.283-.012-.566-.032-.847-.007-.091-.02-.181-.028-.271a12.062 12.062 0 0 0-.065-.573c-.015-.108-.036-.215-.055-.321-.03-.172-.06-.343-.097-.514-.025-.115-.055-.23-.083-.346-.025-.1-.045-.201-.073-.301a10.133 10.133 0 0 1 1.754-2.374zm-7.298-.345a5.167 5.167 0 0 1-1.444-2.766A5.173 5.173 0 0 1 15.45 3.19a10.233 10.233 0 0 1 2.988 7.214v2.93H16.77v-2.441a8.962 8.962 0 0 0-2.643-6.381zM1.77 33.889a12 12 0 0 1 4.778-9.556l5.555-4.166A7.538 7.538 0 0 0 15.057 15h.007a11.147 11.147 0 0 1-3.25 7.113l-3.846 3.845c-4.922 4.913-4.93 12.887-.017 17.809.452.452.937.87 1.452 1.248A11.954 11.954 0 0 1 1.77 33.889zm5.392-4.043c.517-1 1.187-1.913 1.983-2.71l3.846-3.845a12.808 12.808 0 0 0 3.748-8.248 22.377 22.377 0 0 1-3.375 11l-1.577 2.525a16.089 16.089 0 0 0-2.142 11.725 8.916 8.916 0 0 0 2.201 4.301c-5.366-2.779-7.463-9.382-4.684-14.748zm9.841 15.845a7.3 7.3 0 0 1-5.726-5.726h.002a14.43 14.43 0 0 1 1.917-10.513l1.578-2.523a24.033 24.033 0 0 0 3.53-10.262h.266A24.035 24.035 0 0 0 22.1 26.928l1.577 2.524a14.43 14.43 0 0 1 1.917 10.513 7.3 7.3 0 0 1-8.589 5.726zm10.226-5.398a16.089 16.089 0 0 0-2.142-11.725l-1.578-2.523a22.377 22.377 0 0 1-3.253-9.378h.098a12.805 12.805 0 0 0 3.525 6.624l3.846 3.846c4.275 4.27 4.278 11.199.008 15.474a10.941 10.941 0 0 1-2.71 1.982 8.915 8.915 0 0 0 2.206-4.3zm.243 4.722c5.602-4.12 6.804-12.003 2.683-17.605-.378-.515-.796-1-1.248-1.452l-3.846-3.845A11.147 11.147 0 0 1 21.812 15h.007a7.538 7.538 0 0 0 2.952 5.167l5.555 4.166c5.275 3.953 6.346 11.433 2.394 16.707a11.933 11.933 0 0 1-5.247 3.975z" fill="#000" fill-rule="nonzero" />
</svg>
<br />
<span class="text-uppercase font-weight-bold">TOR Integeration</span>
- </div>
+ </a>
</div>
<div class="col-6 col-sm-3 p-0 border-right">
- <div class="feature text-center p-3">
+ <a href="https://docs.wasabiwallet.io/why-wasabi/BitcoinPrivacy.html#inputs-and-outputs" class="feature text-center py-3 px-2 px-md-3 d-block text-dark" target="_blank">
<svg class="d-block mb-2 m-auto" width="50" height="50" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="nonzero"><path d="M45.161 27.852c0-1.979-.317-3.933-.943-5.812a44.429 44.429 0 0 1-2.283-14.067V1.35L37.346 2.66a14.787 14.787 0 0 1-11.573-1.525L25 .673l-.773.463A14.787 14.787 0 0 1 12.654 2.66L8.064 1.35v6.623c0 4.788-.767 9.521-2.282 14.067a18.353 18.353 0 0 0-.943 5.812c0 7.005 3.892 13.303 10.158 16.435L25 49.29l10.003-5.002c6.266-3.133 10.158-9.43 10.158-16.435zM34.282 42.844l-8.476 4.238v-4.34h-1.612v4.34l-8.476-4.238C10 39.986 6.452 34.241 6.452 27.852c0-1.805.289-3.588.86-5.302A46.005 46.005 0 0 0 9.676 7.973V3.489l2.535.723c3.978 1.138 8.323.665 11.982-1.235v11.575a10.493 10.493 0 0 0-5.961 2.446l1.043 1.231a8.872 8.872 0 0 1 5.724-2.1c4.891 0 8.871 3.98 8.871 8.871a8.873 8.873 0 0 1-2.1 5.725l1.23 1.042c.3-.355.567-.733.816-1.122h3.28v4.032h1.613v-5.645h-4.047a10.45 10.45 0 0 0 .785-3.226h3.262v-1.612h-3.267a10.4 10.4 0 0 0-1.152-4.033h4.419v-7.258h-1.613v5.645h-3.85a10.463 10.463 0 0 0-7.44-3.99V2.976c3.66 1.899 8.003 2.373 11.98 1.235l2.536-.723v4.485c0 4.962.795 9.866 2.366 14.577.57 1.713.86 3.496.86 5.3 0 6.39-3.55 12.135-9.267 14.993z" /><path d="M23.387 32.258H25v-1.613h.806a3.229 3.229 0 0 0 3.226-3.226c0-.962-.423-1.828-1.094-2.419a3.218 3.218 0 0 0 1.094-2.42 3.229 3.229 0 0 0-3.226-3.225H25v-1.613h-1.613v1.613h-2.42v11.29h2.42v1.613zm-.806-11.29h3.225c.89 0 1.613.723 1.613 1.613s-.723 1.613-1.613 1.613h-3.225v-3.226zm0 4.838h3.225c.89 0 1.613.724 1.613 1.613 0 .89-.723 1.613-1.613 1.613h-3.225v-3.226zM11.29 9.677h1.613v1.613H11.29zM11.29 36.29h1.613v1.613H11.29zM8.065 24.194h1.612v1.612H8.065zM37.097 9.677h1.613v1.613h-1.613zM37.097 36.29h1.613v1.613h-1.613zM40.323 24.194h1.612v1.612h-1.612zM1.613 45.161h1.613v1.613H1.613zM0 46.774h1.613v1.613H0zM1.613 48.387h1.613V50H1.613zM3.226 46.774h1.613v1.613H3.226zM9.677 45.968h1.613v1.613H9.677zM3.226 38.71h1.613v1.613H3.226zM46.774 45.161h1.613v1.613h-1.613zM48.387 46.774H50v1.613h-1.613zM46.774 48.387h1.613V50h-1.613zM45.161 46.774h1.613v1.613h-1.613zM38.71 45.968h1.613v1.613H38.71zM45.161 38.71h1.613v1.613h-1.613zM1.613 3.226h1.613v1.613H1.613zM0 1.613h1.613v1.613H0zM1.613 0h1.613v1.613H1.613zM3.226 1.613h1.613v1.613H3.226zM3.226 9.677h1.613v1.613H3.226zM46.774 3.226h1.613v1.613h-1.613zM48.387 1.613H50v1.613h-1.613zM46.774 0h1.613v1.613h-1.613zM45.161 1.613h1.613v1.613h-1.613zM45.161 9.677h1.613v1.613h-1.613z" /><path d="M30.724 31.771a8.872 8.872 0 0 1-5.724 2.1c-4.891 0-8.871-3.98-8.871-8.871 0-2.092.746-4.125 2.1-5.725l-1.23-1.042c-.086.102-.162.21-.243.315h-3.853v-5.645H11.29v7.258h4.425a10.49 10.49 0 0 0-1.163 4.033H11.29v1.612h3.267a10.43 10.43 0 0 0 .768 3.226H11.29v5.645h1.613v-4.032h3.277a10.48 10.48 0 0 0 8.014 4.798v5.686h1.612v-5.68a10.493 10.493 0 0 0 5.961-2.447l-1.043-1.231z" /></g></svg>
<br />
<span class="text-uppercase font-weight-bold">Coin-Control Features</span>
- </div>
+ </a>
</div>
<div class="col-6 col-sm-3 p-0">
- <div class="feature text-center p-3">
+ <a href="https://github.com/zksnacks/walletwasabi" class="feature text-center py-3 px-2 px-md-3 d-block text-dark" target="_blank">
<svg class="d-block mb-2 m-auto" width="52" height="50" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="nonzero"><path d="M51.911 15.242C51.152 6.888 45.239.827 37.839.827c-4.93 0-9.444 2.653-11.984 6.905C23.338 3.425 19.009.826 14.158.826 6.759.826.845 6.887.087 15.241c-.06.369-.306 2.311.442 5.478 1.078 4.568 3.568 8.723 7.199 12.013l18.115 16.439 18.426-16.438c3.631-3.291 6.121-7.445 7.199-12.014.748-3.166.502-5.108.443-5.477zm-2.39 5.019c-.984 4.172-3.265 7.973-6.59 10.985L25.855 46.481 9.072 31.25c-3.331-3.018-5.611-6.818-6.596-10.99-.708-2.997-.417-4.69-.416-4.701l.015-.101c.65-7.319 5.731-12.632 12.083-12.632 4.687 0 8.813 2.88 10.771 7.515l.921 2.183.921-2.183c1.927-4.564 6.271-7.514 11.069-7.514 6.351 0 11.433 5.313 12.096 12.727.002.016.293 1.71-.415 4.707z" /><path d="M15.999 6.904c-5.514 0-10 4.486-10 10a1 1 0 1 0 2 0c0-4.411 3.589-8 8-8a1 1 0 1 0 0-2z" /></g></svg>
<br />
<span class="text-uppercase font-weight-bold">Free &amp; Open Source</span>
- </div>
+ </a>
</div>
</div>
</section>

features tabs are now links