-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
82 lines (79 loc) · 5.96 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Your first deploy</title>
<link rel='stylesheet' href='main.css'>
<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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<script>
document.addEventListener('DOMContentLoaded', (event) => {
const copyButton = document.querySelector('#copy-button');
const preElement = document.querySelector('pre');
const messageDiv = document.createElement('div');
messageDiv.id = 'copy-message';
preElement.parentNode.insertBefore(messageDiv, preElement.nextSibling);
copyButton.addEventListener('click', () => {
const text = preElement.textContent;
navigator.clipboard.writeText(text).then(() => {
messageDiv.textContent = 'Copied URL';
setTimeout(() => {
messageDiv.textContent = '';
}, 2000);
}).catch(err => {
messageDiv.textContent = 'Failed to copy';
console.error('Failed to copy: ', err);
setTimeout(() => {
messageDiv.textContent = '';
}, 2000);
});
});
});
</script>
</head>
<body>
<main>
<header class="page-header">
<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.2812 25.35L16.7625 22.8313L15.4062 24.1875L19.2812 28.0625L27.0312 20.3125L25.675 18.9563L19.2812 25.35Z" fill="white"/>
<path d="M11.9187 28.0625L1.84375 22.0562C1.2625 21.6687 0.875 21.0875 0.875 20.4094V8.59062C0.875 7.9125 1.2625 7.23437 1.84375 6.94375L11.5312 1.22812C11.8219 1.03437 12.1125 0.9375 12.5 0.9375C12.8875 0.9375 13.1781 1.03437 13.4688 1.22812L23.1562 6.94375C23.7375 7.33125 24.125 7.9125 24.125 8.59062V14.5H22.1875V8.59062L12.5 2.875L2.8125 8.59062V20.4094L12.9844 26.4156L11.9187 28.0625Z" fill="white"/>
</svg>
</header>
<section class="content container">
<div class="title">
<h1><strong>{$AccountName}'s</strong> first deploy</h1>
</div>
<div class="details">
<ul>
<li>
<span>
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.875 8.99998L1.5 5.62498L2.03025 5.09473L4.875 7.9391L9.96975 2.84473L10.5 3.37498L4.875 8.99998Z" fill="#F4F0FF"/>
</svg>
</span>
Deployed static site example
</li>
<li>
<span>
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.99931 0.750031C4.75291 0.750199 3.54723 1.1938 2.59794 2.00148C1.64865 2.80916 1.01768 3.92823 0.817894 5.15851C0.61811 6.38879 0.862545 7.65001 1.50748 8.71658C2.15241 9.78314 3.15576 10.5855 4.33806 10.98C4.60056 11.0288 4.71306 10.8675 4.71306 10.7288C4.71306 10.59 4.71306 10.275 4.71306 9.83628C3.25431 10.1513 2.94681 9.13128 2.94681 9.13128C2.84422 8.80984 2.62833 8.53664 2.3393 8.36253C1.86305 8.04003 2.37681 8.04378 2.37681 8.04378C2.54316 8.06728 2.70194 8.12849 2.84102 8.22273C2.98011 8.31697 3.09581 8.44174 3.1793 8.58753C3.32456 8.84806 3.56733 9.04023 3.85424 9.12181C4.14115 9.20338 4.44872 9.16767 4.70931 9.02253C4.73048 8.75646 4.84778 8.50719 5.03931 8.32128C3.87681 8.18628 2.65056 7.73628 2.65056 5.72628C2.64205 5.20424 2.83551 4.69909 3.19056 4.31628C3.02985 3.8641 3.04864 3.36752 3.24306 2.92878C3.24306 2.92878 3.68181 2.78628 4.68681 3.46503C5.54611 3.23064 6.4525 3.23064 7.31181 3.46503C8.31306 2.78628 8.75181 2.92878 8.75181 2.92878C8.94622 3.36752 8.96501 3.8641 8.80431 4.31628C9.15935 4.69909 9.35281 5.20424 9.34431 5.72628C9.34431 7.74378 8.11806 8.18628 6.94806 8.31753C7.07339 8.44457 7.17004 8.59699 7.23149 8.76453C7.29294 8.93207 7.31777 9.11084 7.30431 9.28878C7.30431 9.99003 7.30431 10.5563 7.30431 10.7288C7.30431 10.9013 7.39806 11.0325 7.67931 10.98C8.86315 10.585 9.86754 9.78111 10.5124 8.71258C11.1572 7.64405 11.4003 6.38075 11.198 5.14923C10.9958 3.9177 10.3615 2.7985 9.40876 1.99232C8.45605 1.18614 7.24732 0.74572 5.99931 0.750031V0.750031Z" fill="#F4F0FF"/>
</svg>
</span>
<a href="https://github.com/render-examples/sample-static-site" target="_blank">render-examples/sample-static-site</a>
</li>
</ul>
<div id="copyable">
<pre><code>{$HostName}</code><button id="copy-button" aria-label="Copy"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 5V14H5V5H14ZM14 4H5C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5V14C4 14.2652 4.10536 14.5196 4.29289 14.7071C4.48043 14.8946 4.73478 15 5 15H14C14.2652 15 14.5196 14.8946 14.7071 14.7071C14.8946 14.5196 15 14.2652 15 14V5C15 4.73478 14.8946 4.48043 14.7071 4.29289C14.5196 4.10536 14.2652 4 14 4Z" fill="#F0F0F0"/>
<path d="M2 9H1V2C1 1.73478 1.10536 1.48043 1.29289 1.29289C1.48043 1.10536 1.73478 1 2 1H9V2H2V9Z" fill="#F0F0F0"/>
</svg>
</button></pre>
<div id="message"></div>
</div>
</div>
</section>
</main>
</body>
</html>