wingy-ship.github.io/play.html at main · Wingy-Ship/wingy-ship.github.io · GitHub

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
<html>
    <head>
        <link rel="icon" href="https://wingy-ship.github.io/Assets/Images/Icon.png">
        <link rel="shortcut icon" href="https://wingy-ship.github.io/Assets/Images/Icon.png">
        <title>Play | Wingy Ship!</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Play the official Wingy Ship game, where you drag your mouse or your screen to control the ship!">
        <meta name="author" content="OftenGuy">
        <meta property="og:type" content="website">
        <meta property="og:title" content="Play | Wingy Ship!">
        <meta property="og:description" content="Play the official Wingy Ship game, where you drag your mouse or your screen to control the ship!">
        <meta property="og:url" content="https://wingy-ship.github.io/play">
        <meta property="og:site_name" content="Play | Wingy Ship!">
        <meta property="og:image" content="https://wingy-ship.github.io/Assets/Images/Icon.png">
        <meta property="og:image:width" content="35">
        <meta property="og:image:height" content="50">
        <meta property="og:image:alt" content="Wingy Ship!">
        <link rel="stylesheet" href="https://wingy-ship.github.io/Assets/CascadingStyleSheets/home.css">
        <script src="https://cdn.jsdelivr.net/combine/npm/jquery@3.5.1/dist/jquery.slim.min.js,npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js,npm/@iconify/iconify@3.0.1" crossorigin></script>
    </head>
    <body style="position: inherit;">
        <div id="HomeNavBar" style="height: 100px;">
            <a href="https://wingy-ship.github.io" title="Wingy Ship!" target="_blank"><img src="https://wingy-ship.github.io/Assets/Images/Icon.png" alt="Wingy Ship!" width="55" height="64" style="-webkit-filter: drop-shadow(1px 1px 0 black); filter: drop-shadow(1px 1px 0 black); margin-left: 10px; margin-top: 10px;"><p style="margin-left: 70px; margin-top: -45px; font-size: 20px;">Wingy Ship!</p></a>
            <a href="https://wingy-ship.github.io" title="Home" target="_blank" style="position: absolute; margin: 0; top: 4%; left: 80%; transform: translate(0%, 0%);"><span class="iconify" data-icon="mdi:home"></span> Home</a>
            <a href="https://wingy-ship.github.io/about" title="About" target="_blank" style="position: absolute; margin: 0; top: 4%; left: 90%; transform: translate(0%, 0%);"><span class="iconify" data-icon="mdi:information"></span> About</a>
        </div>
        <div id="HomeIntro" style="height: 1000px; margin-top: -34px;">
            <h1 style="font-size: 50px; text-align: center;">Play</h1>
            <p style="text-align: center;"><iframe src="https://wingy-ship.github.io/Assets/Play/WingyShip" style="border: 5px solid #FF9999; border-radius: 10px;" width="800" height="600"></iframe></p>
            <h3 style="font-size: 40px; text-align: center;">Embed</h1>
            <div style="text-align: center;">
            	<input readonly value="&lt;iframe src=&quot;https://wingy-ship.github.io/Assets/Play/WingyShip&quot; style=&quot;border: 5px solid #FF9999; border-radius: 10px;&quot; width=&quot;800&quot; height=&quot;600&quot;&gt;" id="EmbedInput" style="background: red; border: 5px solid #990000; border-radius: 10px; width: 900px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';">
                <span style="font-size: 5px;">&nbsp;</span>
            	<button title="Embed" style="cursor: pointer; background: #FF6666; border: 3px solid red; border-radius: 5px;" onclick="embedGame()"><span class="iconify" data-icon="fluent-mdl2:embed"></span></button>
            </div>
        </div>
        <div id="HomeFooter" style="height: 87px;">
            <a href="https://wingy-ship.github.io" title="Wingy Ship!" target="_blank"><img src="https://wingy-ship.github.io/Assets/Images/Icon.png" alt="Wingy Ship!" width="55" height="64" style="-webkit-filter: drop-shadow(1px 1px 0 black); filter: drop-shadow(1px 1px 0 black); margin-left: 10px; margin-top: 10px;"><p style="margin-left: 70px; margin-top: -45px; font-size: 20px;">Wingy Ship!</p></a>
            <a href="https://oftenguy.github.io" title="OftenGuy" target="_blank"><p style="margin-top: -45px; position: absolute; left: 50%; transform: translate(-50%, 0%);">&copy; 2023-<span id="CurrentYear">Present</span> OftenGuy &copy;</p></a>
        </div>
        <script>
            document.getElementById("CurrentYear").innerHTML = new Date().getFullYear();
            function embedGame() {
            	var embedText = document.getElementById("EmbedInput");
                embedText.select();
                embedText.setSelectionRange(0, 99999);
                navigator.clipboard.writeText(embedText.value);
                alert("Embedded!");
                embedText.select();
                embedText.setSelectionRange(0, 0);
            }
        </script>
    </body>
</html>