Add Apolyomai app

IraklisElef · Sep 19, 2024 · af10097 · af10097
1 parent c12b08e
commit af10097
Show file tree

Hide file tree

Showing 12 changed files with 41 additions and 10 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/css/.DS_Store b/css/.DS_Store
diff --git a/css/app-preview.css b/css/app-preview.css
@@ -61,7 +61,7 @@
 	position: absolute;
 	bottom: 10px;
 	right: 10px;
-	background-color: #00A0EA;
+	background-color: var(--button-bg-color, #00A0EA); /* Default color is #00A0EA */
 	color: #fff;
 	padding: 10px 20px;
 	border: none;

diff --git a/css/css/.DS_Store b/css/css/.DS_Store
diff --git a/images/.DS_Store b/images/.DS_Store
diff --git a/images/apps/.DS_Store b/images/apps/.DS_Store
diff --git a/images/apps/apolyomai/.DS_Store b/images/apps/apolyomai/.DS_Store
diff --git a/images/apps/apolyomai/app-screenshots/4.png b/images/apps/apolyomai/app-screenshots/4.png
diff --git a/images/apps/apolyomai/app-screenshots/5.png b/images/apps/apolyomai/app-screenshots/5.png
diff --git a/images/apps/apolyomai/background.png b/images/apps/apolyomai/background.png
diff --git a/images/apps/one-plug/.DS_Store b/images/apps/one-plug/.DS_Store
diff --git a/index.html b/index.html
@@ -317,13 +317,11 @@ <h2 class="mb-4">My Apps</h2>
 						<h3 class="app-name">One Plug</h3>
 					</div>
 
-					<button class="button" onclick="window.open('https://www.oneplug.org', '_blank');">Find out more</button>
+					<button class="button" style="--button-bg-color: #00A0EA;" onclick="window.open('https://www.oneplug.org', '_blank');">Find out more</button>
 
 				</div>
 
-			</div>
-
-			<!-- <div class="ftco-section justify-content-center banner ftco-animate" style="--bg-image: url('images/apps/apolyomai/background.png');">
+				<div class="ftco-section justify-content-center banner ftco-animate" style="--bg-image: url('images/apps/apolyomai/background.png');">
 
 					<div class="rowImages">
 
@@ -343,16 +341,20 @@ <h3 class="app-name">One Plug</h3>
 					  	<img class="screenshot" src="images/apps/apolyomai/app-screenshots/4.png" alt="App Screenshot">
 					  </div>
 
+					  <div class="column column-visibility">
+					  	<img class="screenshot" src="images/apps/apolyomai/app-screenshots/5.png" alt="App Screenshot">
+					  </div>
+
 					</div>
 
 					<div class="banner-content">
 						<img class="logo" src="images/apps/apolyomai/logo.png" alt="App Logo" width="50">
-						<h3 class="app-name">Apolyomai</h3>
+						<h3 class="app-name">One Plug</h3>
 					</div>
 
-					<button class="button" onclick="window.open('https://www.apolyomai.com', '_blank');">Find out more</button>
+					<button class="button" style="--button-bg-color: #5E803D;" onclick="window.open('https://www.apolyomai.com', '_blank');">Find out more</button>
 
-				</div> -->
+				</div>
 
 			</div>
 
@@ -405,10 +407,39 @@ <h3 class="mb-4">Website</h3>
 	          </div>
           </div>
         </div>
-
-
       </div>
     </section>
+
+    <!-- <div class="ftco-section justify-content-center banner ftco-animate" style="--bg-image: url('images/apps/apolyomai/background.png');">
+
+					<div class="rowImages">
+
+					  <div class="column">
+					  	<img class="screenshot" src="images/apps/apolyomai/app-screenshots/1.png" alt="App Screenshot">
+					  </div>
+
+					  <div class="column column-visibility">
+							<img class="screenshot" src="images/apps/apolyomai/app-screenshots/2.png" alt="App Screenshot">
+						</div>
+
+						<div class="column column-visibility">
+					  	<img class="screenshot" src="images/apps/apolyomai/app-screenshots/3.png" alt="App Screenshot">
+					  </div>
+
+					  <div class="column column-visibility">
+					  	<img class="screenshot" src="images/apps/apolyomai/app-screenshots/4.png" alt="App Screenshot">
+					  </div>
+
+					</div>
+
+					<div class="banner-content">
+						<img class="logo" src="images/apps/apolyomai/logo.png" alt="App Logo" width="50">
+						<h3 class="app-name">Apolyomai</h3>
+					</div>
+
+					<button class="button" onclick="window.open('https://www.apolyomai.com', '_blank');">Find out more</button>
+
+				</div> -->
 
 
     <footer class="ftco-footer ftco-section">