Minor style fix for the frontpage

index.html

@@ -13,7 +13,57 @@
     <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
     <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
 
+<!-- little playground for web scanners :)
+SQL error: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '' at line 1
+Warning: oci_parse() [function.oci-parse]: ORA-01756: quoted string not properly terminated in /var/www/index.php on line 33 ORA-01756: quoted string not properly terminated
+Warning: pg_query() [function.pg-query]: Query failed: ERROR: unterminated quoted string at or near "' OFFSET 0 LIMIT 1 ^ in /var/www/index.php on line 35
+Error Type: Microsoft OLE DB Provider for ODBC Drivers (0x80040E14) [Microsoft][ODBC SQL Server Driver][SQL Server]Unclosed quotation mark after the character string ''. /index.asp, line 27
+Description: [Microsoft][ODBC SQL Server Driver][SQL Server]Line 1: Incorrect syntax near ''. Number: -2147217900 (0x80040E14)
+Warning: SQLite3::exec(): near "": syntax error in index.php on line 19
+-->
+
     <style>
+        .inner.clearfix {
+            display: flex;
+            flex-direction: row;
+            align-items: flex-start;
+            gap: 40px;
+        }
+
+        #sidebar {
+            order: 1;
+            width: 240px;
+            float: none !important;
+            margin: 0 !important;
+            flex-shrink: 0;
+        }
+
+        #main-content {
+            order: 2;
+            float: none !important;
+            width: auto !important;
+            flex-grow: 1;
+        }
+
+        @media (max-width: 850px) {
+            .inner.clearfix { flex-direction: column; }
+            #sidebar { width: 100%; order: 2; margin-top: 40px !important; }
+            #main-content { order: 1; }
+        }
+
+        footer h4 {
+            font-size: 1.1em;
+            text-transform: uppercase;
+            color: #444;
+            border-bottom: 2px solid #ddd;
+            padding-bottom: 5px;
+            margin-top: 35px;
+            margin-bottom: 15px;
+            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+            font-weight: bold;
+            letter-spacing: 0.5px;
+        }
+
         strong, b {
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             font-weight: 700;
@@ -37,26 +87,22 @@
             justify-content: space-between;
             align-items: flex-start;
         }
-
         .features-col {
             flex: 1;
             padding-left: 20px;
+            margin-top: 0;
         }
