42 lines
No EOL
1.5 KiB
HTML
42 lines
No EOL
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{user.fulName}}'s page</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@300;400;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
</head>
|
|
<body>
|
|
<main id="mainPageMain">
|
|
<section class="goodsSection">
|
|
<a href="/">>>> Go home</a>
|
|
<br>
|
|
<a href="javascript:history.back()"><<< Go back</a>
|
|
<hr>
|
|
<div class="userCard">
|
|
<img src="{{user.photo}}" alt="{{user.fullName}} avatar" class="avatar">
|
|
<h2>User "{{user.fullName}}"</h2>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<p>User has {{goodsCount}} goods in our store.</p>
|
|
<p>Their goods:</p>
|
|
<div class="goods">
|
|
{{#goods}}
|
|
<div class="goodsCard">
|
|
<h3>{{title}} # {{id}}</h3>
|
|
<h4>Category: {{category}}</h4>
|
|
<p class="description">{{description}}</p>
|
|
<a class="goodsLink" href="/goods/{{guid}}">More info...</a>
|
|
</div>
|
|
{{/goods}}
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html> |