| <!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"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <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> |
