-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (90 loc) · 4.21 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
<!DOCTYPE html>
<html>
<head>
<link href="assets/style/config.css" rel="stylesheet">
<link href="assets/style/main.css" rel="stylesheet">
<link href="f-icon/css/all.css" rel="stylesheet">
<link rel="icon" href="assets/icon/google.jpg" type="image/x-icon">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Customized Home Page</title>
</head>
<body id="body">
<header>
<div id="clock">
<p id="clock-show">00 : 00 : 00</p>
<span id="date-show"></span>
<!-- The data is Shamsi -->
</div>
<div id="split">
</div>
<div id="link">
<div>
<a href="https://mail.google.com/mail/?authuser=0" title="Gmail"><i class="fa-light fa-envelope"></i>Gmail</a>
<a href="https://web.whatsapp.com/" title="Whatsapp"><i class="fa-brands fa-whatsapp"></i>Whatsapp</a>
<a href="https://drive.google.com/drive/u/0/" title="Google Drive"><i class="fa-brands fa-google-drive"></i>Google Drive</a>
</div>
<div>
<a href="https://github.com/" title="Github"><i class="fa-brands fa-github"></i>Github</a>
<a href="https://youtube.com/" title="Youtube"><i class="fa-brands fa-youtube"></i>Youtube</a>
<a href="https://twitch.tv/" title="Twitch"><i class="fa-brands fa-twitch"></i>Twitch</a>
</div>
</div>
<div id="account">
<p id="accname">Cat</p>
<!-- You can copy your avatar to assets/avatar/ and put name here -->
<img draggable="false" alt="avatar" src="assets/avatar/0.webp" >
<span>Google Account<br><object id="desname"></object><br>your-email@gmail.com</span>
</div>
</header>
<main>
<center>
<img id="logo" src="assets/icon/google.svg" draggable="false">
<div id="search">
<form id="search-form" onsubmit="return false;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#5F6368"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
<input id="input" type="search" autocomplete="off" spellcheck="false" role="combobox" autofocus placeholder="Search Google or type a URL" aria-live="polite">
<img src="assets/icon/google_image.svg" width="24" draggable="false">
</form>
</div>
<div id="fast-access">
<div id="fc.discord" class="fc-box">
<div style="background-image: url(assets/icon/svgs/discord.svg);background-position: 14.5px;"></div>
<p>Discord</p>
</div>
<div id="fc.twitter" class="fc-box">
<div style="background-image: url(assets/icon/svgs/twitter.svg);"></div>
<p>Twitter</p>
</div>
<div id="fc.instagram" class="fc-box">
<div style="background-image: url(assets/icon/svgs/instagram.svg);"></div>
<p>Instagram</p>
</div>
</div>
</center>
</main>
<!-- DON'T CHANGE THIS, if you want hide it you can put display to none in footer tag style -->
<footer id="notification" style="display: unset;">
<div>
<img src="assets/icon/chrome.png" draggable="false">
<p>Custom Home UI</p>
</div>
<br>
<h2 id="notif-title">Pssss...</h2>
<br>
<p id="wb">Welcome to customized browser home ui</p>
<center>
<button id="close-notif">Close Notification</button>
<button id="open-notif"><i class="fa-brands fa-github"></i></button>
</center>
</footer>
<!-- DON'T CHANGE THIS, if you want hide it you can put display to none in footer tag style -->
<div id="taskbar" style="display: unset;">
<p id="taskbar-clock">0:00 AM<br>1/01/1970</p>
<img draggable="false" src="assets/icon/taskbar0.png" id="taskbar-img">
</div>
<p id="version"><i class="fa-light fa-code-branch"></i> Veriosn 1.3</p>
<script src="assets/javascript/main.js"></script>
<script src="assets/javascript/click.js"></script>
</body>
</html>