_game_card.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <div class="card" >
  2. <div class="row no-gutters">
  3. <div class="col-auto">
  4. {% if game.screenshot %}
  5. <img src="{{game.screenshot.url}}" class="img-fluid" alt="Screenshot of {{game.name}}">
  6. {% elif game.marquee %}
  7. <img src="{{game.marquee.url}}" class="img-fluid" alt="Title of {{game.name}}">
  8. {% else %}
  9. <h2>{{game.name}}</h2>
  10. {% endif %}
  11. </div>
  12. <div class="col">
  13. <div class="card-block px-2">
  14. <h4 class="card-title">{{game.name}}{% if game.region %} [{{game.region}}]{% endif %}</h4>
  15. <p class="card-text">{{game.description|truncatechars:220}}</p>
  16. <a href="{{game.get_absolute_url}}" class="btn btn-primary">More</a>
  17. <a href="{{game.rom_file.url}}" class="btn btn-alert">Download</a>
  18. </div>
  19. </div>
  20. </div>
  21. <div class="card-footer w-100 text-muted">
  22. <a href="{{game.game_system.get_absolute_url}}">
  23. <span class="system-badge badge badge-success {{game.game_system.retropie_slug}}">{{game.game_system.name|upper}}</span>
  24. </a>
  25. <b>&nbsp;&nbsp;{{game.rating_by_100}}/100</b>
  26. <div id="genre-badges" style="float:right">
  27. {% for genre in game.genre.all %}
  28. <a href="{{genre.get_absolute_url}}">
  29. <span class="badge">{{genre.name}}</span>
  30. </a>
  31. {% endfor %}
  32. </div>
  33. </div>
  34. </div>
  35. <br />