smartfridge.ml/smartwebsite/desktop.html

145 lines
6.4 KiB
HTML
Raw Normal View History

2021-06-08 16:39:56 +00:00
<!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, user-scalable=no">
<meta property="og:url" content="https://smartfrigde.github.io/">
<meta property="og:title" content="smartfridge website!">
<meta property="og:description" content="Interactive Smart Destkop.">
<meta property="og:type" content="website">
<meta name="author" content="smartfridge">
<meta name="description" content="Interactive Smart Destkop.">
<meta name="keywords" content="smartfridge, smartfrigde, github, discord, modding">
<link href="https://cdn.metroui.org.ua/v4/css/metro-all.min.css" rel="stylesheet">
<link href="descktop.css" rel="stylesheet">
<title>smartfridge website!</title>
<style>
.window-area {
background: url("pine.jpg") center center no-repeat;
background-size: cover;
}
#charm {
height: calc(100vh - 40px);
width: 396px;
background-color: #1F4F5D;
}
</style>
</head>
<body class="m4-cloak">
<div data-role="charms" data-position="right" id="charm" class="p-4">
<div class="h-100 d-flex flex-column">
<div class="charm-top">
<div class="text-center m-4">
<span>Github</span>
</div>
<div class="charm-notify">
<img class="icon" src="https://avatars.githubusercontent.com/u/37928912?v=4">
<div class="title">ArmCord</div>
<div class="content">ArmCord is a custom alternative Discord client made for people on lower-end devices and ARM architecture that want custom Discord experience.</div>
<div class="secondary">14:17 &bull; github.com</div>
</div>
<div class="charm-notify">
<img class="icon" src="https://avatars.githubusercontent.com/u/65690058?s=200&v=4">
<div class="title">Lightcord Rewrite (private)</div>
<div class="content">Lightcord is a simple and customizable client for Discord. It includes Glasstron and a Discord.js-like api.</div>
<div class="secondary">14:17 &bull; github.com</div>
</div>
<div class="charm-notify">
<img class="icon" src="https://avatars.githubusercontent.com/u/37928912?v=4">
<div class="title">GooseUpdate-Desktop</div>
<div class="content">GooseUpdate Desktop is alternative "installer" for GooseUpdate Mods (GooseMod, BetterDiscord, SmartCord).</div>
<div class="secondary">14:17 &bull; github.com</div>
</div>
<div class="text-center m-4">
<span>Information</span>
</div>
<div class="charm-notify">
<span class="icon mif-info"></span>
<div class="title">Daily Information</div>
<div class="content">GooseNest is an organisation developing modern tools and tech for Discord modding, alongside GooseMod to showcase them.</div>
</div>
<div class="clear mt-4 reduce-1">
<span class="place-left c-pointer">Collapse</span>
<span class="place-right c-pointer">Clear notifies</span>
</div>
</div>
<div class="charm-bottom mt-auto">
<div class="d-flex">
<div class="charm-tile">
<span class="icon mif-tablet-landscape"></span>
<span class="caption">Tablet mode</span>
</div>
<div class="charm-tile">
<span class="icon mif-wifi-full"></span>
<span class="caption">Network</span>
</div>
<div class="charm-tile">
<span class="icon mif-cog"></span>
<span class="caption">Preferences</span>
</div>
<div class="charm-tile active">
<span class="icon mif-rocket"></span>
<span class="caption">Fly mode</span>
</div>
</div>
<div class="d-flex">
<div class="charm-tile active">
<span class="icon mif-target"></span>
<span class="caption">Position</span>
</div>
<div class="charm-tile">
<span class="icon mif-bluetooth"></span>
<span class="caption">Not connected</span>
</div>
</div>
</div>
</div>
</div>
<div class="desktop">
<div class="window-area"></div>
<div class="task-bar">
<div class="task-bar-section">
<button class="task-bar-item" id="start-menu-toggle"><span class="mif-windows"></span></button>
<div class="start-menu" data-role="dropdown" data-toggle-element="#start-menu-toggle">
<div class="start-menu-inner">
<div class="explorer">
<ul class="v-menu w-100 bg-brandColor2 fg-white">
<li><a onclick="armcord()">ArmCord Showcase</a></li>
<li><a onclick="aboutMe()">About Me</a></li>
<li><a onclick="createTetrisWindow()">Tetris</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="task-bar-section tasks"></div>
<div class="task-bar-section system-tray ml-auto">
<button class="task-bar-item" id="open-charm" onclick="openCharm()"><span class="mif-comment"></span></button>
<span style="line-height: 40px;" class="pr-4">
<span data-role="clock" class="w-auto fg-white reduce-1" data-show-date="false"></span>
</span>
</div>
</div>
</div>
<script src="https://cdn.metroui.org.ua/v4/js/metro.min.js"></script>
<script src="desktop.js"></script>
<script>
</script>
<!-- ads-script -->
</body>
</html>