Skip to content

Commit 90f0698

Browse files
hakanensarihakanensari
authored
Merge branch 'lineofflight:main' into main
2 parents 7013e83 + 20e2da6 commit 90f0698

File tree

1 file changed

+110
-49
lines changed

1 file changed

+110
-49
lines changed

‎index.html‎

Lines changed: 110 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,116 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>The placeholder site</title>
7-
<link rel="stylesheet" href="https://fonts.xz.style/serve/inter.css" />
8-
<link
9-
rel="stylesheet"
10-
href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@latest/new.min.css"
11-
/>
12-
<script>
13-
document.addEventListener("DOMContentLoaded", function () {
14-
const domain = window.location.hostname || "example.com";
15-
const godaddyLink = document.querySelector('a[href*="godaddy.com"]');
16-
godaddyLink.href = `https://www.godaddy.com/en/domainsearch/find?domainToCheck=${domain}`;
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>The placeholder site</title>
7+
<link rel="stylesheet" href="https://fonts.xz.style/serve/inter.css" />
8+
<link
9+
rel="stylesheet"
10+
href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@latest/new.min.css"
11+
/>
12+
<style>
13+
.spinning-logo {
14+
display: inline-block;
15+
}
16+
.spinning-logo.spin {
17+
animation: spin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
18+
}
19+
@keyframes spin {
20+
from {
21+
transform: rotate(0deg);
22+
}
23+
to {
24+
transform: rotate(360deg);
25+
}
26+
}
27+
</style>
28+
<script>
29+
document.addEventListener("DOMContentLoaded", function () {
30+
const domain = window.location.hostname || "example.com";
1731

18-
// GoDaddy seems not to preserve query parameters when redirecting to a localized URL in (some?) mobile
19-
// browsers. This hopefully works around that.
20-
function isMobile() {
21-
return /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
22-
}
32+
// Populate Escrow.com form with domain
33+
document.getElementById("escrow-domain").value = domain;
34+
document.getElementById("escrow-title").value = domain;
2335

24-
if (isMobile()) {
25-
godaddyLink.addEventListener("click", function (e) {
26-
e.preventDefault();
27-
window.location.href = godaddyLink.href;
28-
});
29-
}
30-
});
31-
</script>
32-
</head>
33-
<body>
34-
<header>
35-
<h1>The placeholder site</h1>
36-
<nav>
37-
<a href="https://github.com/lineofflight/the-placeholder-site"
38-
>GitHub</a
36+
// Fetch price from config.json, default to 1 if not found
37+
fetch("config.json")
38+
.then((response) => response.json())
39+
.then((config) => {
40+
document.getElementById("escrow-price").value =
41+
config.price;
42+
});
43+
44+
// Handle buy link click
45+
const buyLink = document.getElementById("buy-domain");
46+
buyLink.addEventListener("click", function (e) {
47+
e.preventDefault();
48+
document.getElementById("escrow-form").submit();
49+
});
50+
51+
// Handle spinning logo - only once
52+
const logo = document.querySelector(".spinning-logo");
53+
let hasSpun = false;
54+
logo.addEventListener("mouseenter", function () {
55+
if (!hasSpun) {
56+
hasSpun = true;
57+
logo.classList.add("spin");
58+
}
59+
});
60+
});
61+
</script>
62+
</head>
63+
<body>
64+
<header>
65+
<h1>The placeholder site</h1>
66+
<nav>
67+
<a href="https://github.com/lineofflight/the-placeholder-site"
68+
>GitHub</a
69+
>
70+
</nav>
71+
</header>
72+
<p>This is a placeholder for a future project.</p>
73+
<p>
74+
Have another idea?
75+
<a href="mailto:hi@lineofflig.ht">Get in touch</a> or
76+
<a href="#" id="buy-domain">buy the domain</a>.
77+
</p>
78+
79+
<form
80+
id="escrow-form"
81+
action="https://www.escrow.com/checkout"
82+
method="post"
83+
target="_blank"
84+
style="display: none"
3985
>
40-
</nav>
41-
</header>
42-
<p>This is a placeholder for a future project.</p>
43-
<p>
44-
Have another idea?
45-
<a href="mailto:hi@lineofflig.ht">Get in touch</a> or
46-
<a href="https://www.godaddy.com">buy the domain</a>.
47-
</p>
48-
<a href="https://lineofflig.ht"
49-
><img
50-
src="lineofflight.jpg?v={{ site.time | date: '%s' }}"
51-
alt="Line of Flight"
52-
width="40"
53-
/></a>
54-
</body>
86+
<input type="hidden" name="type" value="domain_name" />
87+
<input
88+
type="hidden"
89+
name="non_initiator_email"
90+
value="company@lineofflig.ht"
91+
/>
92+
<input type="hidden" name="non_initiator_id" value="1364448" />
93+
<input type="hidden" name="non_initiator_role" value="seller" />
94+
<input type="hidden" id="escrow-title" name="title" value="title" />
95+
<input type="hidden" name="currency" value="USD" />
96+
<input type="hidden" id="escrow-domain" name="domain" value="" />
97+
<input type="hidden" id="escrow-price" name="price" value="1" />
98+
<input type="hidden" name="concierge" value="true" />
99+
<input type="hidden" name="with_content" value="false" />
100+
<input type="hidden" name="inspection_period" value="7" />
101+
<input type="hidden" name="fee_payer" value="buyer" />
102+
<input type="hidden" name="return_url" value="" />
103+
<input type="hidden" name="button_types" value="buy_now" />
104+
<input type="hidden" name="auto_accept" value="" />
105+
<input type="hidden" name="auto_reject" value="" />
106+
<input type="hidden" name="item_key" value="undefined" />
107+
</form>
108+
<a href="https://lineofflig.ht"
109+
><img
110+
class="spinning-logo"
111+
src="lineofflight.jpg?v={{ site.time | date: '%s' }}"
112+
alt="Line of Flight"
113+
width="60"
114+
/></a>
115+
</body>
55116
</html>

0 commit comments

Comments
 (0)