WikiDJ

The Artists' Encyclopedia, community-powered.

User Tools

Site Tools

Trace: • Miles from Mars
searchpage

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
searchpage [2025/08/02 00:09] – adminsearchpage [2025/08/04 10:28] (current) – admin
Line 6: Line 6:
 <head> <head>
     <style type="text/css">     <style type="text/css">
-        /* This CSS hides the DokuWiki template elements */+        /* --- Base Styles --- */
         #dokuwiki__header,         #dokuwiki__header,
         #dokuwiki__footer,         #dokuwiki__footer,
Line 16: Line 16:
         }         }
  
-        /* This CSS makes the content area take up the full screen */ 
         #dokuwiki__content {         #dokuwiki__content {
             position: fixed !important;             position: fixed !important;
Line 25: Line 24:
             padding: 0 !important;             padding: 0 !important;
             margin: 0 !important;             margin: 0 !important;
-            overflow-y: auto; /* Allows scrolling if needed */+            overflow-y: auto;
         }         }
 +        
 +        .portal-link {
 +            margin-bottom: 2.5em;
 +        }
 +        .portal-link a {
 +            font-size: 1.3em;
 +            font-weight: bold;
 +            color: #3366cc;
 +            text-decoration: none;
 +        }
 +        .portal-link span {
 +            font-size: 0.95em;
 +            color: #a2a9b1;
 +        }
 +
 +        /* --- Mobile Responsive Styles --- */
 +        @media (max-width: 768px) {
 +            .portal-main-container {
 +                /* Stack columns vertically on mobile */
 +                flex-direction: column !important;
 +            }
 +            .portal-column {
 +                /* Make columns full-width and centered on mobile */
 +                width: 100% !important;
 +                text-align: center !important;
 +                padding: 0 1em !important; /* Add some side padding */
 +                margin-bottom: 2em;
 +            }
 +            .portal-logo-container {
 +                /* Move the logo to the top on mobile */
 +                order: -1;
 +                width: 100% !important;
 +                padding: 0 !important;
 +                margin-bottom: 2em;
 +            }
 +            .portal-logo-container img {
 +                /* Give the logo a sensible size on mobile */
 +                width: 180px !important;
 +            }
 +            .main-title h1 {
 +                /* Reduce title size on mobile */
 +                font-size: 2.5em !important;
 +            }
 +            .portal-link {
 +                margin-bottom: 1.5em;
 +            }
 +            .portal-link a {
 +                 /* Reduce link size on mobile */
 +                font-size: 1.2em;
 +            }
 +        }
 +
     </style>     </style>
 </head> </head>
  
 <body style="margin: 0;"> <body style="margin: 0;">
-    <div style="background-color: #202122; color: #c8ccd1; padding: 10% 2em; min-height: 100vh; box-sizing: border-box; font-family: sans-serif;">+    <div style="background-color: #202122; color: #c8ccd1; padding: 10% 1em 5% 1em; min-height: 100vh; box-sizing: border-box; font-family: sans-serif;">
  
-        <div style="display: flex; justify-content: center; align-items: flex-start; text-align: center;">+        <!-- Main Title Block --> 
 +        <div class="main-title" style="text-align: center; margin-bottom: 2em;"> 
 +            <h1 style="color: #eaecf0; font-family: 'Linux Libertine', 'Georgia', 'Times', serif; font-weight: normal; font-size: 3.5em; margin: 0; letter-spacing: 0.05em;"> 
 +                <span style="font-size: 1em;">W</span><span style="font-size: 0.8em;">IKI</span><span style="font-size: 1em;">-DJ</span> 
 +            </h1> 
 +            <p style="font-size: 1em; margin-top: 0.5em; font-style: normal;">The Free Encyclopedia for DJs and Producers</p> 
 +        </div> 
 + 
 +        <!-- Content Block with Columns --> 
 +        <div class="portal-main-container" style="display: flex; justify-content: center; align-items: center; text-align: center;">
  
             <!-- Left Column -->             <!-- Left Column -->
-            <div style="width: 30%; text-align: right; padding-right: 2em;"> +            <div class="portal-column" style="width: 50%; text-align: right; padding-right: 0.5em;"> 
-                <div style="margin-bottom: 3em;"> +                <div class="portal-link"> 
-                    <a href="/doku.php?id=browse_all_artists" style="font-size:1.2em; font-weight:bold; color: #3366cc; text-decoration: none;">Browse All Artists</a> +                    <a href="/doku.php?id=artist:start">Browse All Artists</a><br> 
-                    <br> +                    <span>The definitive A-Z list</span>
-                    <span style="font-size:0.9em; color:#a2a9b1;">The definitive A-Z list</span>+
                 </div>                 </div>
-                <div> +                <div class="portal-link"> 
-                    <a href="/doku.php?id=list_producers" style="font-size:1.2em; font-weight:bold; color: #3366cc; text-decoration: none;">List Producers</a> +                    <a href="/doku.php?id=djs">DJ's on wikiDJ</a><br> 
-                    <br> +                    <span>The performers</span> 
-                    <span style="font-size:0.9em; color:#a2a9b1;">The masterminds behind the music</span>+                </div> 
 +                <div class="portal-link"> 
 +                    <a href="/doku.php?id=producers">Producers on wikiDJ</a><br> 
 +                    <span>The masterminds</span> 
 +                </div> 
 +                <div class="portal-link" style="margin-bottom: 0;"> 
 +                    <a href="mailto:[email protected]">Contact the wiki-dj Team</a><br> 
 +                    <span>Get in touch</span>
                 </div>                 </div>
             </div>             </div>
  
