Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

updates #20

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
new index
shrnkld authored Aug 2, 2023
commit bc28c0cf614656772391afcff7376573c32a71d4
310 changes: 181 additions & 129 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,133 +1,185 @@
<!DOCTYPE html>
<html lang="en">

<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Fri Jul 07 2023 13:08:41 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="648c7b817322092a6d2132d8" data-wf-site="648c7b817322092a6d2132c0">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>#000000</title>
<link type="image/x-icon" rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2NkYGD4z0ABYBw1gGE0DBhGw4BhWIQBAE5OEAELnjVHAAAAAElFTkSuQmCC">
<style>
:root {
--color: #000000;
--color-transparent: #00000022;
}

::selection {
background: var(--color-transparent);
}

html,
body {
background: var(--color);
height: 100%;
margin: 0;
}

body {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}

#color {
background: white;
color: var(--color);
font-size: 2.5rem;
font-weight: 300;
padding: 2.25rem 3rem;
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
cursor: text;
}
</style>
<meta charset="utf-8">
<title>PIVX landing pages</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/pivx-landing-pages.webflow.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>

<body>
<p id="color">#000000</p>
<script>
function randomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
}

function hslToHex(h, s, l) {
h /= 360;
s /= 100;
l /= 100;
var r = void 0,
g = void 0,
b = void 0;
if (s === 0) {
r = g = b = l; // achromatic
} else {
var hue2rgb = function hue2rgb(p, q, t) {
if (t < 0) t += 1;
if (t > 1) t -= 1;
if (t < 1 / 6) return p + (q - p) * 6 * t;
if (t < 1 / 2) return q;
if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
return p;
};
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 1 / 3);
g = hue2rgb(p, q, h);
b = hue2rgb(p, q, h - 1 / 3);
}
var toHex = function toHex(x) {
var hex = Math.round(x * 255).toString(16);
return hex.length === 1 ? '0' + hex : hex;
};
return '#' + toHex(r) + toHex(g) + toHex(b);
}