-
+        @media (max-width: 900px) {
-        @media (max-width: 850px) {
+            .features-container { flex-direction: column; gap: 0; }
-            .features-container {
-                flex-direction: column;
-                gap: 0;
-            }
         }
 
         .nav-link {
             display: block;
-            padding: 6px 0;
+            padding: 8px 0;
             color: #444;
             text-decoration: none;
             font-family: 'Architects Daughter', cursive;
-            font-size: 1.2em;
+            font-size: 1.3em;
             border-bottom: 1px dotted #ccc;
         }
         .nav-link:hover {
@@ -66,24 +112,16 @@
         }
 
         html { scroll-behavior: smooth; }
-        
+        img { max-width: 100%; height: auto; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
-        img {
+        code { color: #333; }
-            max-width: 100%;
-            height: auto;
-            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-        }
 
         footer {
-            margin-top: 50px;
+            margin-top: 60px;
             padding-top: 20px;
-            border-top: 2px solid #eee;
+            border-top: 4px solid #eee;
             color: #666;
             font-size: 0.9em;
         }
-        
-        code {
-            color: #333;
-        }
     </style>
 </head>
 
@@ -98,6 +136,21 @@
 
     <div id="content-wrapper">
         <div class="inner clearfix">
+
+            <aside id="sidebar">
+                <div style="margin-bottom: 30px;">
+                    <a href="#introduction" class="nav-link">Introduction</a>
+                    <a href="#features" class="nav-link">Features</a>
+                    <a href="#download" class="nav-link">Download</a>
+                    <a href="#documentation" class="nav-link">Docs</a>
+                    <a href="#demo" class="nav-link">Demo</a>
+                    <a href="#donate" class="nav-link">Donate</a>
+                </div>
+
+                <a href="https://github.com/sqlmapproject/sqlmap/zipball/master" class="button"><small>Download</small>.zip file</a>
+                <a href="https://github.com/sqlmapproject/sqlmap/tarball/master" class="button" style="background:url(images/download-button-green.png) no-repeat scroll 0 0 transparent"><small>Download</small>.tar.gz file</a>
+            </aside>
+
             <section id="main-content">
 
                 <h1 id="introduction">Introduction</h1>
@@ -153,38 +206,24 @@
                 <p><strong>Bug reports are welcome</strong>! Please report all bugs on the <a href="https://github.com/sqlmapproject/sqlmap/issues">issue tracker</a>.</p>
 
                 <footer>
-                    <h1 id="donate" style="margin-top:0;">Donate</h1>
+                    <h4 id="donate">Donate</h4>
                     <p>sqlmap is the result of numerous hours of passionated work from a small team of computer security enthusiasts. If you appreciated our work and you want to see sqlmap kept being developed, please consider making a donation or sponsor our efforts via <a href="https://github.com/sponsors/sqlmapproject">Sponsor page</a> or via <a href="https://www.paypal.com/donate/?hosted_button_id=T6ASMS54Q5GNY">PayPal</a>.</p>
                     <p>We also accept <span style="color:#f7931a;font-size:105%;font-weight:bold">&#x0243;</span>itcoins to <code>1AUrrKYsamBEThdruYTQmUfMfLF7aaxU6x</code>.</p>
 
-                    <h1 id="license">License</h1>
+                    <h4 id="license">License</h4>
                     <p>Copyright &copy; 2006-2025 by <a href="mailto:bernardo@sqlmap.org">Bernardo Damele Assumpcao Guimaraes</a> and <a href="mailto:miroslav@sqlmap.org">Miroslav Stampar</a>. All rights reserved.</p>
                     <p>This program is free software; you may redistribute and/or modify it under the terms of the <a href="http://www.gnu.org/licenses/old-licenses/gpl-2.0.html">GNU General Public License</a>.</p>
 
-                    <h1 id="disclaimer">Disclaimer</h1>
+                    <h4 id="disclaimer">Disclaimer</h4>
                     <p><strong>Usage of sqlmap for attacking targets without prior mutual consent is illegal.</strong> Developers assume no liability and are not responsible for any misuse or damage caused by this program.</p>
 
-                    <h1 id="developers">Developers</h1>
+                    <h4 id="developers">Developers</h4>
                     <ul>
                         <li><a href="mailto:bernardo@sqlmap.org">Bernardo Damele A. G.</a> (<a href="https://x.com/bdamele">@bdamele</a>)</li>
                         <li><a href="mailto:miroslav@sqlmap.org">Miroslav Stampar</a> (<a href="https://x.com/stamparm">@stamparm</a>)</li>
                     </ul>
                 </footer>
             </section>
-
-            <aside id="sidebar">
-                <div style="margin-bottom: 30px;">
-                    <a href="#introduction" class="nav-link">Introduction</a>
-                    <a href="#features" class="nav-link">Features</a>
-                    <a href="#download" class="nav-link">Download</a>
-                    <a href="#documentation" class="nav-link">Docs</a>
-                    <a href="#demo" class="nav-link">Demo</a>
-                    <a href="#donate" class="nav-link">Donate</a>
-                </div>
-
-                <a href="https://github.com/sqlmapproject/sqlmap/zipball/master" class="button"><small>Download</small>.zip file</a>
-                <a href="https://github.com/sqlmapproject/sqlmap/tarball/master" class="button" style="background:url(images/download-button-green.png) no-repeat scroll 0 0 transparent"><small>Download</small>.tar.gz file</a>
-            </aside>
         </div>
     </div>