Hugging Face's logo

Spaces:
AyushAI14
/
GameReco
Runtime error

App Files Community
GameReco
File size: 5,705 Bytes 
480c22a
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <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=Bonheur+Royale&display=swap" rel="stylesheet">

    <link href="https://fonts.googleapis.com/css2?family=Lacquer&display=swap" rel="stylesheet">

    <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=Jaro:opsz@6..72&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="{{ url_for('static', filename='recommend.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='home.css') }}">
    <title>Recommendation system</title>
</head>

<body>
    <div class="container1">
        <header class="navBar">
            <a href="/" class="logo">
                <span class="greyColor">

                    <span class="logoName">Recommend Yourself</span>


            </a>
            <ul class="menu">
                <li><a href="{{ url_for('home') }}" class="decoration">Home</a></li>
                <li><a href="{{ url_for('recommend') }}" class="decoration">Recommender</a></li>
                <li><a href="#Contact" class="decoration">Contact me</a></li>
            </ul>
        </header>
    </div>
    <h1 class="hed">Recommend Some Games</h1>
    <hr style="width: 70%;">
    <div class="cont">
        <form action="/UserRecommend" method="post">
            <input name="Userinputtitle" class="inputText" type="text" placeholder="Enter the game name">
            <!-- <select name="UserinputGenre" id="">
                <option value="" selected >Genre</option>
                <option value="MMORPG">MMORPG</option>
                <option value="Shooter">Shooter</option>
                <option value="Action RPG">Action RPG</option>
                <option value="Battle Royale">Battle Royale</option>
                <option value="ARPG">ARPG</option>
                <option value="MMOARPG">MMOARPG</option>
                <option value="Fighting">Fighting</option>
                <option value="MOBA">MOBA</option>
                <option value="Card">Card</option>
                <option value="Action Game">Action Game</option>
                <option value="Strategy">Strategy</option>
                <option value="Action">Action</option>
                <option value="Sports">Sports</option>
                <option value="Racing">Racing</option>
                <option value="Card Game">Card Game</option>
                <option value="MMO">MMO</option>
                <option value="Social">Social</option>
                <option value="Fantasy">Fantasy</option>
            </select> -->
            <input class="inputBtn" type="submit" value="submit">
        </form>
        <h1 style="margin-left: 150px;">Games like : {{ user_input_title }} </h1> <br>
        <div class="co">
            {% if games %}
                {% for game in games %}
                    <div class="card">
                        <img src="{{ game.thumbnail }}" alt="{{ game.title }}">
                        <h3 class="long-text , dot" >{{ game.title }}</h3>
                        <p class="dot , rel" >Developer: {{ game.developer }}</p>
                        <p class="long-text , rel">Genre: {{ game.genre }}</p>
                        <p class="long-text , rel">Platform: {{ game.platform }}</p>
                        <p class="long-text , rel">Release date: {{ game.release_date }}</p>
                        <div class="btn">
                            <button class="pad"><a href="{{ game.game_url }}" target="_blank" style="text-decoration: none; color: rgb(91, 31, 148);">Game</a></button>
                            <button class="pad"><a href="{{ game.freetogame_profile_url }}" target="_blank" style="text-decoration: none; color: rgb(91, 31, 148);">Profile</a></button>
                        </div>
                    </div>
                {% endfor %}
            {% else %}
                <p>No games found for the selected genre.</p>
            {% endif %}
        </div>
        

    </div>
    <div class="containerContactMe7">
        <div class="greetDivision">
            <div class="left">
                <div class="name">
                    <h1 style="font-size: 3rem;" id="Contact">Contact Me</h1>
                    <img alt="☎️" draggable="false"
                        src="https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/260e.png"
                        style="height: 4em; width: 4em; margin: 0px 0.05em 0px 3.1em; vertical-align: -0.1em;">
                </div>
                <h3 class="AboutMain">Discuss a project or just want to say hi? My Inbox is open for all.</h3>
                <h1 style="font-size: 2rem;">Ayushaiml14@gmail.com</h1>
                <div class="ContactsContainer1">
                    <a href="https://github.com/AyushAI14" target="_blank"><i
                            class="fa-brands fa-square-github"></i></a>
                    <a href="https://www.linkedin.com/in/ayush-vishwakarma-a2450a28b/" target="_blank"><i
                            class="fa-brands fa-linkedin"></i></a>
                    <a href="mailto:ayushaiml14@gmail.com" target="_blank"><i class="fa-solid fa-envelope"></i></a>
                </div>
            </div>

        </div>
        <script src="https://kit.fontawesome.com/73c3b1fe1f.js" crossorigin="anonymous"></script>

</body>

</html>