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

Added user login and account creation

Browse source
This commit is contained in:
Gnarwhal 2021-02-05 04:59:17 -05:00
parent 9ba8a99e82
commit 5a1dd33dfe
Signed by: Gnarwhal
GPG key ID: 0989A73D8C421174
19 changed files with 1276 additions and 874 deletions
Download patch file Download diff file Expand all files Collapse all files

221
frontend/webpage/templates/profile_page.html.template
View file

@ -1,134 +1,149 @@
<div id="profile-section-1">
<div id="profile-info">
<img id="profile-info-pfp" src="res/temp_pfp.png" alt="User's Profile Pictuer" />
<div class="page-subheader-separator"></div>
<p id="profile-info-name">Jane Doe</p>
</div>
<div id="profile-platforms">
<p class="page-subheader-text">Platforms</p>
<div class="page-subheader-separator"></div>
<div class="profile-platform-entry connected">
<div class="profile-platform-entry-left">
<img class="profile-platform-icon" src="res/steam.png" alt="Steam Logo" />
<p class="profile-platform-name">Steam</p>
<div class="profile-list">
<div class="profile-entry accented">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/steam.png" alt="Steam Logo" />
<p class="profile-entry-text">Steam</p>
</div>
<div class="profile-entry-right">
<p class="profile-entry-text accented">Connected</p>
</div>
</div>
<div class="profile-platform-entry-right">
<p class="profile-platform-connected">Connected</p>
<div class="profile-entry">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/xbox.png" alt="Xbox Logo" />
<p class="profile-entry-text">Xbox Live</p>
</div>
<div class="profile-entry-right">
<p class="profile-entry-text accented">Connected</p>
</div>
</div>
</div>
<div class="profile-platform-entry">
<div class="profile-platform-entry-left">
<img class="profile-platform-icon" src="res/xbox.png" alt="Xbox Logo" />
<p class="profile-platform-name">Xbox Live</p>
</div>
<div class="profile-platform-entry-right">
<p class="profile-platform-connected">Connected</p>
</div>
</div>
<div class="profile-platform-entry">
<div class="profile-platform-entry-left">
<img class="profile-platform-icon" src="res/psn.png" alt="PSN Logo" />
<p class="profile-platform-name">PSN</p>
</div>
<div class="profile-platform-entry-right">
<p class="profile-platform-connected">Connected</p>
<div class="profile-entry">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/psn.png" alt="PSN Logo" />
<p class="profile-entry-text">PSN</p>
</div>
<div class="profile-entry-right">
<p class="profile-entry-text accented">Connected</p>
</div>
</div>
</div>
</div>
</div>
<div id="profile-section-2">
<div id="profile-games">
<p class="page-subheader-text">Games</p>
<p class="page-subheader-text link">Games</p>
<div class="page-subheader-separator"></div>
<div class="profile-game-entry">
<img class="profile-game-entry-icon" src="res/dummy_game.png" alt="Some Game Icon" />
<p class="profile-game-entry-name">Latin</p>
</div>
<div class="profile-game-entry">
<img class="profile-game-entry-icon" src="res/dummy_game.png" alt="Some Game Icon" />
<p class="profile-game-entry-name">Latin</p>
</div>
<div class="profile-game-entry">
<img class="profile-game-entry-icon" src="res/dummy_game.png" alt="Some Game Icon" />
<p class="profile-game-entry-name">Latin</p>
</div>
<div class="profile-game-entry">
<img class="profile-game-entry-icon" src="res/dummy_game.png" alt="Some Game Icon" />
<p class="profile-game-entry-name">Latin</p>
<div class="profile-list">
<div class="profile-entry game">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_game.png" alt="Some Game Icon" />
<p class="profile-entry-text">Latin</p>
</div>
</div>
<div class="profile-entry game">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_game.png" alt="Some Game Icon" />
<p class="profile-entry-text">Latin</p>
</div>
</div>
<div class="profile-entry game">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_game.png" alt="Some Game Icon" />
<p class="profile-entry-text">Latin</p>
</div>
</div>
<div class="profile-entry game">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_game.png" alt="Some Game Icon" />
<p class="profile-entry-text">Latin</p>
</div>
</div>
</div>
</div>
<div id="profile-achievements">
<p class="page-subheader-text">Achievements</p>
<p class="page-subheader-text link">Achievements</p>
<div class="page-subheader-separator"></div>
<div class="profile-achievement-entry completed">
<div class="profile-achievement-entry-left">
<img class="profile-achievement-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-achievement-entry-name">Lorem Ipsum</p>
<div class="profile-list">
<div class="profile-entry accented">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-entry-text">Lorem Ipsum</p>
</div>
<div class="profile-entry-right">
<p class="profile-entry-text accented">Completed</p>
</div>
</div>
<div class="profile-achievement-entry-right">
<p class="profile-achievement-completed">Completed</p>
<div class="profile-entry accented">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-entry-text">Lorem Ipsum</p>
</div>
<div class="profile-entry-right">
<p class="profile-entry-text accented">Completed</p>
</div>
</div>
</div>
<div class="profile-achievement-entry completed">
<div class="profile-achievement-entry-left">
<img class="profile-achievement-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-achievement-entry-name">Lorem Ipsum</p>
<div class="profile-entry accented">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-entry-text">Lorem Ipsum</p>
</div>
<div class="profile-entry-right">
<p class="profile-entry-text accented">Completed</p>
</div>
</div>
<div class="profile-achievement-entry-right">
<p class="profile-achievement-completed">Completed</p>
<div class="profile-entry">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-entry-text">Lorem Ipsum</p>
</div>
<div class="profile-entry-right">
<p class="profile-entry-text accented">Completed</p>
</div>
</div>
</div>
<div class="profile-achievement-entry completed">
<div class="profile-achievement-entry-left">
<img class="profile-achievement-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-achievement-entry-name">Lorem Ipsum</p>
<div class="profile-entry">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-entry-text">Lorem Ipsum</p>
</div>
<div class="profile-entry-right">
<p class="profile-entry-text accented">Completed</p>
</div>
</div>
<div class="profile-achievement-entry-right">
<p class="profile-achievement-completed">Completed</p>
<div class="profile-entry">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-entry-text">Lorem Ipsum</p>
</div>
<div class="profile-entry-right">
<p class="profile-entry-text accented">Completed</p>
</div>
</div>
</div>
<div class="profile-achievement-entry">
<div class="profile-achievement-entry-left">
<img class="profile-achievement-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-achievement-entry-name">Lorem Ipsum</p>
<div class="profile-entry">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-entry-text">Lorem Ipsum</p>
</div>
<div class="profile-entry-right">
<p class="profile-entry-text accented">Completed</p>
</div>
</div>
<div class="profile-achievement-entry-right">
<p class="profile-achievement-completed">Completed</p>
</div>
</div>
<div class="profile-achievement-entry">
<div class="profile-achievement-entry-left">
<img class="profile-achievement-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-achievement-entry-name">Lorem Ipsum</p>
</div>
<div class="profile-achievement-entry-right">
<p class="profile-achievement-completed">Completed</p>
</div>
</div>
<div class="profile-achievement-entry">
<div class="profile-achievement-entry-left">
<img class="profile-achievement-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-achievement-entry-name">Lorem Ipsum</p>
</div>
<div class="profile-achievement-entry-right">
<p class="profile-achievement-completed">Completed</p>
</div>
</div>
<div class="profile-achievement-entry">
<div class="profile-achievement-entry-left">
<img class="profile-achievement-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-achievement-entry-name">Lorem Ipsum</p>
</div>
<div class="profile-achievement-entry-right">
<p class="profile-achievement-completed">Completed</p>
</div>
</div>
<div class="profile-achievement-entry">
<div class="profile-achievement-entry-left">
<img class="profile-achievement-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-achievement-entry-name">Lorem Ipsum</p>
</div>
<div class="profile-achievement-entry-right">
<p class="profile-achievement-completed">Completed</p>
<div class="profile-entry">
<div class="profile-entry-left">
<img class="profile-entry-icon" src="res/dummy_achievement.png" alt="Some Achievement Icon" />
<p class="profile-entry-text">Lorem Ipsum</p>
</div>
<div class="profile-entry-right">
<p class="profile-entry-text accented">Completed</p>
</div>
</div>
</div>
</div>