add local app discovery: scan apps folder, render on home screen

This commit is contained in:
2026-01-19 13:20:21 +01:00
parent bb31dcee00
commit ad28cf2360
5 changed files with 466 additions and 3 deletions

View File

@@ -4,6 +4,7 @@
<link type="text/rcss" href="../../ui/theme.rcss"/>
<link type="text/rcss" href="../../ui/components.rcss"/>
<script src="../../scripts/navigation.lua"></script>
<script src="home.lua"></script>
<title>Virtual Smartphone - Home</title>
<style>
.home-screen {
@@ -34,9 +35,43 @@
.status-bar-icons img {
pointer-events: none;
}
/* Third-party apps section */
.app-grid-section {
display: flex;
flex-wrap: wrap;
width: 100%;
}
#third-party-apps .app-icon {
width: 25%;
box-sizing: border-box;
}
#third-party-apps .app-icon-image {
width: 56px;
height: 56px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 8px auto;
cursor: pointer;
}
#third-party-apps .app-icon-image:hover {
opacity: 0.8;
}
#third-party-apps .app-icon-label {
display: block;
text-align: center;
font-size: 12px;
color: #FFFFFF;
}
</style>
</head>
<body class="home-screen">
<body class="home-screen" onload="initHome(document)">
<!-- Status Bar -->
<div class="status-bar">
<span class="status-bar-time">12:30</span>
@@ -121,6 +156,11 @@
<div class="app-icon-image" style="background-color: #673AB7;"><img src="../../icons/weather.tga"/></div>
<span class="app-icon-label">Weather</span>
</div>
<!-- Third-party apps (dynamically populated by home.lua) -->
<div id="third-party-apps" class="app-grid-section">
<!-- Apps will be rendered here by home.lua -->
</div>
</div>
</div>