feat: hide appicon & appname, place on bottom

This commit is contained in:
2024-08-11 03:16:31 +07:00
parent dc48c53aa2
commit 9ab145d23d
5 changed files with 187 additions and 182 deletions
+82 -78
View File
@@ -1,84 +1,88 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" id="favicon">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/main.js" type="module"></script>
<link rel="manifest" href="config/manifest.json" />
</head>
<body>
<div id="background"></div>
<div class="main">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<link rel="icon" id="favicon" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script src="js/main.js" type="module"></script>
<link rel="manifest" href="config/manifest.json" />
</head>
<body>
<div id="background"></div>
<div class="main">
<!-- Home page -->
<div class="page home" p="home">
<div class="wrapper">
<!-- <div class="home">
<img class="appicon" />
<div class="appname"></div>
<div class="appdesc"></div>
</div> -->
<div class="buttons">
<div id="theme-switcher">
<i>&nbsp;</i>
<div class="text">Theme</div>
</div>
<div t="services">
<i>apps</i>
<div class="text">Services</div>
</div>
<div t="more">
<i>more</i>
<div class="text">More</div>
</div>
</div>
</div>
</div>
<!-- Home page -->
<div class="page home" p="home">
<div class="wrapper">
<div class="home">
<img class="appicon">
<div class="appname"></div>
<div class="appdesc"></div>
</div>
<div class="buttons">
<div id="theme-switcher">
<i>&nbsp;</i>
<div class="text">Theme</div>
</div>
<div t="services">
<i>apps</i>
<div class="text">Services</div>
</div>
<div t="more">
<i>more</i>
<div class="text">More</div>
</div>
</div>
</div>
</div>
<!-- App list -->
<div class="page" p="services">
<div class="back"><i></i></div>
<div class="wrapper">
<div class="header">
<i>apps</i>
<div class="text">Services</div>
</div>
<div class="boxes" id="app-list"></div>
</div>
</div>
<!-- App list -->
<div class="page" p="services">
<div class="back"><i></i></div>
<div class="wrapper">
<div class="header">
<i>apps</i>
<div class="text">Services</div>
</div>
<div class="boxes" id="app-list"></div>
</div>
</div>
<!-- More -->
<div class="page" p="more">
<div class="back"><i></i></div>
<div class="wrapper">
<div class="subswitch">
<div>Overview</div>
<div>Settings</div>
</div>
<div class="subpages">
<!-- Overview -->
<div>
<div class="overview">
<i>rocket_launch</i>
<div>
<div class="big"></div>
<div class="small"></div>
</div>
</div>
<div class="privacy-boxes"></div>
</div>
<!-- More -->
<div class="page" p="more">
<div class="back"><i></i></div>
<div class="wrapper">
<div class="subswitch">
<div>Overview</div>
<div>Settings</div>
</div>
<div class="subpages">
<!-- Overview -->
<div>
<div class="overview">
<i>rocket_launch</i>
<div>
<div class="big"></div>
<div class="small"></div>
</div>
</div>
<div class="privacy-boxes"></div>
</div>
<!-- Settings -->
<div>
<div id="no-cookies">WARNING: due to blocked cookies, all settings will be lost after page reload</div>
<div id="settings"></div>
</div>
</div>
</div>
</div>
</div>
</body>
<!-- Settings -->
<div>
<div id="no-cookies">
WARNING: due to blocked cookies, all settings will be lost after
page reload
</div>
<div id="settings"></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>