-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
197 lines (192 loc) · 11.3 KB
/
index.html
File metadata and controls
197 lines (192 loc) · 11.3 KB
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
194
195
196
197
<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge, chrome">
<title>Fantom Premium</title>
<link rel="shortcut icon" href="./assets/img/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="./assets/css/bootstrap.min.css">
<link rel="stylesheet" href="./assets/css/custom.css">
</head>
<body class="container-fluid">
<header class="fixed-top" id="header">
<!-- navbar start -->
<div class="container d-flex align-items-center">
<nav class="navbar w-100 px-2 custom-navbar" id="navbar">
<a class="navbar-brand d-flex align-items-center h1 pb-0 fw-normal pe-1 custom-navbar__brand-link" href="#">
<i class="fa fa-star fs-4 custom-navbar__brand-icon" aria-hidden="true"></i>
<span class="ms-2">FTMP</span>
</a>
<ul class="navbar-nav">
<li class="nav-item ps-1">
<a class="nav-link active custom-navbar__item" href="#info">INFO</a>
</li>
</ul>
<a href="https://github.com/fardint/HRAs.github.io/tree/main/extension" class="btn btn-outline-light ms-auto custom-navbar__button">
Extension
<i class="fa fa-chrome custom-navbar__button-icon" aria-hidden="true"></i>
</a>
</nav>
</div>
<!-- navbar end -->
</header>
<!-- hero start -->
<section id="hero" class="min-vh-100 d-flex align-items-center hero">
<div class="container">
<div class="row">
<div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 order-2 order-lg-1 text-center text-lg-start">
<h1 class="pb-4 hero__title">Fantom <span class="text__effects">premium</span></h1>
<h5 class="pb-4 fw-normal text-muted hero__text">FTMP is a new version of human-readable address.<br>In this idea we tried to convert these usernames(domains) into luxury good and make it usable as advertisement tool.<br>A wild card in your hands.</h5>
<p class="text-muted hero__subtitle">
Thanks to the fantom team for this opportunity
</p>
</div>
<div class="col-lg-6 order-1 order-lg-2 pt-5 hero-img d-flex align-items-center justify-content-center">
<img src="./assets/img/extension.png" class="img-fluid hero__image" alt="">
</div>
</div>
</div>
</section>
<!-- hero end -->
<!-- info start -->
<section class="min-vh-100" id="info">
<div class="container">
<div class="row justify-content-center pt-2">
<div class="col-lg-8 text-center mt-5">
<h2 class="fs-3 fw-normal lh-1 mb-3 text__effects info__title">
More information
</h2>
<p class="text-muted info__subtitle">
The Fantom premium is a new version of the Fantom human-readable address.
In this idea, we tried to use .FTM and .FTMP.COM domain address.
As you know, human-readable addresses are a short version of the commonly used address like this:
0xdadd00000.
We want to convert .FTM domain to > .FTMP.COM domain
and making that usable on the world wide web as a common domain which supported by all the browsers.
We can test this feature on real word if we have your support.
</p>
</div>
</div>
<h2 class="text__effects">Used technologies:</h2>
<div class="row d-flex align-items-center justify-content-center">
<div class="col-10 col-lg-4 col-md-6 mt-2 pt-2">
<div class="card rounded border-0 tech__card">
<div class="card-body text-center">
<i class="fa fa-diamond fa-4x tech__card-icon" aria-hidden="true"></i>
<h5 class="fs-14 mt-3 tech__card-title">Fantom network</h5>
<p class="text-muted mt-3 tech__card-subtitle">We are using fantom network for hosting our solidity codes. low fee and stable network.</p>
</div>
</div>
</div>
<div class="col-10 col-lg-4 col-md-6 mt-2 pt-2">
<div class="card rounded border-0 tech__card">
<div class="card-body text-center">
<i class="fa fa-gear fa-4x tech__card-icon" aria-hidden="true"></i>
<h5 class="fs-14 mt-3 tech__card-title">Rave names</h5>
<p class="text-muted mt-3 tech__card-subtitle">An auxiliary technology for showing up the chrome extension functionality.</p>
</div>
</div>
</div>
<div class="col-10 col-lg-4 col-md-6 mt-2 pt-2">
<div class="card rounded border-0 tech__card">
<div class="card-body text-center">
<i class="fa fa-chrome fa-4x tech__card-icon" aria-hidden="true"></i>
<h5 class="fs-14 mt-3 tech__card-title">Extension</h5>
<p class="text-muted mt-3 tech__card-subtitle">A Google Chrome extension for calling solidity functions and converting those data's into user-friendly content.</p>
</div>
</div>
</div>
<div class="col-10 col-lg-4 col-md-6 mt-2 pt-2">
<div class="card rounded border-0 tech__card">
<div class="card-body text-center">
<i class="fa fa-gift fa-4x tech__card-icon" aria-hidden="true"></i>
<h5 class="fs-14 mt-3 tech__card-title">Donation page</h5>
<p class="text-muted mt-3 tech__card-subtitle">In this section user will be eligible to use .FTM / .FTMP.COM domains on page and without any limitation which is applied by wallets.</p>
</div>
</div>
</div>
<div class="col-10 col-lg-4 col-md-6 mt-2 pt-2">
<div class="card rounded border-0 tech__card">
<div class="card-body text-center">
<i class="fa fa-wrench fa-4x tech__card-icon" aria-hidden="true"></i>
<h5 class="fs-14 mt-3 tech__card-title">Metamask/wallet connect</h5>
<p class="text-muted mt-3 tech__card-subtitle">Converting .FTM / .FTMP.COM domains into a usable address(hexadecimal 0x000 format) by deep linking for donation and advertisement purpose.</p>
</div>
</div>
</div>
<div class="col-10 col-lg-4 col-md-6 mt-2 pt-2">
<div class="card rounded border-0 tech__card">
<div class="card-body text-center">
<i class="fa fa-user-plus fa-4x tech__card-icon" aria-hidden="true"></i>
<h5 class="fs-14 mt-3 tech__card-title">Reward system</h5>
<p class="text-muted mt-3 tech__card-subtitle">This section isn't applied in the beta version. but we have a protocol which is rewarding does who used the .FTMP.COM domains.</p>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<p class="text-muted text-start">
<br>There's three main purposes that can be ideal for us:
<br>1. Using .FTMP.COM will make us eligible to earn rank 1 on the search engine query searches.
<br>2. helping community to use this new version of HRAs in their social media and making FTMP as a peer to peer advertisement tool.
<br> If somebody use .FTMP.COM domain (Example_user.FTMP.COM) in its social media profile will be eligible to receive community donation in the easiest way (replacement of classic way) and it is either a social media back link which help .FTMP.COM earn better ranking in searches.
<br>3. Wallets like metamask doesn't support .FTM / .FTM.COM very well. Our Chrome extension will solve this problem too.
<br>We focused on its SEO (Search engine optimization), and maybe it becomes trend in social media and earn more attentions to projects as a low-cost (0$) advertisement.
</p>
</div>
<div class="row pt-4">
<div class="col-lg-6 hero-img d-flex align-items-center justify-content-center">
<video src="./assets/video/animation-intro.mp4" muted loop autoplay class="img-fluid info__video"></video>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 text-start">
<h5 class="pb-4 m-0 text__effects">Introduction video</h5>
<p class="">
In this video we tried
to show up the functionality of the FTMP extension (only) and its new version of the HRAs.
We can't introduce the effects of .FTMP.COM domain replacement on project advertisement (SEO or peer to peer) with our tools, because its long term process and need little more time rather than extension development.
</p>
<ul class="info__list">
<li class="info__list-item"><i class="fa fa-star" aria-hidden="true"></i> Bolding .FTM/.FTMP.COM wallet address</li>
<li class="info__list-item"><i class="fa fa-star" aria-hidden="true"></i> Converting HRAs into a user-friendly version (Premium highlight)</li>
<li class="info__list-item"><i class="fa fa-star" aria-hidden="true"></i> Extracting data of a username by converting .FTM/.FTMP.COM wallet address to a metamask supported address</li>
<li class="info__list-item"><i class="fa fa-star" aria-hidden="true"></i> The end :)</li>
</ul>
</div>
</div>
</div>
</section>
<!-- info end -->
<!-- footer start -->
<div class="container text-center">
<div class="text-muted p-3">Made by <i class="fa fa-heart text__effects" aria-hidden="true"></i> for FTM community</div>
</div>
<!-- footer end -->
<script src="./assets/js/bootstrap.bundle.min.js"></script>
<script src="./assets/js/fas.js"></script>
<script class="">
function windowScroll() {
const navbar = document.getElementById("navbar");
const header = document.getElementById("header");
if (navbar) {
if (
document.body.scrollTop >= 50 ||
document.documentElement.scrollTop >= 50
) {
navbar.classList.add("nav-sticky");
header.classList.add("custom-navbar__active");
navbar.classList.add("p-0");
} else {
navbar.classList.remove("nav-sticky");
header.classList.remove("custom-navbar__active");
navbar.classList.remove("p-0");
}
}
}
window.addEventListener('scroll', (ev) => {
windowScroll();
})
</script>
</body>
</html>