mirror of
https://github.com/smartfrigde/smartfrigde.github.io.git
synced 2024-08-14 22:46:45 +00:00
145 lines
6.4 KiB
HTML
145 lines
6.4 KiB
HTML
|
<!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 • 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 • 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 • 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>
|