DV8/GameExpo23
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/GameExpo23.git synced 2025-06-29 02:36:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add games view

Browse source 
Work on displaying correct game information
Epic-er nav
This commit is contained in:
Michał Gdula 2023-05-17 23:04:17 +01:00
parent c1f8f67e64
commit 51ba6cd0ea
17 changed files with 182 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

16
DV8-Expo/website/templates/base.html
View file

@ -7,6 +7,8 @@
<title>Game Event 23</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap">
@ -14,20 +16,18 @@
<script src="https://unpkg.com/@phosphor-icons/web"></script>
<!-- Stylesheets -->
{% assets "scripts" %}
<script src="{{ ASSET_URL }}" defer></script>
{% endassets %}
{% assets "scripts" %}<script src="{{ ASSET_URL }}" defer></script>{% endassets %}
<!-- Scripts -->
{% assets "styles" %}
<link rel="stylesheet" href="{{ ASSET_URL }}" type="text/css" defer>
{% endassets %}
{% assets "styles" %}<link rel="stylesheet" href="{{ ASSET_URL }}" type="text/css" defer>{% endassets %}
</head>
<body>
<nav>
<a href="{{ url_for('website.index') }}">Home</a>
<h1>DV8 Game Expo <span>2023</span></h1>
<span><!-- This is a separator --></span>
<a href="{{ url_for('website.index') }}">About</a>
<a href="{{ url_for('website.index') }}#">Home</a>
<a href="{{ url_for('website.index') }}#About">About</a>
<a href="{{ url_for('website.index') }}#Games">Games</a>
{% if current_user.is_authenticated %}<a href="{{ url_for('website.logout') }}">Logout</a>{% endif %}
</nav>

18
DV8-Expo/website/templates/game.html Normal file
View file

@ -0,0 +1,18 @@
{% extends "base.html" %}
{% block background %}
{% if game.background %}
{{ url_for('static', filename='backgrounds/' + game.background) }}
{% else %}
{{ url_for('static', filename='backgrounds/default.jpg') }}
{% endif %}
{% endblock %}
{% block content %}
<header style="height: 40vh">
<h1>{{ game.name }}</h1>
</header>
<section class="fill">
<h2>Games</h2>
<p>Here are some games AAAA</p>
</section>
{% endblock %}

22
DV8-Expo/website/templates/index.html
View file

@ -7,30 +7,34 @@
<i class="ph-bold ph-caret-double-down"></i>
</header>
<section>
<section id="About">
<h2>About</h2>
<p>Tap to add text</p>
</section>
<section>
<section id="Games">
<h2>Games</h2>
<p>Here are some games AAAA</p>
<div class="games">
{% for game in range(10) %}
{% for game in games %}
<div class="game-box">
<img src="{{ url_for('static', filename='images/3.jpg') }}" alt="game image">
<h2>game name</h2>
<p>mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow mow</p>
{% if game.thumbnail %}
<img src="{{ url_for('static', filename='thumbnails/' + game.thumbnail) }}" alt="game image">
{% else %}
<img src="{{ url_for('static', filename='thumbnails/default.jpg') }}" alt="game image">
{% endif %}
<h2>{{ game.name }}</h2>
<p>{{ game.description|truncate(100) }}</p>
<div class="options">
<a href="#" style="width: 100%">View</a>
<a href="#" style="width: 2.5rem"><i class="ph ph-download"></i></a>
<a href="{{ url_for('website.g', game_id=game.id) }}" style="width: 100%">View</a>
{% if game.downloadLink %}<a href="{{ game.downloadLink }}" style="background-color: var(--secondary-button); width: 2.5rem"><i class="ph ph-download"></i></a>{% endif %}
<a href="#" style="background-color: var(--secondary-button); width: 2.5rem"><i class="ph ph-warning"></i></a>
</div>
</div>
{% endfor %}
</div>
</section>
{% endblock %}