-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (101 loc) · 6.64 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - BetterDarkMode</title>
<meta name="twitter:card" content="BetterDarkMode" />
<meta name="twitter:title" content="Custom dark mode for Discord. Cleaner UI with deeper dark colors to match new standards." />
<meta name="twitter:description" content="Download Now and install using BetterDiscord" />
<meta name="twitter:image" content="assets/img/favicon.png" />
<meta name="description" content="Custom dark mode for Discord. Cleaner UI with deeper dark colors to match new standards.">
<link rel="icon" type="image/png" sizes="58x56" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="58x56" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="58x56" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="58x56" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="58x56" href="assets/img/favicon.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/Footer-Basic.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77">
<nav class="navbar navbar-light navbar-expand-md fixed-top" id="mainNav">
<div class="container">
<a href="#" class="navbar-brand">
<img src="assets/img/icon.png" height="50" alt="Discord Theme">
</a>
<button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item nav-link"><a class="nav-link active" href="#preview">PREVIEW</a></li>
<li class="nav-item nav-link"><a class="nav-link" href="#download">DOWNLOAD</a></li>
<li class="nav-item nav-link"><a class="nav-link" href="#sourcecode">SOURCE code</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead" style="background-image: url('assets/img/7971.jpg');">
<div class="intro-body">
<div class="container">
<div class="row text-break">
<div class="col-auto col-lg-8 mx-auto">
<h1 class="brand-heading" style="/*font-size: 70px;*/">Betterdarkmode</h1>
<p class="intro-text"><br>Cleaner Discord Theme with deeper dark colors<br> to match new standards<br><br></p><a class="btn btn-link btn-circle" role="button" href="#preview"><i class="fa fa-angle-double-down animated"></i></a>
</div>
</div>
</div>
</div>
</header>
<section class="text-center content-section" id="preview">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="carousel slide" data-bs-ride="carousel" id="carousel-1">
<div class="carousel-inner">
<div class="carousel-item active"><img class="w-100 d-block" src="assets/img/previewdmpage.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/previewtextchannel.png" alt="Slide Image"></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div>
<ol class="carousel-indicators">
<li data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carousel-1" data-bs-slide-to="1"></li>
</ol>
</div>
</div>
</div>
</div>
</section>
<section class="text-center download-section content-section" id="download" style="background-image: url('assets/img/7971.jpg');">
<div class="container">
<div class="col-lg-8 mx-auto">
<h1>BETTERDARKMODE</h1>
<p>Open Sourced Dark Mode Theme for Discord. Use <a href="https://betterdiscord.app/">BetterDiscord</a> to install BetterDarkMode or Windows11Dark.</p>
<a class="btn btn-primary btn-lg btn-default" role="button" href="https://github.com/Devologger/BetterDarkMode-Discord-Theme/releases/latest/download/BetterDarkMode.theme.css">Download</a>
<p></p>
</div>
</div>
</section>
<section class="text-center content-section" id="sourcecode">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Source code</h2>
<p>We host our source code of the theme on GitHub for anyone to edit, design and contribute. If you find any issues in the Theme please do an issue request on GitHub.</p>
<ul class="list-inline banner-social-buttons">
<li class="list-inline-item"> <a class="btn btn-primary btn-lg text-center btn-default" role="button" href="https://github.com/Devologger/BetterDarkMode-Discord-Theme"><i class="fa fa-github fa-fw"></i><span class="network-name"> github</span></a></li>
</ul>
</div>
</div>
</div>
</section>
<div class="map-clean"></div>
<footer class="footer-basic">
<p class="text-center copyright"><a <a href="https://www.freepik.com/vectors/background">Background vector created by kjpargeter - www.freepik.com</a></a><br><br>Copyright © BetterDarkMode 2022<br></p>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/grayscale.js"></script>
</body>
</html>