Kilokem/ConnectHub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FriendsDoneForNow

Browse Source
This commit is contained in:
Kilokem
2024-09-19 10:01:46 +02:00
parent ef58cba282
commit 4a90dbe25b
2 changed files with 195 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

238
pages/friends.html
View File

@ -45,12 +45,11 @@
/>
<label for="javascript" class="label">Jelölés</label>
</div>
<input placeholder="type it" class="search-input" name="text" type="text" />
<input placeholder="Ismerősök keresése" class="search-input" name="text" type="text" />
</div>
<!-- Usercards container -->
<div class="usercards">
<!-- Example usercard items, add more as needed -->
<div class="usercard">
<div class="infos">
<div class="image"></div>
@ -72,70 +71,177 @@
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<div class="usercard">
<div class="infos">
<div class="image"></div>
<div class="info">
<div>
<p class="name">DisplayName</p>
<p class="userid">@userIDname</p>
</div>
<div class="stats">
<p class="flex flex-col">Posztok
<span class="state-value">69</span>
</p>
<p class="flex">Barátok
<span class="state-value">420</span>
</p>
</div>
</div>
</div>
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<div class="usercard">
<div class="infos">
<div class="image"></div>
<div class="info">
<div>
<p class="name">DisplayName</p>
<p class="userid">@userIDname</p>
</div>
<div class="stats">
<p class="flex flex-col">Posztok
<span class="state-value">69</span>
</p>
<p class="flex">Barátok
<span class="state-value">420</span>
</p>
</div>
</div>
</div>
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<div class="usercard">
<div class="infos">
<div class="image"></div>
<div class="info">
<div>
<p class="name">DisplayName</p>
<p class="userid">@userIDname</p>
</div>
<div class="stats">
<p class="flex flex-col">Posztok
<span class="state-value">69</span>
</p>
<p class="flex">Barátok
<span class="state-value">420</span>
</p>
</div>
</div>
</div>
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<!-- Repeat usercard divs here -->
<!-- MORE ELEMENTS FOR TEST -->
<div class="usercard">
<div class="infos">
<div class="image"></div>
<div class="info">
<div>
<p class="name">DisplayName</p>
<p class="userid">@userIDname</p>
</div>
<div class="stats">
<p class="flex flex-col">Posztok
<span class="state-value">69</span>
</p>
<p class="flex">Barátok
<span class="state-value">420</span>
</p>
</div>
</div>
</div>
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<div class="usercard">
<div class="infos">
<div class="image"></div>
<div class="info">
<div>
<p class="name">DisplayName</p>
<p class="userid">@userIDname</p>
</div>
<div class="stats">
<p class="flex flex-col">Posztok
<span class="state-value">69</span>
</p>
<p class="flex">Barátok
<span class="state-value">420</span>
</p>
</div>
</div>
</div>
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<div class="usercard">
<div class="infos">
<div class="image"></div>
<div class="info">
<div>
<p class="name">DisplayName</p>
<p class="userid">@userIDname</p>
</div>
<div class="stats">
<p class="flex flex-col">Posztok
<span class="state-value">69</span>
</p>
<p class="flex">Barátok
<span class="state-value">420</span>
</p>
</div>
</div>
</div>
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<div class="usercard">
<div class="infos">
<div class="image"></div>
<div class="info">
<div>
<p class="name">DisplayName</p>
<p class="userid">@userIDname</p>
</div>
<div class="stats">
<p class="flex flex-col">Posztok
<span class="state-value">69</span>
</p>
<p class="flex">Barátok
<span class="state-value">420</span>
</p>
</div>
</div>
</div>
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<div class="usercard">
<div class="infos">
<div class="image"></div>
<div class="info">
<div>
<p class="name">DisplayName</p>
<p class="userid">@userIDname</p>
</div>
<div class="stats">
<p class="flex flex-col">Posztok
<span class="state-value">69</span>
</p>
<p class="flex">Barátok
<span class="state-value">420</span>
</p>
</div>
</div>
</div>
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<div class="usercard">
<div class="infos">
<div class="image"></div>
<div class="info">
<div>
<p class="name">DisplayName</p>
<p class="userid">@userIDname</p>
</div>
<div class="stats">
<p class="flex flex-col">Posztok
<span class="state-value">69</span>
</p>
<p class="flex">Barátok
<span class="state-value">420</span>
</p>
</div>
</div>
</div>
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<div class="usercard">
<div class="infos">
<div class="image"></div>
<div class="info">
<div>
<p class="name">DisplayName</p>
<p class="userid">@userIDname</p>
</div>
<div class="stats">
<p class="flex flex-col">Posztok
<span class="state-value">69</span>
</p>
<p class="flex">Barátok
<span class="state-value">420</span>
</p>
</div>
</div>
</div>
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<div class="usercard">
<div class="infos">
<div class="image"></div>
<div class="info">
<div>
<p class="name">DisplayName</p>
<p class="userid">@userIDname</p>
</div>
<div class="stats">
<p class="flex flex-col">Posztok
<span class="state-value">69</span>
</p>
<p class="flex">Barátok
<span class="state-value">420</span>
</p>
</div>
</div>
</div>
<div class="biocard"></div>
<button class="request" type="button">Barát bejelölése</button>
</div>
<!-- END OF MORE ELEMENTS FOR TEST -->
</div>
</div>