Add Simpliplan screenshots

tomc128 · Aug 20, 2023 · 6f13a97 · 6f13a97
1 parent 370c626
commit 6f13a97
Show file tree

Hide file tree

Showing 13 changed files with 24 additions and 17 deletions.
diff --git a/img/simpliplan/screenshots/1.png b/img/simpliplan/screenshots/1.png
diff --git a/img/simpliplan/screenshots/1_dark.png b/img/simpliplan/screenshots/1_dark.png
diff --git a/img/simpliplan/screenshots/2.png b/img/simpliplan/screenshots/2.png
diff --git a/img/simpliplan/screenshots/2_dark.png b/img/simpliplan/screenshots/2_dark.png
diff --git a/img/simpliplan/screenshots/3.png b/img/simpliplan/screenshots/3.png
diff --git a/img/simpliplan/screenshots/3_dark.png b/img/simpliplan/screenshots/3_dark.png
diff --git a/img/simpliplan/screenshots/4.png b/img/simpliplan/screenshots/4.png
diff --git a/img/simpliplan/screenshots/4_dark.png b/img/simpliplan/screenshots/4_dark.png
diff --git a/img/simpliplan/screenshots/5.png b/img/simpliplan/screenshots/5.png
diff --git a/img/simpliplan/screenshots/5_dark.png b/img/simpliplan/screenshots/5_dark.png
diff --git a/img/simpliplan/screenshots/6.png b/img/simpliplan/screenshots/6.png
diff --git a/img/simpliplan/screenshots/6_dark.png b/img/simpliplan/screenshots/6_dark.png
diff --git a/index.html b/index.html
@@ -239,8 +239,30 @@ <h3>Simpliplan</h3>
                             </div>
 
                             <div class="expanded">
-                                <img src="" alt="">
-                                <img src="" alt="">
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/1_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/1.png">
+                                </picture>
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/2_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/2.png">
+                                </picture>
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/3_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/3.png">
+                                </picture>
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/4_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/4.png">
+                                </picture>
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/5_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/5.png">
+                                </picture>
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/6_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/6.png">
+                                </picture>
                             </div>
                         </div>
                     </div>
@@ -277,11 +299,6 @@ <h3>Maths Parser</h3>
                                     </ul>
                                 </div>
                             </div>
-
-                            <div class="expanded">
-                                <img src="" alt="">
-                                <img src="" alt="">
-                            </div>
                         </div>
                     </div>
 
@@ -317,11 +334,6 @@ <h3>Boolean Expression Parser</h3>
                                     </ul>
                                 </div>
                             </div>
-
-                            <div class="expanded">
-                                <img src="" alt="">
-                                <img src="" alt="">
-                            </div>
                         </div>
                     </div>
 
@@ -356,11 +368,6 @@ <h3>Calcu</h3>
                                     </ul>
                                 </div>
                             </div>
-
-                            <div class="expanded">
-                                <img src="" alt="">
-                                <img src="" alt="">
-                            </div>
                         </div>
                     </div>