-
Notifications
You must be signed in to change notification settings - Fork 0
/
dooza-nft.html
122 lines (111 loc) · 5.91 KB
/
dooza-nft.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="1200x500.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="burger-menu.css">
<link rel="icon" href="logo.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap" rel="stylesheet">
<title>DooCoins Kids Rewards System - DOOZA NFTs</title>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RWNWT85LRH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RWNWT85LRH');
</script>
</head>
<body onLoad="doAnim()">
<div class="container">
<header class="header">
<a class="logo-group" href="/">
<img src="logo.svg" class="logo-img" alt="doo logo">
<h1 class="logo-type">DooCoins</h1>
</a>
<menu class="menu">
<li><a href="/">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="dooza-nft.html" class="active">Dooza NFTs</a></li>
<!-- <li><a href="dooble.html">Dooble Game</a></li> -->
</menu>
<menu class="burger">
<input id="menuToggle" type="checkbox"/>
<label for="menuToggle"></label>
<li><a class="h1" href="/">Home</a></li>
<li><a class="h1" href="about.html">About</a></li>
<li><a class="h1" href="faq.html">FAQ</a></li>
<li><a class="h1" href="dooza-nft.html">Dooza NFTs</a></li>
</menu>
</header>
<main class="main">
<div class="column">
<div class="dooza-title-group">
<h2 class="dooza-title pink">DOOZA</h2>
<h3 class="dooza-subtitle green">NFT COLLECTION</h3>
</div>
<div id="banner">
<div class="title"></div>
<div class="subtitle"></div>
<div class="grass"></div>
<div class="sky"></div>
<div id="doozas">
<div id="dooza-1" class="dooza-1"> </div>
<div id="dooza-2" class="dooza-2"> </div>
<div id="dooza-3" class="dooza-3"> </div>
<div id="dooza-4" class="dooza-4"> </div>
<div id="dooza-5" class="dooza-5"> </div>
</div>
<div id="speech-1" class="speech speech-1"> </div>
<div id="speech-2" class="speech speech-2"> </div>
<div id="speech-3" class="speech speech-3"> </div>
<div id="speech-4" class="speech speech-4"> </div>
<div id="speech-5" class="speech speech-5"> </div>
</div>
<div class="cta-container">
<button onclick="window.location.href='https://entrepot.app/marketplace/doozas'" class="cta-entrepot">GET ONE NOW ON ENTREPOT</button>
</div>
<p>Dooza's are a diverse bunch, each possessing a unique personality ranging from cheeky and jovial to serious and focused. What binds them together is their unwavering eagerness to please, a strong work ethic, and a genuine care for the environment and all living beings.</p>
<img class="dooza-img doozas-3" alt="Dooza Images" src="dooza/doozas-3.png" />
<img class="dooza-img doozas-4" alt="Dooza Images" src="dooza/doozas-4.png" />
<p>The Dooza NFT collection supports DooCoins, the kids rewards dApp built on the ICP. The characteristics and traits of the Dooza's are a perfect inspiration for kids to earn DooCoins through completing chores, good behaviour and personal achievements. Integration of Dooza reward badges into the DooCoins app is in progress.</p>
<p>Want to know more about airdrops, minting, and upcoming Dooza adventures? Follow <a href="https://twitter.com/DooCoins" class="underline">@DooCoins on X</a> to stay ahead of the curve and unlock a world of possibilities for yourself and your kids!</p>
</div>
</main>
<footer class="footer">
<p class="small"><a href="https://internetcomputer.org">Built on The Internet Computer</a> | <a href="mailto:hello@doo.co">hello@doo.co</a> | <a href="https://twitter.com/DooCoins">X @DooCoins</a> | <a href="DooCoinsWhitePaper.pdf" target="_blank">White Paper</a> | <a href="privacy.html">Privacy Policy</a></p>
</footer>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js"></script>
<script>
doAnim = function() {
var TL1 = new TimelineMax({repeat:1, repeatDelay:2.5});
TL1.set("#banner", {visibility:"visible"})
.to('.sky', 100, {x: -1375})
.to('.title', 2, {opacity: 1}, '-=100')
.from('#dooza-1', 1.2, {scale: 0, ease: Bounce.easeOut, y: +60 }, '-=100')
.from('#dooza-3', .8, {scale: 0, ease: Bounce.easeOut, y: +60 }, '-=100')
.from('#dooza-5', 1, {scale: 0, ease: Bounce.easeOut, y: +10 }, '-=100')
.from('#dooza-2', .5, {ease: Bounce.easeOut, y: +200 }, '-=99')
.from('#dooza-4', .7, {ease: Bounce.easeOut, y: +200 }, '-=99')
.to('#speech-1', .7, {opacity: 1, ease: Bounce.easeOut}, '-=96')
.to('#speech-1', .1, {opacity: 0}, '-=95')
.to('#speech-3', .7, {opacity: 1, ease: Bounce.easeOut}, '-=94')
.to('#speech-3', .1, {opacity: 0}, '-=93')
.to('#speech-2', .7, {opacity: 1, ease: Bounce.easeOut}, '-=92')
.to('#speech-2', .1, {opacity: 0}, '-=91')
.to('#speech-5', .7, {opacity: 1, ease: Bounce.easeOut}, '-=90')
.to('#speech-5', .1, {opacity: 0}, '-=89')
.to('#speech-4', .7, {opacity: 1, ease: Bounce.easeOut}, '-=87')
.to('#speech-4', .1, {opacity: 0}, '-=86')
.to('.subtitle', 1, {opacity: 1}, '-=84');
};
</script>
</body>
</html>