-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwhat-works.html
140 lines (134 loc) · 5.44 KB
/
what-works.html
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>What Works - Android4Lumia950</title>
<link rel="stylesheet" href="style.css">
<style>
/* Adjusted progress container to be smaller */
.progress-container {
width: 100%;
background-color: black;
height: 24px; /* Height adjusted to fit the bar properly */
border-radius: 10px;
margin-bottom: 10px; /* Reduced margin for better fit */
}
.progress-bar {
height: 100%;
width: 75%; /* Adjusted for 70% */
background-color: #007bff; /* Blue-ish color */
text-align: center;
line-height: 24px; /* Match line height to container height */
color: white;
border-radius: 10px;
}
.what-works-item {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.what-works-item .icon {
margin-right: 10px;
font-size: 24px;
}
/* Status-based colors */
.success p {
color: #32cd32;
}
.warning p {
color: orange;
}
.failure p {
color: red;
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>What Works</h1>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="downloads.html">Downloads</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="sources.html">Sources</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<!-- Progress Bar Section -->
<section id="progress-bar-section">
<div class="progress-container">
<div class="progress-bar">75%</div>
</div>
</section>
<section id="what-works-section">
<h2>What Works and What Doesn't</h2>
<div class="what-works">
<!-- CPU Bringup -->
<div class="what-works-item success">
<span class="icon">✔</span> <!-- Tick Icon -->
<p>CPU bringup/cores: <strong>Working</strong></p>
</div>
<!-- Battery Display -->
<div class="what-works-item warning">
<span class="icon">⚠️</span> <!-- Warning Icon -->
<p>Battery display: <strong>Partially working</strong>, only with stock battery.</p>
</div>
<!-- Power Management -->
<div class="what-works-item success">
<span class="icon">✔</span> <!-- Warning Icon -->
<p>Power management: <strong>Working</strong></p>
</div>
<!-- Wi-Fi/Bluetooth -->
<div class="what-works-item success">
<span class="icon">✔</span> <!-- Tick Icon -->
<p>Wi-Fi/Bluetooth: <strong>Fully works</strong></p>
</div>
<!-- Speakers -->
<div class="what-works-item warning">
<span class="icon">⚠️</span> <!-- Warning Icon -->
<p>Speakers: <strong>Only earpiece for now.</strong></p>
</div>
<!-- GPU -->
<div class="what-works-item success">
<span class="icon">✔</span> <!-- Tick Icon -->
<p>GPU: <strong>Acceleration works, panel support and rendering</strong></p>
</div>
<!-- Charger -->
<div class="what-works-item warning">
<span class="icon">⚠️</span> <!-- Warning Icon -->
<p>Charger: <strong>Wireless works, cable also works, No PD (9W max for now).</strong></p>
</div>
<!-- Vibration -->
<div class="what-works-item success">
<span class="icon">✔</span> <!-- Tick Icon -->
<p>Vibration: <strong>Fully working</strong></p>
</div>
<!-- GPS -->
<div class="what-works-item warning">
<span class="icon">⚠️</span> <!-- Warning Icon -->
<p>GPS: <strong>Partially working</strong></p>
</div>
<!-- RIL -->
<div class="what-works-item failure">
<span class="icon">❌</span> <!-- Cross Icon -->
<p>RIL: <strong>Not working</strong></p>
</div>
<!-- Camera -->
<div class="what-works-item failure">
<span class="icon">❌</span> <!-- Cross Icon -->
<p>Camera: <strong>Not working</strong></p>
</div>
</div>
</section>
</main>
<footer>
<p>© 2024 Android4Lumia950. All Rights Reserved.</p>
</footer>
</div>
</body>
</html>