From bf8d058f8bbd623b20c8f292f1dfc42874e9280f Mon Sep 17 00:00:00 2001
From: Pen-y-Fan <40126936+Pen-y-Fan@users.noreply.github.com>
Date: Tue, 1 Feb 2022 19:19:06 +0000
Subject: [PATCH] Update to index.php

This is related to #259

I was discussing some improvements with @iskndrcnr including:

- improved accessibility (contrast)
- fetching the pretty url from laragon.ini
- allowing for http or https (via $_SERVER['REQUEST_SCHEME'])

Sorry I didn't push earlier.
---
 www/index.php | 290 ++++++++++++++++++++++++++------------------------
 1 file changed, 149 insertions(+), 141 deletions(-)
diff --git a/www/index.php b/www/index.php
index 09f8d3430..73300c831 100644
--- a/www/index.php
+++ b/www/index.php
@@ -1,167 +1,175 @@
 <?php
-if (!empty($_GET['q'])) {
-  switch ($_GET['q']) {
-    case 'info':
-      phpinfo();
-      exit;
-      break;
-  }
+if (!empty($_GET['q']) && $_GET['q'] === 'info') {
+    phpinfo();
+    exit;
 }
-?>
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Laragon</title>
-  <link href="https://fonts.googleapis.com/css?family=Karla:400" rel="stylesheet" type="text/css">
-  <link rel="shortcut icon" href="https://i.imgur.com/ky9oqct.png" type="image/png">
-  <style>
-    *,
-    :before *,
-    :after * {
-      box-sizing: border-box;
-    }
-
-    body {
-      margin: 0;
-      min-height: 100vh;
-      font-weight: 100;
-        font-family: 'Karla', sans-serif;
-      font-size: 18px;
-    }
-
-    header,
-    main,
-    nav,
-    aside {
-      padding: 1rem;
-      margin: auto;
-      max-width: 1200px;
-      text-align: center;
-    }
 
-    header {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: center;
-      align-items: center;
-    }
-
-    .header__item {
-      margin: 0;
-      padding: 1rem;
-    }
-
-    .header--logo {
-      height: 8rem;
-    }
-
-    h1 {
-      font-size: 5rem;
-    }
-
-    main {
-      background-color: #f5f5f5;
-    }
-
-    nav {
-      width: 100%;
-    }
-
-    ul {
-      list-style: none;
-      padding: 0;
-      margin: auto;
-    }
-
-    a {
-      color: #37ADFF;
-      font-weight: 900;
-      text-decoration: none;
-    }
-
-    a:hover {
-      color: red;
-      font-weight: 900;
-      transition: 300ms;
-    }
-
-    main a {
-      color: grey;
+function getPrettyDomain()
+{
+    $iniContents = file_get_contents(__DIR__ . '/../usr/laragon.ini');
+    if (!$iniContents) {
+        return 'test';
     }
+    preg_match('/HostnameFormat=\{name\}\.(.*?)\s/', $iniContents, $hostnameFormat);
+    return $hostnameFormat ? $hostnameFormat[1] : 'test';
+}
 
-    nav a {
-      display: block;
-      margin: 1rem 0;
-    }
+$dirList = glob('*', GLOB_ONLYDIR);
 
-    nav a:after {
-      content: '→';
-      margin-left: 0.5rem;
-    }
+$prettyDomain = getPrettyDomain();
 
-    .alert {
-      color: red;
-      font-weight: 900;
-    }
+?>
+<!DOCTYPE html>
+<html lang="en">
 
-    @media (min-width: 650px) {
-      h1 {
-        font-size: 10rem;
-      }
-    }
-  </style>
+<head>
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Laragon</title>
+    <link href="https://fonts.googleapis.com/css?family=Karla:400" rel="stylesheet" type="text/css">
+    <link rel="shortcut icon" href="https://i.imgur.com/ky9oqct.png" type="image/png">
+    <style>
+        *,
+        :before *,
+        :after * {
+            box-sizing: border-box;
+        }
+
+        body {
+            margin: 0;
+            min-height: 100vh;
+            font-weight: 100;
+            font-family: 'Karla', sans-serif;
+            font-size: 18px;
+        }
+
+        header,
+        main,
+        nav,
+        aside {
+            padding: 1rem;
+            margin: auto;
+            max-width: 1200px;
+            text-align: center;
+        }
+
+        header {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .header__item {
+            margin: 0;
+            padding: 1rem;
+        }
+
+        .header--logo {
+            height: 8rem;
+        }
+
+        h1 {
+            font-size: 5rem;
+        }
+
+        main {
+            background-color: #f5f5f5;
+        }
+
+        nav {
+            width: 100%;
+        }
+
+        ul {
+            list-style: none;
+            padding: 0;
+            margin: auto;
+        }
+
+        a {
+            color: #6f6f6f;
+            font-weight: 900;
+            text-decoration: none;
+        }
+
+        a:hover {
+            color: red;
+            font-weight: 900;
+            transition: 300ms;
+        }
+
+        nav a {
+            display: block;
+            margin: 0.5rem 0;
+        }
+
+        nav a:after {
+            content: '→';
+            margin-left: 0.5rem;
+        }
+
+        .alert {
+            color: red;
+            font-weight: 900;
+        }
+
+        @media (min-width: 650px) {
+            h1 {
+                font-size: 10rem;
+            }
+        }
+    </style>
 </head>
 
 <body>
-  <header>
+<header>
     <img class="header__item header--logo" src="https://i.imgur.com/ky9oqct.png" alt="Offline">
     <h1 class="header__item header--title" title="Laragon">Laragon</h1>
-  </header>
-  <main>
+</header>
+<main>
     <p>
-      <?php print($_SERVER['SERVER_SOFTWARE']); ?>
+        <?= $_SERVER['SERVER_SOFTWARE'] ?>
     </p>
     <p>
-      PHP version: <?php print PHP_VERSION; ?> <span><a title="phpinfo()" href="/?q=info">info</a></span>
+        PHP version: <?= PHP_VERSION ?> <span><a title="phpinfo()" href="/?q=info">info</a></span>
     </p>
     <p>
-      Document Root: <?php print($_SERVER['DOCUMENT_ROOT']); ?>
+        Document Root: <?= $_SERVER['DOCUMENT_ROOT'] ?>
     </p>
     <p>
-      <a title="Getting Started" href="https://laragon.org/docs">Getting Started</a>
+        <a title="Getting Started" href="https://laragon.org/docs" target="_blank">Getting Started</a>
     </p>
-  </main>
-  <?php
-  $dirList = glob('*', GLOB_ONLYDIR);
-  if (!empty($dirList)) :  
-  ?>
-    <nav>
-      <ul>
-        <?php
-        foreach ($dirList as $key => $value) :
-          $link = 'https://' . $value . '.test';
+    <?php
+    if (!empty($dirList)) :
         ?>
-          <a href="<?php echo $link; ?>" target="_blank"><?php echo $link; ?></a>
-        <?php
-        endforeach;
+        <nav>
+            <ul>
+                <?php
+                foreach ($dirList as $key => $value) :
+                    $link = $_SERVER['REQUEST_SCHEME'] . '://' . $value . '.' . $prettyDomain;
+                    ?>
+                    <li>
+                        <a href="<?= $link ?>" target="_blank"><?= $value ?></a>
+                    </li>
+                <?php
+                endforeach;
+                ?>
+            </ul>
+        </nav>
+    <?php
+    else :
         ?>
-      </ul>
-    </nav>
-  <?php
-  else :
-  ?>
-    <aside>
-      <p class="alert">There are no directories, create your first project now</p>
-      <div>
-        <img src="https://i.imgur.com/3Sgu8XI.png" alt="Offline">
-      </div>
-    </aside>
-  <?php
-  endif;
-  ?>
+        <aside>
+            <p class="alert">There are no directories, create your first project now</p>
+            <div>
+                <img src="https://i.imgur.com/3Sgu8XI.png" alt="Offline">
+            </div>
+        </aside>
+    <?php
+    endif;
+    ?>
+</main>
 </body>
 
 </html>
\ No newline at end of file
