WikiDJ

The Artists' Encyclopedia, community-powered.

User Tools

Site Tools

Trace: • Folic State
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:24] – 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,
-        .page-tools, /* This should hide the right-hand toolbar */+        .page-tools,
         .breadcrumbs,         .breadcrumbs,
         .edit-button,         .edit-button,
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;
         }         }
                  
-        /* Style for the individual link items */ 
         .portal-link {         .portal-link {
             margin-bottom: 2.5em;             margin-bottom: 2.5em;
Line 41: Line 39:
             font-size: 0.95em;             font-size: 0.95em;
             color: #a2a9b1;             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;
 +            }
         }         }
  
Line 47: Line 82:
  
 <body style="margin: 0;"> <body style="margin: 0;">
-    <div style="background-color: #202122; color: #c8ccd1; padding: 5% 1em; 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;">
  
         <!-- Main Title Block -->         <!-- Main Title Block -->
-        <div style="text-align: center; margin-bottom: 2em;">+        <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;">             <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>                 <span style="font-size: 1em;">W</span><span style="font-size: 0.8em;">IKI</span><span style="font-size: 1em;">-DJ</span>
Line 58: Line 93:
  
         <!-- Content Block with Columns -->         <!-- Content Block with Columns -->
-        <div style="display: flex; justify-content: center; align-items: center; text-align: center;">+        <div class="portal-main-container" style="display: flex; justify-content: center; align-items: center; text-align: center;">
  
             <!-- Left Column -->             <!-- Left Column -->
-            <div style="width: 28%; text-align: right; padding-right: 1.5em;">+            <div class="portal-column" style="width: 50%; text-align: right; padding-right: 0.5em;">
                 <div class="portal-link">                 <div class="portal-link">
-                    <a href="/doku.php?id=browse_all_artists">Browse All Artists</a><br>+                    <a href="/doku.php?id=artist:start">Browse All Artists</a><br>
                     <span>The definitive A-Z list</span>                     <span>The definitive A-Z list</span>
                 </div>                 </div>
                 <div class="portal-link">                 <div class="portal-link">
-                    <a href="/doku.php?id=djs">DJs on wikiDJ</a><br>+                    <a href="/doku.php?id=djs">DJ's on wikiDJ</a><br>
                     <span>The performers</span>                     <span>The performers</span>
                 </div>                 </div>
Line 75: Line 110:
                 </div>                 </div>
                 <div class="portal-link" style="margin-bottom: 0;">                 <div class="portal-link" style="margin-bottom: 0;">
-                    <a href="/doku.php?id=list_producers">List Producers</a><br> +                    <a href="mailto:admin_team@wiki-dj.com">Contact the wiki-dj Team</a><br> 
-                    <span>All producer pages</span>+                    <span>Get in touch</span>
                 </div>                 </div>
             </div>             </div>
  
             <!-- Center Column (Logo) -->             <!-- Center Column (Logo) -->
-            <div style="width: 44%; padding: 0 1em;"> +            <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="450" style="max-width: 100%;">+                <img src="/lib/exe/fetch.php?media=wiki:wiki-logo.png" alt="Wiki-DJ Logo" width="450" style="max-width: 100%;">
             </div>             </div>
  
             <!-- Right Column -->             <!-- Right Column -->
-            <div style="width: 28%; text-align: left; padding-left: 1.5em;">+            <div class="portal-column" style="width: 50%; text-align: left; padding-left: 0.5em;">
                 <div class="portal-link">                 <div class="portal-link">
                     <a href="/doku.php?id=artists_by_country">Artists By Country</a><br>                     <a href="/doku.php?id=artists_by_country">Artists By Country</a><br>
Line 92: Line 127:
                 </div>                 </div>
                 <div class="portal-link">                 <div class="portal-link">
-                    <a href="/doku.php?id=list_djs">List DJs</a><br> +                    <a href="https://wiki-dj.com/doku.php?id=add_new_page">Create an Artist Profile</a><br> 
-                    <span>All DJ pages</span>+                    <span>Add your page to the wiki</span>
                 </div>                 </div>
                 <div class="portal-link">                 <div class="portal-link">
Line 100: Line 135:
                 </div>                 </div>
                 <div class="portal-link" style="margin-bottom: 0;">                 <div class="portal-link" style="margin-bottom: 0;">
-                    <a href="/doku.php?id=suggest_an_edit">Suggest an Edit</a><br>+                    <a href="/doku.php?id=contact">Suggest an Edit</a><br>
                     <span>Help us improve</span>                     <span>Help us improve</span>
                 </div>                 </div>
Line 117: Line 152:
                 <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>                 <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.1754094253.txt.gz · Last modified: by admin