-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
193 lines (172 loc) · 9.89 KB
/
index.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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ownables</title>
<meta name="description" content="">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="icon.png">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link rel="manifest" href="site.webmanifest">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<header class="header">
<div class="header__logo">
<img src="img/ownables-logo.png" alt="Ownables Logo" class="logo">
</div>
<div class="header__actions">
<a href="https://discord.gg/JGHzqr334F"><span>Join Discord</span></a>
<div class="header__actions__social">
<a href="https://discord.gg/JGHzqr334F" target="_blank" rel="nofollow"><img src="img/discord.svg" alt="Discord Logo"></a>
<a href="https://twitter.com/myownables" target="_blank" rel="nofollow"><img src="img/x.svg" alt="X Logo"></a>
<a href="https://github.com/ltonetwork" target="_blank" rel="nofollow"><img src="img/github.svg" alt="GitHub Logo"></a>
<a><img src="img/contactUs.png" alt="contact" onclick="openDialog()"></a>
</div>
</div>
</header>
<div class="overlay" id="overlay"></div>
<dialog class="contact" max-width="80%" id="dialog">
<div class="contact_content">
<a onclick="openDialog()" class="contact__close">+</a>
<h1>
Contact Us
</h1>
<form action="https://api.web3forms.com/submit" method="POST" id="form">
<input type="hidden" name="access_key" />
<input type="hidden" name="subject" value="New Submission from Ownables.info" />
<input type="hidden" name="redirect" value="https://web3forms.com/success" />
<input type="checkbox" name="botcheck" id="" style="display: none;" />
<div>
<input type="text" name="name" id="name" placeholder="Name" required/>
</div>
<br>
<div>
<input type="email" name="email" id="email" placeholder="Your Email" required/>
</div>
<br>
<div>
<textarea rows="5" name="message" id="message" placeholder="Your Message" required></textarea>
</div>
<br>
<div>
<button id="submit-button" type="submit" class="button2">
Send
</button>
</div>
<p class="text-base text-center text-gray-400" id="result"></p>
</form>
</div>
</dialog>
<main class="main">
<div class="sdk-section">
<div class="sdk-section__text">
<h1><span>Real World Assets</span>Meet Web3 </h1></p>
<p>Ownables are a world in a world. They can represent anything from digital collectibles, to assets from the real world and make them available for the Web3 ecosystem</p>
<p>Using LTO Network's Layer-1 blockchain, this revolutionary technology will open up a whole new world of possibilities for Web3</p>
<a href="https://nftparis.ownables.info/" class="button">Try Demo</a>
</div>
</div>
<h2>Power Up your NFTs</h2>
<div class="click-row">
<a href="javascript:void(0)" class="click-row__item" data-target="modal-1">
<img src="img/click-item-1.png" alt="Unlockable Content" data-target="modal-1">
</a>
<a href="javascript:void(0)" class="click-row__item" data-target="modal-2">
<img src="img/click-item-2.png" alt="Dynamic Content" data-target="modal-2">
</a>
<a href="javascript:void(0)" class="click-row__item" data-target="modal-3">
<img src="img/click-item-3.png" alt="Consumable Content" data-target="modal-3">
</a>
</div>
<h2>SDK now available</h2>
<div class="sdk-section">
<div class="sdk-section__text">
<p>Ownables change the game.</p>
<p>A new kind of digital asset based on blockchain technology, Ownables can be used for anything from digital collectibles, such as images or media files, to digital certificates, or deeds and proof of ownership for real-world assets. </p>
<p>The next generation of Web3 apps need private, secure assets with authenticity and verified ownership to drive innovation.</p>
<p>Ownables are private, secure, and always in your control.</p>
<!--Using LTO Network’s hybrid architecture blockchain, Ownables expand on the concept of NFTs by bring additional functionality including, private & unlockable content along with advanced dynamic content and truly consumable content.</p>-->
<a href="https://docs.ltonetwork.com/ownables/" class="button">SDK + Docs</a>
<a href="https://ltonetwork.com/documents/LTO%20Network%20-%20TITANIUM.pdf" target="_blank" class="button">Litepaper</a>
</div>
<div class="sdk-section__video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/O18Ra3vkhUM?si=WQ_DjvkmVSS2hZhx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</main>
<div class="modal-wrap">
<div class="modal" id="modal-1">
<a href="javascript:void(0)" aria-label="close modal" class="modal__close">+</a>
<h2>Unlockable Content</h2>
<h3>Real Value</h3>
<p class="modal__intro">Have you ever wondered how you can protect the content of your NFTs from being screenshotted, copied, or used without permission?</p>
<img src="img/modal-placeholder-2.png" class="modal__image" alt="Van Gogh with flower stylized" />
<p>Ownables bring the concept of Unlockable Content to the NFT space. Using Ownables as your digital collectible platform allows your digital assets to remain private.
</p>
<ul>
<li>Prevent Copyright Theft</li>
<li>Retain Value</li>
<li>True Exclusivity</li>
<li>True 1 of 1 Content</li>
</ul>
<p>This technology was made with extensive input from content creators and intellectual property experts, with privacy as a main functional requirement. The best thing is, it is so easy to implement.</p>
<a href="https://docs.ltonetwork.com/ownables/" class="button">SDK + Docs</a>
</div>
<div class="modal" id="modal-2">
<a href="javascript:void(0)" aria-label="close modal" class="modal__close">+</a>
<h2>Dynamic Content</h2>
<h3>Power Up your NFTs</h3>
<p class="modal__intro">Ownables are a world in a world. Using Ownables, the possibilities become endless. An Ownable can be a drink potion for a game, a virtual pet, or a treasure chest that opens up. If you can dream it, you can build it. Items can forever change or perish. This gives them scarcity and value.</p>
<img src="img/modal-placeholder.png" class="modal__image" alt="Van Gogh with flower stylized" />
<!-- <p>Bring true purpose and utility to digital collectibles, unleashing the full power of your NFTs using the world's most advances blockchain based digital collectible.</p>-->
<p>The smart contract can access and modify all files it creates. For instance, if an Ownable is used in a game, achievements can be verified and added to the event chain. The smart contract verifies these credentials, using the information to upgrade the Ownable or even change an image within the Ownable to represent leveling up.</p>
<ul>
<li>Perishable Assets</li>
<li>Evolving Items</li>
<li>In-Wallet Widgets</li>
<li>Truly Dynamic NFTs</li>
</ul>
<a href="https://docs.ltonetwork.com/ownables/" class="button">SDK + Docs</a>
</div>
<div class="modal" id="modal-3">
<a href="javascript:void(0)" aria-label="close modal" class="modal__close">+</a>
<h2>Consumable Content</h2>
<h3>Art meets life.</h3>
<p class="modal__intro">Items you create as Ownables can be designed so that they get used up or perish. Choose wisely, as on the blockchain, once it's gone, it's gone forever...</p>
<img src="img/modal-placeholder-3.png" class="modal__image" alt="Van Gogh with flower stylized" />
<!--
The real world is complex and items and objects can have relationships. This incredible nuance of the real world now exists in the digital space with permanence.
<p>Items you create as Ownables can be designed so that they gets used up or perish. Choose wisely as on the blockchain, once it's gone, it's forever...</p>-->
<p>For example, one Ownable could represent a character in a metaverse, while another represents a specific skin for that character. To equip the skin in-game, it needs to be 'consumed' by the character Ownable, essentially merging it with the character and making it a part of the character's Ownable.</p>
<ul>
<li>Perishable Items</li>
<li>Equip Assets</li>
<li>Upgrades to Collectibles</li>
</ul>
<div class="sdk-section__video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/poFapL3VCDQ?si=soKTt4Zs_RpU2BxJ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<a href="https://docs.ltonetwork.com/ownables/" class="button">SDK + Docs</a>
</div>
</div>
<script src="js/vendor/modernizr-3.12.0.min.js"></script>
<script src="js/app.js"></script>
<script src="https://web3forms.com/client/script.js" async defer></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var input = document.querySelector('input[name="access_key"]');
if (input) {
input.value = access_key;
}
});
</script>
</body>
</html>