Spaces:
Sleeping
Sleeping
| <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="/static/recommend.css"> | |
| <link rel="stylesheet" href="/static/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="user_input_title" 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> |