forked from libertyalpha/morpheusasia
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
207 lines (197 loc) · 7.04 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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Page Title -->
<title>
Morpheus | Open-Source AI with Blockchain and Fair-Launch Tokenomics
</title>
<!-- Meta Description for SEO -->
<meta
name="description"
content="Morpheus is designed to incentivize the first open-source peer-to-peer network of personal general-purpose AI (smart agents)."
/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://morpheus.asia/" />
<meta
property="og:title"
content="Morpheus | Open-Source AI with Blockchain and Fair-Launch Tokenomics"
/>
<meta
property="og:description"
content="Morpheus is designed to incentivize the first open-source peer-to-peer network of personal general-purpose AI (smart agents)."
/>
<meta property="og:image" content="https://morpheus.asia/MOR_EM_512.png" />
<meta property="og:logo" content="https://morpheus.asia/MOR_EM_512.png" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://morpheus.asia/" />
<meta
name="twitter:title"
content="Morpheus | Open-Source AI with Blockchain and Fair-Launch Tokenomics"
/>
<meta
name="twitter:description"
content="Morpheus is designed to incentivize the first open-source peer-to-peer network of personal general-purpose AI (smart agents)."
/>
<meta name="twitter:image" content="https://morpheus.asia/MOR_EM_512.png" />
<!-- Canonical URL for SEO -->
<link rel="canonical" href="https://morpheus.asia/" />
<!-- Custom CSS -->
<link rel="stylesheet" href="style.css" />
<!-- Third Party Script -->
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://widgets.coingecko.com/gecko-coin-price-chart-widget.js"></script>
<!-- Tailwind Config -->
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: "#1EDC8D",
neutral: "#4a5061",
light: "#03170f",
},
},
},
};
</script>
<!-- Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-KJCN2SCGYY"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-KJCN2SCGYY");
</script>
</head>
<body>
<div
class="container px-5 md:px-8 mx-auto text-white flex justify-center flex-col items-center h-full gap-14 pb-3 pt-3 md:pt-5"
>
<div class="flex flex-col gap-8 text-center pt-3">
<header class="flex flex-col gap-3">
<div class="relative">
<button
class="md:hidden rounded-full bg-neutral px-6 h-7 mb-4 cursor-default"
>
<p class="text-xs font-bold">Coming soon</p>
</button>
<h1 class="text-4xl md:text-5xl font-bold">Morpheus Asia</h1>
<button
class="hidden md:block rounded-full bg-neutral px-4 h-6 absolute top-[15px] right-[-38px] cursor-default"
>
<p class="text-xs font-bold">Coming soon</p>
</button>
</div>
<p class="text-xl">Incentivizing Open-Source AI</p>
</header>
<img
src="MOR_EM_512.png"
alt="Morpheus Logo"
style="width: 512px"
class="floating-img"
/>
<div class="mt-8">
<a href="https://mor.org/">
<button
class="bg-primary px-12 py-3 rounded-sm text-light cursor-pointer hover:bg-[#25cb87]"
>
Go to Main Website
</button>
</a>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="border-2 border-primary rounded-md p-6 flex flex-col gap-3">
<h2 class="text-xl font-bold">About Morpheus</h2>
<p>
Morpheus is designed to incentivize the first open-source
peer-to-peer network of personal general-purpose AI (smart agents).
</p>
</div>
<div class="border-2 border-primary rounded-md p-6 flex flex-col gap-3">
<h2 class="text-xl font-bold">Powered by MOR Token</h2>
<p>
The Morpheus network is powered by the MOR token, which rewards
contributors who work together to build, maintain, and utilize the
open-source decentralized AI infrastructure.
</p>
</div>
<div class="border-2 border-primary rounded-md p-6 flex flex-col gap-3">
<h2 class="text-xl font-bold">
Uncensored & Private ChatGPT Alternative
</h2>
<p>
Try out
<a
href="https://venice.ai"
target="_blank"
class="text-[#21db8e] cursor-pointer"
>
Venice.ai </a
>, the Morpheus community AI project that offers all their PRO
features to MOR token holders for free. Web-enabled, text & picture
processing.
</p>
</div>
<div class="border-2 border-primary rounded-md p-6 flex flex-col gap-3">
<h2 class="text-xl font-bold">MOR20 Token Launchpad</h2>
<p>
Create a fair launch for projects, with a fair price discovery
mechanism and access the large network effect of the Morpheus
community. Read
<a
href="https://mor.org"
target="_blank"
class="text-[#21db8e] cursor-pointer"
>
MOR.org
</a>
for more info.
</p>
</div>
</div>
<div class="flex flex-col w-full gap-6 pb-12">
<h1 class="text-2xl md:text-4xl font-bold">24 Hours Price Chart</h1>
<div>
<gecko-coin-price-chart-widget
locale="en"
dark-mode="true"
outlined="true"
coin-id="morpheusai"
initial-currency="usd"
></gecko-coin-price-chart-widget>
</div>
</div>
</div>
<footer>
<p>
For any cooperation enquires, please contact
<span id="email" class="underline underline-offset-3 cursor-pointer"
>[click to reveal]</span
>
</p>
<p>© 2024 Morpheus. All rights reserved.</p>
</footer>
<script>
const user = "rene";
const domain = "morpheus";
const tld = "asia";
const emailField = document.getElementById("email");
emailField.addEventListener("click", () => {
emailField.textContent = `${user}@${domain}.${tld}`;
emailField.classList.remove("underline");
emailField.classList.remove("cursor-pointer");
});
</script>
</body>
</html>