Skip to content

Commit 6d5301a

Browse files
alanfox2000softwarealanfox2000software
committed
commit
1 parent c7bc150 commit 6d5301a

24 files changed

+384
-0
lines changed

‎doc/apo-driver/ablums.html‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Image Gallery</title>
6+
<link rel="stylesheet" href="css/style.css">
7+
</head>
8+
<body>
9+
<h1>Image Gallery</h1>
10+
<div class="image-grid">
11+
<!-- Thumbnail Items -->
12+
<div class="thumbnail">
13+
<img src="images/cover.png" alt="Cover" class="thumbnail-img">
14+
</div>
15+
<div class="thumbnail">
16+
<img src="images/Dashboard.jpg" alt="Dashboard" class="thumbnail-img">
17+
</div>
18+
<div class="thumbnail">
19+
<img src="images/dolby-advanced-audio.png" alt="Dolby Advanced Audio" class="thumbnail-img">
20+
</div>
21+
<!-- Add all other images following same pattern -->
22+
<div class="thumbnail">
23+
<img src="images/DTS.png" alt="DTS" class="thumbnail-img">
24+
</div>
25+
<div class="thumbnail">
26+
<img src="images/DTS-Surround-Sensation-Speaker-DTS-Ultra-PC.png" alt="DTS Surround" class="thumbnail-img">
27+
</div>
28+
<!-- Continue adding all remaining images -->
29+
<!-- Example of remaining images (add all from your list) -->
30+
<div class="thumbnail">
31+
<img src="images/Image-1.png" alt="Image 1" class="thumbnail-img">
32+
</div>
33+
<div class="thumbnail">
34+
<img src="images/Image15.png" alt="Image 15" class="thumbnail-img">
35+
</div>
36+
<!-- Add remaining Image-2 through Image-14 following same pattern -->
37+
</div>
38+
39+
<!-- Modal Popup -->
40+
<div id="imageModal" class="modal">
41+
<span class="close">&times;</span>
42+
<img class="modal-content" id="modalImage">
43+
</div>
44+
45+
<script>
46+
// Get modal elements
47+
const modal = document.getElementById("imageModal");
48+
const modalImg = document.getElementById("modalImage");
49+
const span = document.getElementsByClassName("close")[0];
50+
51+
// When user clicks on thumbnail
52+
document.querySelectorAll('.thumbnail-img').forEach(img => {
53+
img.onclick = function(){
54+
modal.style.display = "block";
55+
modalImg.src = this.src;
56+
}
57+
});
58+
59+
// When user clicks on (x) or outside image
60+
span.onclick = function() {
61+
modal.style.display = "none";
62+
}
63+
64+
window.onclick = function(event) {
65+
if (event.target == modal) {
66+
modal.style.display = "none";
67+
}
68+
}
69+
</script>
70+
</body>
71+
</html>

‎doc/apo-driver/changelog.html‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Changelog</title>
6+
<link rel="stylesheet" href="css/style.css">
7+
</head>
8+
<body>
9+
<h1>Version History</h1>
10+
11+
<div class="changelog-entry">
12+
<h3>12/10/2024 - APO Driver 2.11.0</h3>
13+
<ul>
14+
<li>Update Dolby DAX API Service to 3.30703.732.0</li>
15+
<li>Update DTS APO 4x Service to 1.14.17.0</li>
16+
<li>Update DTS APO 4x to 1.14.10.0</li>
17+
<li>Update Nahimic APO 4 to 4.11.6.0</li>
18+
</ul>
19+
</div>
20+
21+
<div class="changelog-entry">
22+
<h3>14/08/2024 - APO Driver 2.10.9</h3>
23+
<ul>
24+
<li>Update Dolby DAX API Service to 3.30701.711.0</li>
25+
<li>Update DTS APO 4x Service to 1.14.15.0</li>
26+
<li>Update DTS APO 4x to 1.14.9.0</li>
27+
<li>Update Nahimic Mirroring Device to 2.0.5.0</li>
28+
<li>Update Nahimic Easy Surround to 2.0.4</li>
29+
</ul>
30+
</div>
31+
</body>
32+
</html>

‎doc/apo-driver/css/style.css‎

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
/* Image Gallery */
2+
.thumbnail {
3+
cursor: pointer;
4+
overflow: hidden;
5+
border-radius: 5px;
6+
transition: transform 0.3s ease;
7+
}
8+
9+
.thumbnail:hover {
10+
transform: scale(1.05);
11+
}
12+
13+
.thumbnail-img {
14+
width: 100%;
15+
height: 200px;
16+
object-fit: cover;
17+
border-radius: 5px;
18+
}
19+
20+
/* Modal Styles */
21+
.modal {
22+
display: none;
23+
position: fixed;
24+
z-index: 9999;
25+
padding-top: 50px;
26+
left: 0;
27+
top: 0;
28+
width: 100%;
29+
height: 100%;
30+
overflow: auto;
31+
background-color: rgba(0,0,0,0.9);
32+
}
33+
34+
.modal-content {
35+
margin: auto;
36+
display: block;
37+
max-width: 80%;
38+
max-height: 80vh;
39+
}
40+
41+
.close {
42+
position: absolute;
43+
top: 15px;
44+
right: 35px;
45+
color: #fff;
46+
font-size: 40px;
47+
font-weight: bold;
48+
transition: 0.3s;
49+
}
50+
51+
.close:hover,
52+
.close:focus {
53+
color: #bbb;
54+
text-decoration: none;
55+
cursor: pointer;
56+
}
57+
58+
59+
/* Tab styling */
60+
.tab-container {
61+
margin-bottom: 20px;
62+
}
63+
64+
.tab-button {
65+
padding: 10px 20px;
66+
background-color: #f1f1f1;
67+
border: none;
68+
cursor: pointer;
69+
}
70+
71+
.tab-button.active {
72+
background-color: #ddd;
73+
}
74+
75+
.tab-content {
76+
display: none;
77+
width: 100%;
78+
height: calc(100vh - 60px);
79+
}
80+
81+
.tab-content.active {
82+
display: block;
83+
}
84+
85+
iframe {
86+
width: 100%;
87+
height: 100%;
88+
border: none;
89+
}
90+
91+
/* Image grid styling */
92+
.image-grid {
93+
display: grid;
94+
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
95+
gap: 20px;
96+
}
97+
98+
.image-grid img {
99+
width: 100%;
100+
height: auto;
101+
}
102+
103+
/* Changelog styling */
104+
.changelog-entry {
105+
margin-bottom: 30px;
106+
}
107+
108+
.changelog-entry h3 {
109+
color: #333;
110+
}

‎doc/apo-driver/images/DTS-Surround-Sensation-Speaker-DTS-Ultra-PC.png‎

21.7 KB
Loading

‎doc/apo-driver/images/DTS.png‎

172 KB
Loading

‎doc/apo-driver/images/Dashboard.jpg‎

54.5 KB
Loading

‎doc/apo-driver/images/Image-1.png‎

54.1 KB
Loading

‎doc/apo-driver/images/Image-10.png‎

22.3 KB
Loading

‎doc/apo-driver/images/Image-12.png‎

92 KB
Loading

‎doc/apo-driver/images/Image-13.png‎

73.6 KB
Loading

0 commit comments

Comments
 (0)