-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
86 lines (70 loc) · 4.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Real Dark Mode</title>
<!-- SEO Meta Tags -->
<meta name="description" content="Real dark mode for fun!">
<meta name="keywords"
content="dark mode, website dark mode, dark mode tutorial, dark mode implementation, dark mode benefits, real dark mode, real dark, dark mode fun, web fun">
<meta name="author" content="Gaurav Sachdeva">
<meta name="robots" content="index, follow">
<!-- Open Graph Meta Tags for Social Media Sharing -->
<meta property="og:title" content="Real Dark Mode">
<meta property="og:description" content="Real dark mode for fun!">
<meta property="og:image" content="//static.gauravsachdeva.in/real-dark-mode/Real-Dark-Mode.png">
<meta property="og:url" content="//static.gauravsachdeva.in/real-dark-mode/">
<meta property="og:type" content="website">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Real Dark Mode">
<meta name="twitter:description" content="Real dark mode for fun!">
<meta name="twitter:image" content="//static.gauravsachdeva.in/real-dark-mode/Real-Dark-Mode.png">
<script src="https://static.gauravsachdeva.in/scripts/common.js?v=1"></script>
<link rel="stylesheet" href="./style.css">
</head>
<body class="dark">
<div id="cursor"></div>
<div id="content">
<header>
<h1>Real Dark Mode</h1>
<button id="toggle"></button>
</header>
<p>Porttitor rhoncus dolor purus non enim praesent elementum facilisis leo. Risus at ultrices mi tempus
imperdiet nulla malesuada. Risus quis varius quam quisque id diam vel. Pharetra vel turpis nunc eget.
Faucibus vitae aliquet nec ullamcorper sit amet risus. Hac habitasse platea dictumst vestibulum. Purus
faucibus ornare suspendisse sed nisi. </p>
<p>Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ultricies mi quis hendrerit dolor.
Pellentesque dignissim enim sit amet venenatis urna. Amet luctus venenatis lectus magna fringilla urna
porttitor. Arcu non odio euismod lacinia. Lorem mollis aliquam ut porttitor. Nunc mi ipsum faucibus vitae
aliquet nec ullamcorper.</p>
<ol>
<li>Nec tincidunt praesent semper feugiat nibh sed pulvinar proin. </li>
<li>Eget sit amet tellus cras adipiscing enim eu turpis. </li>
<li> Sed id semper risus in hendrerit. </li>
<li> Sed turpis tincidunt id aliquet. </li>
<li> Enim ut tellus elementum sagittis vitae et leo. </li>
<li>Quam pellentesque nec nam aliquam sem et tortor.</li>
</ol>
<p>Velit scelerisque in dictum non. Velit euismod in pellentesque massa placerat duis ultricies lacus. Arcu
cursus vitae congue mauris rhoncus aenean. Elit at imperdiet dui accumsan. Fames ac turpis egestas sed
tempus urna et. Amet nulla facilisi morbi tempus iaculis urna. Eget dolor morbi non arcu risus quis. Quam
viverra orci sagittis eu volutpat odio facilisis mauris sit. Phasellus egestas tellus rutrum tellus
pellentesque. Id leo in vitae turpis massa sed elementum.
</p>
<p>
Dui nunc mattis enim ut tellus elementum. Netus et malesuada fames ac turpis egestas maecenas pharetra.
Dictumst vestibulum rhoncus est pellentesque elit. Consectetur lorem donec massa sapien faucibus et molestie
ac. Arcu cursus vitae congue mauris rhoncus. Aliquet bibendum enim facilisis gravida neque convallis. Mauris
nunc congue nisi vitae. Condimentum id venenatis a condimentum vitae sapien. Et molestie ac feugiat sed
lectus vestibulum mattis ullamcorper. Felis donec et odio pellentesque. Urna id volutpat lacus laoreet non
curabitur gravida arcu. Sagittis id consectetur purus ut faucibus pulvinar elementum integer. Sem et tortor
consequat id porta nibh venenatis cras. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque
elit. Id cursus metus aliquam eleifend mi in nulla posuere sollicitudin. Enim ut tellus elementum sagittis.
Maecenas volutpat blandit aliquam etiam erat velit scelerisque in.</p>
<p>Did you read above news? <a href="//gauravsachdeva.in/project/placeholder/" target="_blank">Source</a></p>
</div>
<script type="application/javascript" src="./script.js"></script>
</body>
</html>