window.onload = function () {
let stopProp = function (ev) {
ev.stopPropagation();
}

var colorElement = document.getElementById("color");
colorElement.addEventListener("click", stopProp, false);
colorElement.addEventListener("mousedown", stopProp, false);

var setFavicon = function (hex) {
var canvas = document.createElement('canvas');
canvas.width = 16;
canvas.height = 16;
var ctx = canvas.getContext('2d');
ctx.fillStyle = hex;
ctx.fillRect(0, 0, 16, 16);
document.getElementsByTagName('link')[0].href = canvas.toDataURL("image/x-icon");
}

var setRandomColor = function setRandomColor() {
var h = void 0,
s = void 0,
l = void 0;

h = randomInt(0, 359);
s = randomInt(55, 75);
l = randomInt(40, 60);

document.documentElement.style.setProperty('--color', 'hsl(' + h + ', ' + s + '%, ' + l + '%)');
var hex = hslToHex(h, s, l);
document.title = hex;
colorElement.innerHTML = hex;
document.documentElement.style.setProperty('--color-transparent', hex + '22');

setFavicon(hex);
};
setRandomColor();

var body = document.getElementsByTagName("body")[0];
body.addEventListener("mousedown", function (ev) {
ev.preventDefault();
});
body.addEventListener("click", function () {
setRandomColor();
}, false);
};
</script>
<body data-w-id="648c7b817322092a6d2132df" class="body">
<div class="hero-stack">
<div class="logo-wrapper">
<div class="logo"><img src="images/PIVX-Shield-1.png" loading="lazy" width="90" height="90" alt="" class="pivx-shield-1">
<div class="text">PIVX</div>
</div>
</div>
<div class="small-container">
<div class="title-section">
<div data-w-id="025b1d4c-b6cb-df9f-9b2e-2533b8894b4e" style="filter:blur(20px)" class="hero-title">Advanced Privacy for
Your Crypto Transactions.</div>
</div>
<a href="#features" class="link-block w-inline-block">
<div data-w-id="025b1d4c-b6cb-df9f-9b2e-2533b8894b51" style="opacity:0" class="scroll-down-wrap">
<div class="text-2">Scroll down to find out how</div><img src="images/Vectors-Wrapper.svg" loading="lazy" width="64" height="64" data-w-id="025b1d4c-b6cb-df9f-9b2e-2533b8894b54" style="-webkit-transform:translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" class="down-icon-wrap">
</div>
</a>
</div>
</div>
<div id="features" class="section features">
<div class="container">
<div class="section-title">
<div class="title-wrapper">
<h1 class="align-center">upgrade your digital<br>privacy with PIVX</h1>
</div>
</div>
<div class="_3-columns f2wf-columns">
<div class="column">
<div class="card-wrapper">
<div class="icon-wrapper"><img src="images/img_slider_lock-1.png" loading="lazy" width="60" height="83.5999984741211" alt="" class="pivx-shield-1"></div>
<div class="card-content">
<div class="feature-title">Flexibility to Transact Privately</div>
<p class="feature-content">Enjoy the freedom of optional privacy while sending and receiving funds.</p>
</div>
</div>
</div>
<div class="column">
<div class="card-wrapper">
<div class="icon-wrapper"><img src="images/img_slider_bolt-1.png" loading="lazy" width="60" height="83.5999984741211" alt="" class="pivx-shield-1"></div>
<div class="card-content">
<div class="feature-title">Lightning Fast Transactions</div>
<p class="feature-content">PIVX transactions are lightning fast, ensuring your funds are always available.</p>
</div>
</div>
</div>
<div class="column">
<div class="card-wrapper">
<div class="icon-wrapper"><img src="images/img_slider_bars-1.png" loading="lazy" width="60" height="83.5999984741211" alt="" class="pivx-shield-1"></div>
<div class="card-content">
<div class="feature-title">Privacy through innovation</div>
<p class="feature-content">Cutting edge technology with an innovative use of Zero Knowledge Proofs.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section compare">
<div class="container-2">
<div class="content">
<div class="big-quote">&quot;Think Monero, but <span class="purple-highlight">upgraded</span>. PIVX Shield offers the privacy of Monero combined with the <span class="purple-highlight">optional privacy</span> and advanced security of zkSNARKs.&quot;</div>
</div>
</div>
</div>
<div id="features" class="section features">
<div class="container">
<div class="section-title">
<div class="title-wrapper">
<h1 class="align-center">Total privacy,<br>when you want it</h1>
</div>
</div>
<div class="_3-columns f2wf-columns">
<div class="column">
<div class="card-wide-wrapper">
<div class="card-content">
<p class="feature-content big"><span class="bold big-text">Experience complete financial privacy with PIVX&#x27;s SHIELD.</span><br><br>Utilizing innovative Zero Knowledge Proofs, SHIELD conceals your crypto transactions and keeps your financial information hidden.<br><br>With no setup needed and the flexibility to transact securely, SHIELD puts you in control of your privacy.<br><br>Choose <span class="purple-highlight">PIVX SHIELD</span> for your transactions and enjoy the confidence of total financial privacy.</p>
</div>
<div class="_3d-shield-wrapper"><img src="images/img_privacy.png" loading="lazy" width="280" alt=""></div>
</div>
</div>
</div>
</div>
</div>
<div class="section cta">
<div class="container-3">
<div class="content-flex-wrap">
<div class="section-title">
<div class="title-wrapper">
<h2 class="align-center">Ready to Take Your Privacy<br>to the Next-Level?</h2>
</div>
</div>
<div class="big-text align-center">Protect your financial privacy today<br>in just a few simple steps.
<br><br>Join the PIVX community to find out how.</div>
<a href="https://discord.gg/Mp3XXFxHub" target="_blank" class="big-btn w-button">Join now!</a>
</div>
</div>
</div>
<div class="section faq">
<div class="container-3">
<div class="faq-wrapper">
<div class="section-title">
<div class="title-wrapper">
<h2 class="align-center">FAQ</h2>
</div>
</div>
<div class="faq-item">
<div class="faq-q">What is PIVX SHIELD?</div>
<div class="faq-a">PIVX SHIELD is our advanced privacy feature that provides complete transaction protection. It allows you to maintain total privacy while transacting, with zero preparation time, through the innovative use of Zero Knowledge Proofs.</div>
</div>
<div class="faq-item">
<div class="faq-q">How does PIVX SHIELD protect my privacy?</div>
<div class="faq-a">Thanks to zero-knowledge transactions, PIVX SHIELD keeps your transaction details hidden while still ensuring their authenticity and accuracy. Both the sender and receiver&#x27;s data and the transaction value are kept private, offering you complete protection and privacy.</div>
</div>
<div class="faq-item">
<div class="faq-q">What are the advantages of PIVX&#x27;s use of zkSNARKs over other privacy methods?</div>
<div class="faq-a">ZkSNARKs, the privacy technology behind PIVX SHIELD, provide a high level of privacy without compromising transaction speed or efficiency. They also allow transactions to be quickly and easily verified for authenticity, without revealing any transaction details.</div>
</div>
<div class="faq-item">
<div class="faq-q">What are shielded and transparent transactions?</div>
<div class="faq-a">With PIVX, you have the option to choose between shielded or transparent transactions at the time of transaction. Shielded transactions hide the sender, receiver, and amount involved, providing complete privacy. Transparent transactions are publicly visible on the blockchain, similar to Bitcoin transactions.</div>
</div>
<div class="faq-item">
<div class="faq-q">How do I shield my transactions with PIVX?</div>
<div class="faq-a">Shielding your transactions is a simple process. All you need to do is send funds from a transparent address to a shield address. If the transparent address has never been used before, funds can be sent to it from an exchange or swap site. Then, simply send them to a shield address for total privacy.</div>
</div>
<div class="faq-item">
<div class="faq-q">What is a Viewing Key?</div>
<div class="faq-a">A viewing key allows an owner of a shielded address to share their transaction details with any trusted third parties, granting them permission to view only what the owner chooses to share. This gives you the power to control your privacy.</div>
</div>
<div class="faq-item">
<div class="faq-q">Can I switch between shielded and transparent transactions?</div>
<div class="faq-a">Yes, users are free to transact, send, and receive funds between SHIELD and Transparent addresses anytime.</div>
</div>
<div class="faq-item">
<div class="faq-q">Why would I want to use PIVX SHIELD over other privacy-focused cryptocurrencies?</div>
<div class="faq-a">PIVX SHIELD offers privacy akin to Monero, but with the enhanced efficiency of zkSNARKs. It also provides users with flexible privacy options, allowing you to choose between shielded and transparent transactions. Additionally, PIVX SHIELD offers lightning-fast transaction speeds, lightweight proofs for easy verification, and user-friendly transaction options.</div>
</div>
</div>
</div>
</div>
<div class="section cta2">
<div class="container-3">
<div class="content-flex-wrap">
<div class="section-title">
<div class="title-wrapper">
<h2 class="align-center">Start protecting your<br>financial privacy today</h2>
</div>
</div>
<div class="big-text align-center">Join the PIVX community to find out how.</div>
<a href="https://discord.gg/Mp3XXFxHub" target="_blank" class="big-btn w-button">Join now!</a>
</div>
</div>
</div>
<div class="footer">
<div class="columns">
<div class="column-2">
<div class="logo-wrapper-2"><img src="images/PIVX-Horz-White-1.png" loading="lazy" width="140" height="45.97359848022461" alt="" class="pivx-shield-1"></div>
</div>
</div>
<div class="copyright">
<div class="text-8">Copyright © 2023 PIVX</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=648c7b817322092a6d2132c0" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
</body>

</html>