-            <!-- Center Column --> +            <!-- Center Column (Logo) --> 
-            <div style="width: 30%;"> +            <div class="portal-logo-container" style="width: 30%; padding: 0;"> 
-                <img src="/lib/exe/fetch.php?media=wiki:wiki-transparent.png" alt="Wiki-DJ Logo" width="200"> +                <img src="/lib/exe/fetch.php?media=wiki:wiki-logo.png" alt="Wiki-DJ Logo" width="450" style="max-width: 100%;">
-                <h1 style="color: #eaecf0; font-family: 'Linux Libertine', 'Georgia', 'Times', serif; font-weight: normal; margin-top: 0.5em; margin-bottom: 0;">Wiki-DJ</h1> +
-                <p style="font-size: 0.8em; margin-top: 0.5em; font-style: italic;">The Free Encyclopedia for DJs and Producers</p>+
             </div>             </div>
  
             <!-- Right Column -->             <!-- Right Column -->
-            <div style="width: 30%; text-align: left; padding-left: 2em;"> +            <div class="portal-column" style="width: 50%; text-align: left; padding-left: 0.5em;"> 
-                <div style="margin-bottom: 3em;"> +                <div class="portal-link"> 
-                    <a href="/doku.php?id=artists_by_country" style="font-size:1.2em; font-weight:bold; color: #3366cc; text-decoration: none;">Artists By Country</a> +                    <a href="/doku.php?id=artists_by_country">Artists By Country</a><br> 
-                    <br> +                    <span>Discover global sounds</span>
-                    <span style="font-size:0.9em; color:#a2a9b1;">Discover global sounds</span>+
                 </div>                 </div>
-                <div> +                <div class="portal-link"> 
-                    <a href="/doku.php?id=list_djs" style="font-size:1.2em; font-weight:bold; color: #3366cc; text-decoration: none;">List DJs</a> +                    <a href="https://wiki-dj.com/doku.php?id=add_new_page">Create an Artist Profile</a><br> 
-                    <br> +                    <span>Add your page to the wiki</span> 
-                    <span style="font-size:0.9em; color:#a2a9b1;">The performers on the decks</span>+                </div> 
 +                <div class="portal-link"> 
 +                    <a href="/doku.php?id=listallpages">List All Pages</a><br> 
 +                    <span>Complete site index</span> 
 +                </div> 
 +                <div class="portal-link" style="margin-bottom: 0;"> 
 +                    <a href="/doku.php?id=contact">Suggest an Edit</a><br> 
 +                    <span>Help us improve</span>
                 </div>                 </div>
             </div>             </div>
- 
         </div>         </div>
  
-        <div style="text-align: center; margin-top: 4em;"> +        <!-- Bottom Links and Search Bar --> 
-            <div style="margin-bottom: 1em; font-size: 0.9em; color: #a2a9b1;">+        <div style="text-align: center; margin-top: 3em;"> 
 +            <div style="margin-bottom: 1.5em; font-size: 0.9em; color: #a2a9b1;">
                 View full site: <a href="/doku.php?id=start" style="color: #3366cc; text-decoration: none;">Home</a>                 View full site: <a href="/doku.php?id=start" style="color: #3366cc; text-decoration: none;">Home</a>
             </div>             </div>
-            <form action="/doku.php" method="get" accept-charset="utf-8" style="display: flex; justify-content: center; max-width: 500px; margin: auto; font-family: sans-serif;">+            <form action="/doku.php" method="get" accept-charset="utf-8" style="display: flex; justify-content: center; max-width: 450px; margin: auto; font-family: sans-serif;">
                 <input type="hidden" name="do" value="search">                 <input type="hidden" name="do" value="search">
                 <input type="hidden" name="id" value="start">                 <input type="hidden" name="id" value="start">
-                <input type="text" name="q" class="edit" style="flex-grow: 1; padding: 10px; font-size: 14px; border: 1px solid #a2a9b1; border-right: none; border-radius: 3px 0 0 3px; background-color: #fff; color: #000;"> +                <input type="text" name="q" class="edit" style="flex-grow: 1; padding: 10px; font-size: 14px; border: 1px solid #72777d; border-right: none; border-radius: 2px 0 0 2px; background-color: #fff; color: #000;"> 
-                <button type="submit" class="button" style="padding: 10px 15px; font-size: 14px; border: 1px solid #3366cc; border-radius: 0 3px 3px 0; cursor: pointer; background-color: #3366cc; color: white;">Search</button>+                <button type="submit" class="button" style="padding: 10px 15px; font-size: 14px; border: 1px solid #3366cc; border-radius: 0 2px 2px 0; cursor: pointer; background-color: #3366cc; color: white;">Search</button>
             </form>             </form>
 +<br /><br />
 +            <div style="margin-bottom: 1.5em; font-size: 0.9em; color: white; text-align: center;">
 +    Already a member: 
 +    <a href="/doku.php?id=start&do=login&sectok=" style="color: #3366cc; text-decoration: none;">
 +        &lt;LOG-IN&gt;
 +    </a>
 +   <br />
 +    Not a member: 
 +    <a href="https://wiki-dj.com/doku.php?id=start&do=register" style="color: #3366cc; text-decoration: none;">
 +        &lt;REGISTER&gt;
 +    </a>
 +</div>
 +
         </div>         </div>
  
     </div>     </div>
 +
 +
 </body> </body>
 </html> </html>
searchpage.1754093368.txt.gz · Last modified: by admin