Relic-Drop-Data/index.php at main · Elemtro/Relic-Drop-Data · 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
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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="description" content="Explore Warframe relic drop chances with Relic DropData. Stay updated with the latest information and visit us on GitHub!" />
    <title>Relics Drop Data</title>
    <meta name="google-site-verification" content="">
    <meta name="keywords" content="Warframe, Relics, Relic Farming, Prime Parts, Void Relics, Lith Relics, Meso Relics, Neo Relics, Axi Relics, Relic Refinement, Relic Rarity, Prime Warframes, Prime Weapons, Ducats Farming, Void Fissures, Relic Rotation, Relic Rewards, Relic Vaulted Items, Relic Trading">

    <meta property="og:description" content="Explore Warframe relic drop chances with Relic DropData. Stay updated with the latest information and visit us on GitHub!">
    <meta property="og:url" content="https://neptun.com.ua">
    <meta property="og:image" content="https://neptun.com.ua/images/Warframe-Emblem.png">
    <meta property="og:title" content="Relics Drop Data">
    <meta property="og:type" content="website">

    <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
    <link rel="manifest" href="icons/site.webmanifest">
    <link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/global.css">
    <link rel="stylesheet" href="styles/containers.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap">
</head>

<body>
    <div class="beginning">
        <div class="header">
            <img src="images/AxiRelicIntact.webp" alt="Axi relic logo" class="relic-logo">
            <p class="text">Relic Drop Data</p>
        </div>
        <a href="https://github.com/Elemtro/Relic-Drop-Data">
            <img src="images\github-mark-white.png" alt="GitHub logo" class="git-logo">
        </a>
    </div>

    <div class="middle-section">
        <div class="text-container">
            <p class="welcome-txt">
                Welcome to Relic Drop Data!
            </p>
            <p class="text2">
                Here you can search for relic drop chances and drop sources. <span class="break-point">Type at least 2 symbols.</span></p>
            </p>
        </div>

        <form id="myForm" onsubmit="return formSubmit()" action="#" method="get">
            <div class="container">
                <input type="text" class="search-bar" placeholder="Search..." name="query">
                <button type="submit" class="search-button" name="input">
                    <i class="fa fa-search"></i>
                </button>
            </div>
        </form>
    </div>
    <div class="result" style="display:none">
        Success
    </div>

    <div class="error" style="display:none">
        <p class="empty-field">
            Our first and only ajax request failed. We are sorry ;-;
        </p>";
    </div>

    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>

    <script>
        function formSubmit() {
            var str = $("#myForm").serialize();
            console.log(str); //we can check our string in console

            $.ajax({
                type: 'get',
                url: 'includes/formhandler.inc.php',
                data: str,
                success: function(results) {
                    if (results == 'error!') { //if UNsuccesfull
                        console.log(results);
                        $('#myForm').css('display', 'none');
                        $('.error').css('display', 'flex');
                    } else { //if succesfull
                        $('.result').css('display', 'flex');
                        $('.result').html(results);
                    }
                }
            });
            return false;
        }
    </script>
</body>

</html>