-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhome.html
145 lines (137 loc) · 8.18 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<! index html>
{% load static %}
<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, shrink-to-fit=no"/>
<meta name="description" content="The main page of Art-Safebox"/>
<meta name="author" content="Eric"/>
<title>Art-Safebox</title>
<link REL="SHORTCUT ICON" HREF="{% static "favicon.ico" %}"/>
<!-- Bootstrap core CSS -->
<link href="{% static 'bootstrap_theme/bootstrap.css' %}" rel="stylesheet" type="text/css"/>
<link href="{% static 'viewer/viewer.css' %}" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="{% static 'blocks.css' %}"/>
<script type="text/javascript" src="{% static 'viewer/viewer.js'%}"></script>
<script type="text/javascript" src="{% static 'jquery/jquery-3.6.0.min.js'%}"></script>
<script type="text/javascript" src="{% static 'js/custom.js' %}"></script>
<script>
checkSigninState("signin.html");
</script>
</head>
<body class="fw-light text-secondary">
<nav class="bg-white fixed-top fs-4 navbar navbar-expand-lg navbar-light py-lg-1">
<div class="container">
<div class="w-25">
<img src="{% static 'favicon.ico' %}" class="w-25" alt="Icon here."/>
<a class="bg-white fw-bold navbar-brand " href="#" target="_pg_blank">Art-Safebox</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown-3" aria-controls="navbarNavDropdown-3" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarNavDropdown-3">
<ul class="ms-auto navbar-nav">
<li class="nav-item"><a class="active nav-link px-lg-3 py-lg-4" aria-current="page" href="home.html">Home</a>
</li>
<li class="nav-item"> <a class="nav-link px-lg-3 py-lg-4" href="personal.html">@{{ user_id }}</a>
</li>
<li class="nav-item">
<a class="nav-link pb-lg-4 pe-lg-3 ps-lg-3 pt-lg-4 px-lg-3 py-lg-4">Balance: <nobr id="amount">{{ balance }}</nobr> XAV</a>
</li>
<li class="nav-item"> <a class="nav-link pb-lg-4 pe-lg-3 ps-lg-3 pt-lg-4 px-lg-3 py-lg-4" onclick="recharge()">Recharge</a>
</li>
<li class="nav-item"> <a class="nav-link px-lg-3 py-lg-4" onclick="signOut()">Sign out</a>
</li>
</ul>
</div>
</div>
</nav>
<nav class="bg-white navbar navbar-expand-lg navbar-light py-lg-1">
<div class="container"> <a class="fw-bold navbar-brand" href="#" target="_pg_blank"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown-3" aria-controls="navbarNavDropdown-3" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarNavDropdown-3">
<ul class="ms-auto navbar-nav">
<li class="nav-item"> <a class="nav-link px-lg-3 py-lg-4 text-white" href="#">1</a>
</li>
</ul>
</div>
</div>
</nav>
<main class="background-cover pb-5">
<section>
<div class="container">
<div class="justify-content-center row"></div>
</div>
</section>
<div class="container pb-4 pt-4">
<div class="align-items-center row">
<div class="w-25">
<h2 class="fs-2 fw-normal lead mb-0 text-center text-dark">Market Place</h2>
</div>
<div class="w-75">
<hr class="mb-0 mt-0"/>
</div>
</div>
</div>
<section>
<div class="container">
<div class="justify-content-center row">
{% for collection in collections %}
<div class="col-6 col-lg-4 col-md-4 pb-3 pt-3">
<div class=" placeholder-glow shadow">
<a class="d-block mb-3" style="cursor: zoom-in">
<img id="img_{{ collection.idx }}" data-original="static/previews/{{collection.path}}" src="static/previews/{{collection.path}}" class="img-fluid w-100" alt="Product image"/>
</a>
<a href="others.html?id={{ collection.owner }}" class="d-inline-block fs-4 link-secondary mb-2 small text-decoration-none">@{{ collection.owner }}</a>
<a class="d-inline-block float-end fs-4 link-secondary mb-2 me-2 small text-center text-decoration-none">{{ collection.price }} XAV</a>
<a class="link-dark text-decoration-none"><h3 class="fs-5">{{ collection.title }}</h3></a>
<div>
<a class="align-middle btn btn-dark fs-3 text-white w-100" onclick="purchase('{{ collection.title }}')">Purchase</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
</main>
<div class="container-fluid p-0">
<div class="g-0 row"></div>
</div>
<footer class="bg-dark bg-gradient pt-5 text-white">
<div class="container">
<div class="row">
<div class="col-xl-4 py-3"> <a href="#" class="d-inline-block fw-bold h2 link-light mb-4 text-decoration-none" target="_pg_blank">Art-Safebox</a>
<p class="mb-3">A secure digital art works sharing, exchanging, and enjoying platform. We do our best to protect your artwork and your profits.</p>
<div class="mb-4"> <a href="#" class="link-light text-decoration-none">+852 1212-5656</a> <br/> <a href="#" class="link-light text-decoration-none">[email protected]</a>
</div>
</div>
</div>
<div class="pb-3 pt-3 small">
<hr class="border-secondary mt-0"/>
<div class="align-items-center row">
<div class="col-md pb-2 pt-2">
<p class="mb-0">© 2002 - 2022 | All Rights Reserved - Art-Safebox</p>
</div>
<div class="col-md-auto pb-2 pt-2">
<a href="#" class="link-light text-decoration-none">Privacy Policy</a> | <a href="#" class="link-light text-decoration-none">Terms of Use</a>
</div>
</div>
</div>
</div>
</footer>
{% for collection in collections %}
<script>
new Viewer(document.getElementById('img_{{ collection.idx }}'),{
url: 'data-original',
title: false,
toolbar: false,
navbar: false
});
</script>
{% endfor %}
<script src="{% static 'assets/js/popper.min.js' %}"></script>
<script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
</body>
</html>