-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathindex.html
153 lines (145 loc) · 7.26 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html>
<head>
<title>Discord Server Listings</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="UTF-8" />
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="css/tether/tether.min.css">
<link rel="stylesheet" href="css/styles.css">
<script src="https://use.fontawesome.com/7027cc4d94.js"></script>
</head>
<body>
<div id="main-content">
<div class="show-sidebar"><i class="fa fa-bars" aria-hidden="true"></i></div>
<img src="img/discord-banner.jpg" alt="Discord: Free Voice and Text Chat For Gamers" class="page-banner w-100" />
<div class="homepage page-content px-2 py-1">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac molestie est. Quisque eget sem rutrum,
aliquet sem id, scelerisque dui. Fusce ac interdum est. Aenean luctus vitae ex quis porttitor. Aliquam
lectus est, efficitur ut elit feugiat, rutrum luctus ligula. Vivamus non pellentesque nulla. Cras eget mi
porta, iaculis dui placerat, egestas elit. Pellentesque finibus lacus quam, non tincidunt magna blandit a.
</p>
<p>
Nunc nec magna ornare, semper nunc nec, lacinia mauris. Curabitur sed consectetur mauris. Sed in porta
leo, eu pharetra tortor. Sed quis metus pharetra sapien lobortis fringilla. Donec nisi risus, ultrices in ex
vitae, elementum pretium eros. Suspendisse ornare, dui nec pretium suscipit, lectus turpis rhoncus lorem,
sit amet tincidunt dolor ipsum sit amet dolor. Vestibulum nunc nisl, aliquet eget felis dignissim,
consequat pretium nibh. Phasellus ac lacus ut magna tristique auctor vitae vel ante.
</p>
<div id="server-list">
<a href="servers.html" class="btn btn-lg rounded-0 text-center server-list-button">Go to server list</a>
</div><!--
--><div id="control-panel">
<a href="control.html" class="btn btn-lg rounded-0 text-center control-panel-button">Go to control panel</a>
</div>
</div>
</div>
<div id="page-overlay"></div>
<div id="sidebar">
<div class="sidebar-background"></div>
<div class="sidebar-inner-content">
<div class="site-logo mb-2">
<img src="img/logo.png" alt="Discord Server List logo" class="w-100" />
</div>
<button id="sign-in" class="w-100 btn btn-sm rounded-0 text-left">
<img src="img/discord-logo.png" alt="Discord" class="discord-logo d-logo" />
Sign in with
<img src="img/discord-wordmark.png" alt="Discord" class="discord-logo d-workmark" />
</button>
<hr class="separator mb-1" />
<div id="filters" class="mb-2">
<p class="section-header text-center">Filters</p>
<div class="filter type">
<p class="filter-name mb-1">By type</p>
<div class="options">
<div class="option">
<div id="type-option-gaming-display" class="option-display rounded">
<div class="fa fa-check check rounded"></div>
</div>
<label for="type-option-gaming" class="option-label">Gaming</label>
<input type="checkbox" id="type-option-gaming" class="filter-option option-gaming hidden-xs-up" data-type="gaming" />
</div>
<div class="option">
<div id="type-option-support-display" class="option-display rounded">
<div class="fa fa-check check rounded"></div>
</div>
<label for="type-option-support" class="option-label">Support</label>
<input type="checkbox" id="type-option-support" class="filter-option option-support hidden-xs-up" data-type="support" />
</div>
</div>
</div>
<div class="filter gaming">
<p class="filter-name">Gaming servers</p>
</div>
<div class="filter support">
<p class="filter-name">Support servers</p>
</div>
</div>
<div class="search input-group input-group-sm">
<span class="sidebar-search-icon input-group-addon border-0">
<i class="fa fa-search"></i>
</span>
<input type="text" name="search" placeholder="Search..." class="sidebar-search-text-input pl-1 w-100 border-0 rounded-0" />
<span class="input-group-btn border-0">
<button class="sidebar-search-button btn btn-secondary border-0">Go</button>
</span>
</div>
</div>
</div>
<div id="website-footer">
<div class="upper">
<div class="sm-icons">
<a href="#" class="sm-icon">
<picture id="sm-discord">
<source media="(min-width: 48em) and (min-height: 768px)" srcset="img/sm-icons/discord/lg.png" />
<source media="(min-width: 34em) and (min-height: 480px)" srcset="img/sm-icons/discord/md.png" />
<img src="img/sm-icons/discord/rsz_sm.png" alt="DSL Discord server" />
</picture>
</a>
<a href="#" class="sm-icon">
<picture id="sm-fb">
<source media="(min-width: 48em) and (min-height: 768px)" srcset="img/sm-icons/fb/lg.png" />
<source media="(min-width: 34em) and (min-height: 480px)" srcset="img/sm-icons/fb/md.png" />
<img src="img/sm-icons/fb/rsz_sm.png" alt="DSL on Facebook" />
</picture>
</a>
<a href="#" class="sm-icon">
<picture id="sm-steam">
<source media="(min-width: 48em) and (min-height: 768px)" srcset="img/sm-icons/steam/lg.png" />
<source media="(min-width: 34em) and (min-height: 480px)" srcset="img/sm-icons/steam/md.png" />
<img src="img/sm-icons/steam/rsz_sm.png" alt="DSL on Steam" />
</picture>
</a>
<a href="#" class="sm-icon">
<picture id="sm-twitter">
<source media="(min-width: 48em) and (min-height: 768px)" srcset="img/sm-icons/twitter/lg.png" />
<source media="(min-width: 34em) and (min-height: 480px)" srcset="img/sm-icons/twitter/md.png" />
<img src="img/sm-icons/twitter/rsz_sm.png" alt="DSL on Twitter" />
</picture>
</a>
</div>
</div>
<div class="lower">
<p class="copy">© (2016-present) Zuris.</p>
<div class="contact">
<button class="open-contact-form btn btn-sm rounded-0">Contact us</button>
</div>
</div>
</div>
<!-- NOTE: GoogleAPIs jQuery script file -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
//<![CDATA[
// If GoogleAPIs CDN is unavailable for ANY reason, fallback to local jQuery script file.
// Commented CDATA tag is to prevent web spiders (googlebot, etc.) crawling amy link(s)
// found within the code.
window.jQuery || document.write("<script src=\"js/jquery-3.1.1.min.js\"><\/script>");
//]]>
</script>
<!-- NOTE: Normal scripts go here -->
<script src="js/jquery-ui.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>