the bottom bar "program icons" work

TheElevatedOne · Nov 11, 2024 · 7fb6f5c · 7fb6f5c
1 parent 388854d
commit 7fb6f5c
Show file tree

Hide file tree

Showing 13 changed files with 1,087 additions and 5 deletions.
diff --git a/css/default.css b/css/default.css
diff --git a/fonts/NotoSans-Italic-VariableFont.ttf b/fonts/NotoSans-Italic-VariableFont.ttf
diff --git a/fonts/NotoSans-VariableFont.ttf b/fonts/NotoSans-VariableFont.ttf
diff --git a/fonts/OpenSans-Italic-VariableFont.ttf b/fonts/OpenSans-Italic-VariableFont.ttf
diff --git a/fonts/OpenSans-VariableFont.ttf b/fonts/OpenSans-VariableFont.ttf
diff --git a/icons/close-hover.svg b/icons/close-hover.svg
diff --git a/icons/close.svg b/icons/close.svg
diff --git a/icons/maximize-hover.svg b/icons/maximize-hover.svg
diff --git a/icons/maximize.svg b/icons/maximize.svg
diff --git a/icons/minimize-hover.svg b/icons/minimize-hover.svg
diff --git a/icons/minimize.svg b/icons/minimize.svg
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html>
     <head>
         <meta charset="utf-8">
-        <meta name="viewport" content="initial-scale=1, maximum-scale=1">
+        <meta name="viewport" content="width=device-width, inition-scale=1">
         <title>ELEVATED | Desktop</title>
         <link rel="shortcut icon" href="./logo/logo.png" type="image/x-icon">
         <link rel="stylesheet" href="./css/default.css">
@@ -98,6 +98,99 @@
                 </div>
             </div>
         </div>
+        <div class="window" id="window">
+            <div class="win-info" id="win-info">
+                <div class="title-bar" id="title-bar">
+                    <div class="img" id="img" title="Info"></div>
+                    <div class="span">
+                        <span>Untitled - Info</span>
+                    </div>
+                    <div class="radio">
+                        <div class="min"></div>
+                        <div class="max"></div>
+                        <div class="exit"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="win-git" id="win-git">
+                <div class="title-bar" id="title-bar">
+                    <div class="img" id="img" title="Info"></div>
+                    <div class="span">
+                        <span>Repositories - Github</span>
+                    </div>
+                    <div class="radio">
+                        <div class="min"></div>
+                        <div class="max"></div>
+                        <div class="exit"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="win-art" id="win-art">
+                <div class="title-bar" id="title-bar">
+                    <div class="img" id="img" title="Info"></div>
+                    <div class="span">
+                        <span>Untitled - Art</span>
+                    </div>
+                    <div class="radio">
+                        <div class="min"></div>
+                        <div class="max"></div>
+                        <div class="exit"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="win-vape" id="win-vape">
+                <div class="title-bar" id="title-bar">
+                    <div class="img" id="img" title="Info"></div>
+                    <div class="span">
+                        <span>ELEVATED | Vape Liquids</span>
+                    </div>
+                    <div class="radio">
+                        <div class="min"></div>
+                        <div class="max"></div>
+                        <div class="exit"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="win-music" id="win-music">
+                <div class="title-bar" id="title-bar">
+                    <div class="img" id="img" title="Info"></div>
+                    <div class="span">
+                        <span>Music</span>
+                    </div>
+                    <div class="radio">
+                        <div class="min"></div>
+                        <div class="max"></div>
+                        <div class="exit"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="win-mine" id="win-mine">
+                <div class="title-bar" id="title-bar">
+                    <div class="img" id="img" title="Info"></div>
+                    <div class="span">
+                        <span>ELEVATED | Minecraft</span>
+                    </div>
+                    <div class="radio">
+                        <div class="min"></div>
+                        <div class="max"></div>
+                        <div class="exit"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="win-wall" id="win-wall">
+                <div class="title-bar" id="title-bar">
+                    <div class="img" id="img" title="Info"></div>
+                    <div class="span">
+                        <span>Wallpaper - System Settings</span>
+                    </div>
+                    <div class="radio">
+                        <div class="min"></div>
+                        <div class="max"></div>
+                        <div class="exit"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
         <div class="bottom-bar">
             <div title="Info" class="appman-info" id="info">
                 <input type="checkbox" name="info" id="ch-info" onclick="uncheck(this)">