webdns.dev.html/index.html

44 lines
1.7 KiB
HTML
Raw Normal View History

2019-06-15 21:03:28 +00:00
<html>
<head>
<title>WebDNS</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" />
<script src="zodiac.min.js"></script>
<script src="signup.js"></script>
</head>
<body>
<canvas id="zodiac"></canvas>
<script>
new Zodiac('zodiac', // HTMLCanvasElement or id
{ //// OPTIONS
directionX: 0, // -1:left;0:random;1:right
directionY: -1, // -1:up;0:random;1:down
velocityX: [.1, .2], // [minX,maxX]
velocityY: [.5, 1], // [minY,maxY]
bounceX: true, // bounce at left and right edge
bounceY: false, // bounce at top and bottom edge
parallax: .5, // float [0-1...]; 0: no paralax
pivot: 0, // float [0-1...]; pivot level for parallax;
density: 10000, // px^2 per node
dotRadius: [2, 5], // px value or [minR,maxR]
backgroundColor: 'rgb(9,9,9)', // default transparent; use alpha value for motion blur and ghosting
dotColor: 'rgba(99,99,99,.3)',
linkColor: 'rgb(99,99,99)',
linkDistance: 50,
linkWidth: 2
});
</script>
<div id="container">
<main>
<p>WebDNS</p>
<p>Coming soon...</p>
<p>Stay in the know:</p>
<p>Email: <input id="emailAddr" /></p>
<p><button class="fa mail-button" id="mailbtn" onclick="signup();"></button></p>
</main>
<footer>
<p><a href="https://rootprojects.org">Root</a> + <a href="https://point0.tech">Point0</a></p>
</footer>
</div>
</body>
</html>