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/01 23:59] – adminsearchpage [2025/08/04 10:28] (current) – admin
Line 1: Line 1:
 +~~NOCACHE~~
 ~~NOSIDEBAR~~ ~~NOSIDEBAR~~
 ~~NOTOC~~ ~~NOTOC~~
- 
-<WRAP style="background-color: #202122; color: #c8ccd1; padding-top: 10%; min-height: 100vh; box-sizing: border-box;"> 
  
 <html> <html>
-<div style="display: flex; justify-content: center; align-items: flex-start; text-align: center; font-family: sans-serif;">+<head> 
 +    <style type="text/css"> 
 +        /* --- Base Styles --- */ 
 +        #dokuwiki__header, 
 +        #dokuwiki__footer, 
 +        .page-tools, 
 +        .breadcrumbs, 
 +        .edit-button, 
 +        #dokuwiki__usertools { 
 +            display: none !important; 
 +        }
  
-    <div style="width: 30%; text-align: right; padding-right: 2em;"> +        #dokuwiki__content { 
-        <div style="margin-bottom: 3em;"> +            position: fixed !important; 
-            <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> +            top: 0; 
-            <br> +            left: 0; 
-            <span style="font-size:0.9em; color:#a2a9b1;">The definitive A-Z list</span> +            width: 100% !important; 
-        </div> +            height: 100% !important; 
-        <div> +            padding: 0 !important; 
-            <a href="/doku.php?id=list_producers" style="font-size:1.2em; font-weight:bold; color: #3366cc; text-decoration: none;">List Producers</a> +            margin: 0 !important; 
-            <br> +            overflow-y: auto; 
-            <span style="font-size:0.9em; color:#a2a9b1;">The masterminds behind the music</span>+        } 
 +         
 +        .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> 
 +</head> 
 + 
 +<body style="margin: 0;"> 
 +    <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 --> 
 +        <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>         </div>
-    </div> 
  
-    <div style="width: 30%;"> +        <!-- Content Block with Columns --> 
-        <img src="/lib/exe/fetch.php?media=wiki:wikidj.png" alt="Wiki-DJ Logo" width="200"> +        <div class="portal-main-container" style="display: flex; justify-content: center; align-items: center; text-align: center;">
-        <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 style="width: 30%; text-align: left; padding-left: 2em;"> +            <!-- Left Column --> 
-        <div style="margin-bottom: 3em;"> +            <div class="portal-column" style="width: 50%; text-align: right; padding-right: 0.5em;"> 
-            <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> +                <div class="portal-link"> 
-            <br> +                    <a href="/doku.php?id=artist:start">Browse All Artists</a><br> 
-            <span style="font-size:0.9em; color:#a2a9b1;">Discover global sounds</span>+                    <span>The definitive A-Z list</span> 
 +                </div> 
 +                <div class="portal-link"> 
 +                    <a href="/doku.php?id=djs">DJ's on wikiDJ</a><br> 
 +                    <span>The performers</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:admin_team@wiki-dj.com">Contact the wiki-dj Team</a><br> 
 +                    <span>Get in touch</span> 
 +                </div> 
 +            </div> 
 + 
 +            <!-- Center Column (Logo) --> 
 +            <div class="portal-logo-container" style="width: 30%; padding: 0;"> 
 +                <img src="/lib/exe/fetch.php?media=wiki:wiki-logo.png" alt="Wiki-DJ Logo" width="450" style="max-width: 100%;"> 
 +            </div> 
 + 
 +            <!-- Right Column --> 
 +            <div class="portal-column" style="width: 50%; text-align: left; padding-left: 0.5em;"> 
 +                <div class="portal-link"> 
 +                    <a href="/doku.php?id=artists_by_country">Artists By Country</a><br> 
 +                    <span>Discover global sounds</span> 
 +                </div> 
 +                <div class="portal-link"> 
 +                    <a href="https://wiki-dj.com/doku.php?id=add_new_page">Create an Artist Profile</a><br> 
 +                    <span>Add your page to the wiki</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> 
-            <a href="/doku.php?id=list_djs" style="font-size:1.2em; font-weight:bold; color: #3366cc; text-decoration: none;">List DJs</a> 
-            <br> 
-            <span style="font-size:0.9em; color:#a2a9b1;">The performers on the decks</span> 
-        </div> 
-    </div> 
  
 +        <!-- Bottom Links and Search Bar -->
 +        <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>
 +            </div>
 +            <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="id" value="start">
 +                <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 2px 2px 0; cursor: pointer; background-color: #3366cc; color: white;">Search</button>
 +            </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 style="text-align: center; margin-top: 4em;"> +        </div> 
-    <div style="margin-bottom: 1em; font-size: 0.9em; color: #a2a9b1;"> +
-        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;"> 
-        <input type="hidden" name="do" value="search"> 
-        <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;"> 
-        <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> 
-    </form> 
-</div> 
-</html> 
  
-</WRAP>+ 
 +</body> 
 +</html>
searchpage.1754092749.txt.gz · Last modified: by admin