WikiDJ

The Artists' Encyclopedia, community-powered.

User Tools

Site Tools

Trace:
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