Gnarwhal/achievements_project
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Completed first revision of front end. Enabled CORS in spring. Allowed path variable to be optional.

Browse source
This commit is contained in:
Gnarwhal 2021-01-29 03:30:05 -05:00
parent c160703048
commit e5a84268cc
Signed by: Gnarwhal
GPG key ID: 0989A73D8C421174
11 changed files with 456 additions and 328 deletions
Download patch file Download diff file Expand all files Collapse all files

53
frontend/webpage/templates/games_page.html.template Normal file
View file

@ -0,0 +1,53 @@
<div class="list-page-search">
<label for="game-search">Search</label>
<input id="game-search" type="text" placeholder="Name, Keyword, etc..." name="game-search" />
</div>
<div class="list-page-partitions">
<div class="list-page-filter-partition">
<p class="page-subheader-text">Filters</p>
<div class="page-subheader-separator"></div>
<div id="games-owned-filter" class="list-page-filter">
<div class="list-page-filter-checkbox"></div>
<p class="list-page-filter-name">Games Owned</p>
</div>
</div>
<div class="list-page-list-partition">
<div class="list-page-list">
<div class="list-page-list-header">
<p class="game-list-page-entry-icon"></p>
<p class="game-list-page-entry-name">Name</p>
<p class="game-list-page-entry-description">Description</p>
</div>
<div class="list-page-list-entry">
<img class="game-list-page-entry-icon" src="res/dummy_game.png" alt="Achievement Icon.png" />
<p class="game-list-page-entry-name">Latin</p>
<p class="game-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="list-page-list-entry">
<img class="game-list-page-entry-icon" src="res/dummy_game.png" alt="Achievement Icon.png" />
<p class="game-list-page-entry-name">Latin</p>
<p class="game-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="list-page-list-entry">
<img class="game-list-page-entry-icon" src="res/dummy_game.png" alt="Achievement Icon.png" />
<p class="game-list-page-entry-name">Latin</p>
<p class="game-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="list-page-list-entry">
<img class="game-list-page-entry-icon" src="res/dummy_game.png" alt="Achievement Icon.png" />
<p class="game-list-page-entry-name">Latin</p>
<p class="game-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="list-page-list-entry">
<img class="game-list-page-entry-icon" src="res/dummy_game.png" alt="Achievement Icon.png" />
<p class="game-list-page-entry-name">Latin</p>
<p class="game-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="list-page-list-entry">
<img class="game-list-page-entry-icon" src="res/dummy_game.png" alt="Achievement Icon.png" />
<p class="game-list-page-entry-name">Latin</p>
<p class="game-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</div>