ownphone/index.html at main · Elara312/ownphone · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <title>情侣空间</title>
    <!-- PWA -->
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#c9b8d4">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="情侣空间">
    <link rel="apple-touch-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>💕</text></svg>">
    <link rel="stylesheet" href="style.css">
    <script src="viewport-fix.js"></script>
    <link rel="stylesheet" href="widgets.css">
</head>
<body>
    <div class="ipad-screen">
        <!-- 状态栏 -->
        <div class="status-bar">
            <div class="status-left">
                <span id="time">10:30</span>
            </div>
            <div class="status-right">
                <span style="font-size:11px">●●●●</span>
                <span style="font-size:11px">WiFi</span>
                <span>🔋 100%</span>
            </div>
        </div>

        <!-- 桌面网格 -->
        <div class="desktop-grid" id="desktopGrid">
            <!-- 4行 x 6列 = 24个槽位 -->
        </div>

        <!-- Dock 栏 -->
        <div class="dock" id="dock">
            <!-- 12个槽位 -->
        </div>
    </div>

    <!-- 待办弹窗 -->
    <div class="todo-modal" id="todoModal">
        <div class="todo-modal-content">
            <div class="todo-modal-header">
                <h2>📝 待办清单</h2>
                <button class="todo-modal-close" onclick="closeTodoModal()">×</button>
            </div>
            <div class="todo-date-selector">
                <input type="date" id="todoDate">
            </div>
            <div class="todo-input-group">
                <input type="text" id="todoInput" placeholder="添加新任务...">
                <button onclick="addTodo()">添加</button>
            </div>
            <div class="todo-list" id="todoList"></div>
        </div>
    </div>

    <script src="widgets.js"></script>
    <script src="app.js"></script>
    <script>
        if ('serviceWorker' in navigator) {
            navigator.serviceWorker.register('sw.js');
        }
    </script>
</body>
</html>