-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathheader.html
More file actions
84 lines (80 loc) · 5.81 KB
/
header.html
File metadata and controls
84 lines (80 loc) · 5.81 KB
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
<link rel="stylesheet" href="/style.css" />
<link href="/home.css" rel="stylesheet" />
<script src="/cart/script.js"></script>
<style>
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .cart_view {
flex-direction: column;
visibility: hidden;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 20px;
padding: 5px 0;
position: absolute;
transform: translateY(40px);
z-index: 1;
margin-left: -250px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .cart_view::after {
flex-direction: column;
content: "";
position: absolute;
top: 135%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .cart_view {
visibility: visible;
opacity: 1;
}
</style>
<nav style="position: fixed; display: flex; z-index: 40;" class="home-centered" onload="load_cart()">
<div style="background-color: transparent; border: 1px solid #ffffff26;" class="blur home-left">
<img alt="logo" src="/public/external/pastedimage-tlvr-200h.png" class="button-hover home-logo1" onclick="window.location = 'https://4re5group.github.io'">
<div style="color: white;" class="home-links1">
<a href="/solutions/" class="home-link Link">Solutions</a>
<a href="/products/" class="home-link Link">Products</a>
<a href="https://discord.gg/Rfb5ajz7cM" target="_blank" rel="noreferrer noopener" class="home-link2 Link">
Community
</a>
<a href="https://github.com/4re5group" target="_blank" rel="noreferrer noopener" class="home-link3 Link">
<span>Github</span>
<br>
</a>
</div>
<div id="cart" class="home-get-started tooltip">
<div style="background-color: hsla(60, 0%, 0%, .5); padding: 20px; display: flex; text-align: center; width: 300px;" class="blur cart_view">
<div style="width: 100%; border-top-width: 0px; border-style: solid; border-color: var(--dl-color-template-blue-bg); border-bottom-width: 2px; border-left-width: 0px; border-right-width: 0px;">
<svg style="margin-right: 60%;" viewBox="0 0 1024 1024" class="home-icon02"><path d="M469.333 896c0-23.552-9.6-44.928-25.003-60.331s-36.779-25.003-60.331-25.003-44.928 9.6-60.331 25.003-25.003 36.779-25.003 60.331 9.6 44.928 25.003 60.331 36.779 25.003 60.331 25.003 44.928-9.6 60.331-25.003 25.003-36.779 25.003-60.331zM938.667 896c0-23.552-9.6-44.928-25.003-60.331s-36.779-25.003-60.331-25.003-44.928 9.6-60.331 25.003-25.003 36.779-25.003 60.331 9.6 44.928 25.003 60.331 36.779 25.003 60.331 25.003 44.928-9.6 60.331-25.003 25.003-36.779 25.003-60.331zM308.096 298.667h621.653l-58.496 306.816c-1.963 9.728-7.083 18.133-14.165 24.235-7.68 6.656-17.621 10.496-29.355 10.283h-415.317c-9.899 0.128-19.243-3.029-26.709-8.661-8.107-6.101-14.037-14.976-16.171-25.728zM42.667 85.333h135.68l36.181 180.864c4.608 18.645 21.419 32.469 41.472 32.469h52.096l-17.067-85.333h-35.029c-23.552 0-42.667 19.115-42.667 42.667 0 2.261 0.171 4.48 0.512 6.613 0.171 1.195 0.427 2.432 0.725 3.584l71.296 356.139c6.357 32.043 24.277 59.008 48.64 77.269 22.229 16.725 49.92 26.155 79.104 25.728h414.123c31.915 0.64 62.080-11.136 85.12-31.019 21.077-18.176 36.181-43.221 42.027-71.808l68.352-358.485c4.395-23.168-10.752-45.483-33.92-49.92-2.773-0.555-5.547-0.811-7.979-0.768h-690.347l-35.84-179.029c-4.011-19.712-21.205-34.304-41.813-34.304h-170.667c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"></path></svg>
<span style="width: 10%; ">Total: </span>
<span id="subtotal" style="width: 10%; color: var(--dl-color-template-blue-bg);">$0</span>
</div>
<div id="cart_view" style="width: 100%; height: 320px; overflow-y: auto;">
<h1 style="height: 50%; align-items: top; display: flex; align-self: center;">Your cart is empty</h1>
</div>
<div style="margin-bottom: 10px;margin-top: 10px;">
</div>
<div>
<button class="button-hover" style="background: var(--dl-color-template-blue-bg);color:white;text-align: center;padding: 12px;text-decoration: none;display: block;border-radius: 10px; border: transparent;font-size: 16px;margin: 25px 0 15px 0;&:hover { background: lighten(var(--dl-color-template-blue-bg), 3%);}; width: 100%;" onclick="window.location = '/cart/'">VIEW CART</button>
</div>
</div>
<svg viewBox="0 0 1024 1024" class="home-icon02">
<path d="M469.333 896c0-23.552-9.6-44.928-25.003-60.331s-36.779-25.003-60.331-25.003-44.928 9.6-60.331 25.003-25.003 36.779-25.003 60.331 9.6 44.928 25.003 60.331 36.779 25.003 60.331 25.003 44.928-9.6 60.331-25.003 25.003-36.779 25.003-60.331zM938.667 896c0-23.552-9.6-44.928-25.003-60.331s-36.779-25.003-60.331-25.003-44.928 9.6-60.331 25.003-25.003 36.779-25.003 60.331 9.6 44.928 25.003 60.331 36.779 25.003 60.331 25.003 44.928-9.6 60.331-25.003 25.003-36.779 25.003-60.331zM308.096 298.667h621.653l-58.496 306.816c-1.963 9.728-7.083 18.133-14.165 24.235-7.68 6.656-17.621 10.496-29.355 10.283h-415.317c-9.899 0.128-19.243-3.029-26.709-8.661-8.107-6.101-14.037-14.976-16.171-25.728zM42.667 85.333h135.68l36.181 180.864c4.608 18.645 21.419 32.469 41.472 32.469h52.096l-17.067-85.333h-35.029c-23.552 0-42.667 19.115-42.667 42.667 0 2.261 0.171 4.48 0.512 6.613 0.171 1.195 0.427 2.432 0.725 3.584l71.296 356.139c6.357 32.043 24.277 59.008 48.64 77.269 22.229 16.725 49.92 26.155 79.104 25.728h414.123c31.915 0.64 62.080-11.136 85.12-31.019 21.077-18.176 36.181-43.221 42.027-71.808l68.352-358.485c4.395-23.168-10.752-45.483-33.92-49.92-2.773-0.555-5.547-0.811-7.979-0.768h-690.347l-35.84-179.029c-4.011-19.712-21.205-34.304-41.813-34.304h-170.667c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"></path>
<span class="badge" id="items_in_cart">0</span>
</svg>
</div>
</div>
</nav>
<script>
load_cart();
</script>