-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
129 lines (126 loc) · 4.1 KB
/
index.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
---
layout: partials/site/base
css: home
js: home
title: Home
---
<main class="browse">
<nav class="topics">
<details id="topicsWidget">
<summary><h2 class="h4">Select A Topic</h2></summary>
<ul class="no-bullets">
<li><button value="account">Account</button></li>
<li><button value="sports">Sports</button></li>
<li><button value="casino">Casino</button></li>
<li><button value="games">Games</button></li>
<li><button value="exchange">Exchange</button></li>
<li><button value="poker">Poker</button></li>
<li><button value="bingo">Bingo</button></li>
<li><button value="lotto">Lotto</button></li>
</ul>
</details>
<script>
if (window.matchMedia("(min-width: 37.5rem)").matches) {
document.querySelector('#topicsWidget').open = true;
}
</script>
</nav>
<section class="column results">
<h1 id="articlesHeading">Popular Articles</h1>
<ul class="articles-list" id="articlesList">
<li><div class="loading">
<svg
viewBox="0 0 42.333332 42.333332"
height="80"
width="80">
<defs>
<linearGradient
id="linearGradient2293">
<stop
id="stop2289"
offset="0"
style="stop-color:#cd2814;stop-opacity:1;">
</stop>
<stop
id="stop2291"
offset="1"
style="stop-color:#fff;stop-opacity:0;">
</stop>
></linearGradient>
<linearGradient
gradientTransform="matrix(2.0232456,0,0,2.7328914,-16.705402,-459.72942)"
gradientUnits="userSpaceOnUse"
y2="269.15182"
x2="29.008533"
y1="269.15182"
x1="8.4284135"
id="linearGradient2295"
xlink:href="#linearGradient2293"
></linearGradient>
</defs>
<g
transform="translate(0,-254.66668)"
id="layer1">
<circle
r="18.678049"
cy="275.83337"
cx="21.166666"
id="path819"
style="opacity:1;fill:none;fill-opacity:1;stroke:url(#linearGradient2295);stroke-width:4.97723246;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
></circle>
</g>
</svg>
<p>Loading…</p>
</div><a href="javascript:void(0)"></a>
</li>
<li><a href="javascript:void(0)"></a></li>
<li><a href="javascript:void(0)"></a></li>
<li><a href="javascript:void(0)"></a></li>
<li><a href="javascript:void(0)"></a></li>
<li><a href="javascript:void(0)"></a></li>
<li><a href="javascript:void(0)"></a></li>
<li><a href="javascript:void(0)"></a></li>
</ul>
<nav class="row" id="pagination">
<h3 class="a11y">Pagination</h3>
<div class="page-count">
<span class="page-text">Page</span>
<span id="pageLow">1</span> of <span id="pageHigh">1</span>
</div>
<div class="backward">
<button title="First" class="first" id="firstPage"><span class="a11y">First page</span></button><button title="Previous" class="previous" id="previousPage"><span class="a11y">Previous page</span></button>
</div>
<div class="forward">
<button title="Next" class="next" id="nextPage"><span class="a11y">Next page</span></button><button title="Last" class="last" id="lastPage"><span class="a11y">Last page</span></button>
</div>
</nav>
</section>
<aside class="contact">
<h2 class="h4">Contact Us</h2>
<ul class="no-bullets">
<li><button id="chatButton">Chat</button>
<dialog id="chatDialogue">
<p>You must be logged in to chat</p>
<a class="button" href="javascript:void(0)">Log In</a>
<button id="chatClose">Cancel</button>
</dialog>
<script>
// Check for Dialog element support
if (!('show' in document.createElement('dialog'))) {
// Load polyfill if unsupported
dialogPolyfill.registerDialog(chatDialogue);
}
</script>
</li>
<li><details>
<summary class="button">Call</summary>
<ul class="no-bullets pop-out">
<li>UK: <a class="no-wrap" href="tel:08081571234">0808 157 1234</a></li>
<li>Outside the UK: <a class="no-wrap" href="tel:+441632961234">+44 1632 961 234</a></li>
</ul>
</details>
</li>
<li><a href="contact/" class="button">Email</a></li>
</ul>
</aside>
</main>