209 lines
6.2 KiB
HTML
209 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Jarvis</title>
|
|
<meta name="description" content="" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="../style/Style.css" />
|
|
</head>
|
|
<body >
|
|
|
|
|
|
<div class="main_scrollable " style="background-color: rgba(4, 0, 255, 0);">
|
|
<div id="date_time" style="background-color: rgba(0, 255, 21, 0); overflow: hidden; width: fit-content;" >
|
|
<div id="date" class="semi_arc e4">
|
|
<div class="semi_arc_2 e4_1">
|
|
<div class="counterspin4"></div>
|
|
</div>
|
|
<div style="font-size: 40px; margin-top: 25px" id="dateValue" >12</div>
|
|
<div style="font-size: 25px" id="monthValue">february</div>
|
|
</div>
|
|
|
|
<div id="time" class="arc e1">
|
|
<div
|
|
style="font-size: 23px; margin-left: -10px; margin-top: 23px"
|
|
id="timeValue"
|
|
>8:03 pm</div>
|
|
<div
|
|
style="font-size: 17px; margin-top: 10px"
|
|
id="weekDayValue"
|
|
>Saturday</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p class="title">Performance</p>
|
|
<div class="hline title_underline"></div>
|
|
|
|
<span
|
|
class=" entypo-gauge "
|
|
style="font-size: 30px; padding-left: 10px;"
|
|
>
|
|
<p id="cpu" class="caption" style="font-size: 20px">CPU Usage: 19%</p>
|
|
</span>
|
|
<br />
|
|
|
|
<span
|
|
class=" entypo-chart-area "
|
|
style="font-size: 30px; padding-left: 10px;"
|
|
>
|
|
<p id="ram" class="caption" style="font-size: 20px">Battery: 100%</p>
|
|
</span>
|
|
<br />
|
|
|
|
<span
|
|
class=" entypo-chart-pie "
|
|
style="font-size: 30px; padding-left: 10px;"
|
|
>
|
|
<p id="proc" class="caption" style="font-size: 20px">Processes: 73/500</p>
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p class="title">Al models</p>
|
|
<div class="hline title_underline"></div>
|
|
|
|
<div class="menu">
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption" onclick="playAudio()">User</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption" onclick="playAudio()">Documents</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption" onclick="playAudio()">Computer</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Control Panel</p>
|
|
</button>
|
|
|
|
<hr style="border-color: transparent; margin: 0" />
|
|
<div class="hline" style="margin-top: 5px; margin-bottom: 5px"></div>
|
|
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Custom Path 1</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Custom Path 2</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Custom Path 3</p>
|
|
</button>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p class="title">Al models</p>
|
|
<div class="hline title_underline"></div>
|
|
|
|
<div class="menu">
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption" onclick="playAudio()">User</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption" onclick="playAudio()">Documents</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption" onclick="playAudio()">Computer</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Control Panel</p>
|
|
</button>
|
|
|
|
<hr style="border-color: transparent; margin: 0" />
|
|
<div class="hline" style="margin-top: 5px; margin-bottom: 5px"></div>
|
|
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Custom Path 1</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Custom Path 2</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Custom Path 3</p>
|
|
</button>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p class="title">Al models last</p>
|
|
<div class="hline title_underline"></div>
|
|
|
|
<div class="menu">
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption" onclick="playAudio()">User</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption" onclick="playAudio()">Documents</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption" onclick="playAudio()">Computer</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Control Panel</p>
|
|
</button>
|
|
|
|
<hr style="border-color: transparent; margin: 0" />
|
|
<div class="hline" style="margin-top: 5px; margin-bottom: 5px"></div>
|
|
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Custom Path 1</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Custom Path 2</p>
|
|
</button>
|
|
<button class="menuitem">
|
|
<span class="entypo-right-open entypo__-right-open" />
|
|
<p class="caption">Custom Path 3</p>
|
|
</button>
|
|
</div>
|
|
|
|
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<div style="background-color: rgb(0, 0, 0);">
|
|
<br>
|
|
</div>
|
|
<!-- <br> -->
|
|
<!-- <br> -->
|
|
</div>
|
|
</body>
|
|
</html> |