libdebug
diff --git a/‎favicon.ico
16.6 KB b/‎favicon.ico
16.6 KB
diff --git a/‎images/libdebug_logo_horiz.jpg
422 KB b/‎images/libdebug_logo_horiz.jpg
422 KB
diff --git a/‎images/libdebug_logo_horiz.png
-1.43 MB b/‎images/libdebug_logo_horiz.png
-1.43 MB
diff --git a/‎images/libdebug_logo_horiz_centered.jpg
640 KB b/‎images/libdebug_logo_horiz_centered.jpg
640 KB
diff --git a/‎images/libdebug_logo_horiz_centered.png
-2.66 MB b/‎images/libdebug_logo_horiz_centered.png
-2.66 MB
diff --git a/‎images/libdebug_logo_overlayed.jpg
728 KB b/‎images/libdebug_logo_overlayed.jpg
728 KB
diff --git a/‎images/libdebug_logo_overlayed.png
-4.13 MB b/‎images/libdebug_logo_overlayed.png
-4.13 MB
diff --git a/‎images/libdebug_logo_vert.jpg
896 KB b/‎images/libdebug_logo_vert.jpg
896 KB
diff --git a/‎images/libdebug_logo_vert.png
-4.24 MB b/‎images/libdebug_logo_vert.png
-4.24 MB
diff --git a/‎images/pypi.png
5.56 KB b/‎images/pypi.png
5.56 KB
diff --git a/‎index.html
+38-6 b/‎index.html
+38-6
@@ -14,33 +14,65 @@
             align-items: center;
             height: 100vh;
             margin: 0;
-            background-color: #f4f4f9;
+            background-color: #ffffef;
             font-family: "Nunito", sans-serif;
         }
         .container {
-            text-align: center;
+        text-align: center;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        }
+        .icons-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
         }
         .logo {
             max-width: 600px;
             margin-bottom: 20px;
+            display: none;   /* Hide initially */
         }
+        .logo-vertical
+        {
+            max-height: 300px;
+            margin-bottom: 20px;
+            display: none;   /* Hide initially */
+        }
+        .logo { display: block; } /* Show horizontal logo initially */
         h1 {
             font-size: 3em;
             margin-bottom: 10px;
         }
         p {
             font-size: 1.2em;
             color: #333;
+            padding-right: 1.5em;
+            padding-left: 1.5em;
+        }
+        .icon {
+            width: 30px;
+            margin-right: 10px;
+        }
+        @media (orientation: portrait) {
+            .logo { display: none; }
+            .logo-vertical { display: block; } /* Ensure this is visible in portrait */
         }
     </style>
 </head>
 <body>
     <div class="container">
-        <a href="https://github.com/libdebug/libdebug"><img src="./images/libdebug_logo_horiz.png" alt="libdebug Logo" class="logo"></a>
+        <a href="https://github.com/libdebug/libdebug">
+            <img src="./images/libdebug_logo_horiz.jpg" alt="libdebug Logo" class="logo">
+            <img src="./images/libdebug_logo_vert.jpg" alt="libdebug Logo Vertical" class="logo-vertical">
+        </a>
         <p>A Python library to automate the debugging of a binary executable.</p>
-        <!-- add icon for docs and pypi and github -->
-        <a href="https://github.com/libdebug/libdebug" target="_blank"><img src="./images/github-mark/github-mark.png" alt="GitHub" style="width: 30px; margin-right: 10px;"></a>
-        <a href="https://github.com/libdebug/libdebug" target="_blank"><img src="./images/logo-dark.png" alt="Docs" style="width: 30px; margin-right: 10px;"></a>
+        <!-- icons -->
+        <div class="icons-container">
+            <a href="https://github.com/libdebug/libdebug" target="_blank"><img src="./images/github-mark/github-mark.png" alt="GitHub" style="width: 30px; margin-right: 10px;"></a>
+            <a href="https://github.com/libdebug/libdebug" target="_blank"><img src="./images/logo-dark.png" alt="Docs" style="width: 30px; margin-right: 10px;"></a>
+            <a href="https://pypi.org/project/libdebug/" target="_blank"><img src="./images/pypi.png" alt="PyPI" style="width: 30px; margin-right: 10px;"></a>
+        </div>
     </div>
 </body>
 </html>