commit 3c0fa1d98a552876ea35240b00acef0cf236a26d
Author: Brian McCullough <bmccullough@cacert.org>
Date:   Fri Sep 6 22:00:02 2024 +0200

    Initial creation of new Repository

diff --git a/about.php b/about.php
new file mode 100644
index 0000000..27f7b92
--- /dev/null
+++ b/about.php
@@ -0,0 +1,106 @@
+<?php
+/*
+ * Talk about CAcert and OpenID Connect
+ */
+
+echo file_get_contents("html/header.html");
+
+?>
+<div class="aboutDiv scrollDiv">
+    <h2>This Site and Service</h2>
+    This site has been developed by CAcert to give CAcert certificate users the ability to
+    allow users of their web sites to connect using OpenID supported by the CAcert Web-Of-Trust.
+    <br>
+    <br>
+    We hope that this will help you creating a bridge between your website,
+    whether powered by Drupal,
+    Wordpress, or other technology, and your users, who are holders of CAcert Client SSL
+    Certificates and can be identified to your site that way.
+    <br>
+    <br>
+    <br>
+    <h2>CAcert</h2>
+    CAcert.org is a community-driven Certificate Authority that issues certificates to the public at large for free.
+    <br>
+    <br>
+    CAcert's goal is to promote awareness and education on computer security through the use of encryption,
+    specifically by providing cryptographic certificates. These certificates can be used to digitally sign and
+    encrypt email, authenticate and authorize users connecting to websites and secure data transmission over the
+    internet. Any application that supports the Secure Socket Layer Protocol (SSL or TLS) can make use of
+    certificates signed by CAcert, as can any application that uses X.509 certificates, e.g. for encryption or code
+    signing and document signatures.
+    <br>
+    <br>
+    If you want to have free certificates issued to you, join the CAcert Community .
+    <br>
+    <br>
+    If you want to use certificates issued by CAcert, read the CAcert Root Distribution License .This license
+    applies to using the CAcert root keys .
+
+    <br>
+    <br>
+    <br>
+    <h2>OpenID Connect</h2>
+
+    <h4>What is OpenID Connect</h4>
+    OpenID Connect is an interoperable authentication protocol based on the OAuth 2.0
+    framework of specifications (IETF RFC 6749 and 6750). It simplifies the way to verify
+    the identity of users based on the authentication performed by an Authorization Server
+    and to obtain user profile information in an interoperable and REST-like manner.
+    <br>
+    <br>
+    OpenID Connect enables application and website developers to launch sign-in
+    flows and receive verifiable assertions about users across Web-based, mobile,
+    and JavaScript clients. And the specification suite is extensible to support a
+    range of optional features such as encryption of identity data, discovery of
+    OpenID Providers, and session logout. ( from OpenID Foundation )
+    <br>
+    <br>
+    OpenID Connect is an advancement from the older Oauth 2.0 technique, providing
+    a simpler method for servers and their users to connect and authenticate each other.
+    <br>
+    <br>
+    OpenID Connect (OIDC) is an identity authentication protocol that is an extension of
+    open authorization (OAuth) 2.0 to standardize the process for authenticating and
+    authorizing users when they sign in to access digital services. OIDC provides
+    authentication, which means verifying that users are who they say they are.
+    OAuth 2.0 authorizes which systems those users are allowed to access.
+    OAuth 2.0 is typically used to enable two unrelated applications to share information
+    without compromising user data. For example, many people use their email or social
+    media accounts to sign in to a third-party site rather than creating a new username
+    and password. OIDC is also used to provide single sign-on. Organizations can use a
+    secure identity and access management (IAM) system like Microsoft Entra ID (formerly
+    Azure Active Directory) as the primary authenticator of identities and then use
+    OIDC to pass that authentication to other apps.
+    <br>
+    <br>
+    This way users only need to sign in once with one username and password to
+    access multiple apps. ( from Microsoft )
+    <br>
+    <br>
+    <br>
+</div>
+<div>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+</div>
+<div>
+    <?php
+
+//    echo '<div style=" width:auto; color: black;  background: lightgrey ; padding: 1em; vertical-align: bottom" >';
+    echo "<div class='pageFooter' >";
+    echo file_get_contents("html/footer.html");
+
+    echo "<p>Copyright © CAcert, Inc ";
+    echo date("Y");
+    echo "</div>";
+
+    ?>
+</div>
diff --git a/admin_delete.php b/admin_delete.php
new file mode 100644
index 0000000..630bb93
--- /dev/null
+++ b/admin_delete.php
@@ -0,0 +1,68 @@
+<?php
+
+/*
+ * This is an adminstrative function, not exposed on the
+ * Menu, for debugging.  It will remove all Client Registrations
+ * for a particular "Site Owner".
+ *
+ */
+
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+
+echo file_get_contents("html/header.html");
+
+$ini_arr = parse_ini_file( "cacert.ini", true );
+$dbUser = $ini_arr[ 'DB' ][ 'User' ];
+$dbPass = $ini_arr[ 'DB' ][ 'Password' ];
+$internalHydraEndpointURL = $ini_arr[ 'URLs' ][ 'InternalHydraEndpointURL' ];
+
+$db = new PDO("pgsql:host=localhost;port=5432;dbname=oidc_db;user=$dbUser;password=$dbPass");
+
+$sql = "select client_id from clients where site_owner like 'Brian %'";
+
+foreach ( $db->query($sql) as $row) {
+    $clientID = $row['client_id'];
+
+    $retcode = exec("/srv/hydra/bin/hydra delete oauth2-client $clientID --endpoint $internalHydraEndpointURL ", $hydraArray);
+
+    $outArray = [];
+
+    foreach ($hydraArray as $hydra) {
+
+        $keyIDX = strpos($hydra,"\t");
+
+        if ( $keyIDX === false ) {
+            $outArray[ $hydra ] = "";
+        } else {
+            $valIDX = strrpos($hydra,"\t", -1);
+
+            $key = substr( $hydra, 0, $keyIDX );
+
+            $val = substr( $hydra, $valIDX + 1 );
+            $outArray[ $key ] = $val;
+        }
+    }
+
+    echo "Input: " . var_export($clientID,true) . "<br>";
+    echo "Hydra: " . var_export($outArray,true) . "<br>";
+
+    $stmt = $db->prepare("update clients set deleted_at = now() where client_id = :client_id");
+
+    $retcode = $stmt->execute( [ $clientID ]);
+
+    echo "<br><br>";
+    echo "DB Retcode: " . var_export($retcode,true). "<br>";
+
+}
+
+
+
+echo file_get_contents("html/footer.html");
+
+echo "<br>";
+echo '<p>Copyright © CAcert, Inc ';
+echo date("Y");
+echo "</p>";
+
+
diff --git a/cacert.ini.sample b/cacert.ini.sample
new file mode 100644
index 0000000..ada9afb
--- /dev/null
+++ b/cacert.ini.sample
@@ -0,0 +1,10 @@
+[DB]
+User="User ID for DB"
+Password="Password for DB"
+
+[URLs]
+InternalHydraEndpointURL="https://auth.cacert.localhost:4445"
+WellKnownURL="https://registration.<Your URL>:4444/.well-known/openid-configuration"
+AuthURL="https://authserver.<Your URL>:4444/oauth2/auth"
+TokenURL="https://authserver.<Your URL>:4444/oauth2/token"
+UserInfoURL="https://authserver.<Your URL>:4444/userinfo"
diff --git a/delete.php b/delete.php
new file mode 100644
index 0000000..bceab05
--- /dev/null
+++ b/delete.php
@@ -0,0 +1,113 @@
+<?php
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+
+echo file_get_contents("html/header.html");
+
+$ini_arr = parse_ini_file( "cacert.ini", true );
+$dbUser = $ini_arr[ 'DB' ][ 'User' ];
+$dbPass = $ini_arr[ 'DB' ][ 'Password' ];
+
+$clientDN = $_SERVER['SSL_CLIENT_S_DN'];
+
+$radioArray = [];
+
+$db = new PDO("pgsql:host=localhost;port=5432;dbname=oidc_db;user=$dbUser;password=$dbPass");
+$sql = "select id, site_name, site_owner, client_id, owner_id, created_at from clients where owner_id = '$clientDN' and deleted_at is null";
+foreach ($db->query($sql) as $row) {
+    $data['id'] = $row['id'];
+    $data['site_name'] = $row['site_name'];
+    $data['site_owner'] = $row['site_owner'];
+    $data['client_id'] = $row['client_id'];
+    $data['owner_id'] = $row['owner_id'];
+    $data['created_at'] = $row['created_at'];
+
+    $radioArray[] = $data;
+}
+
+$itemCount = count($radioArray);
+
+
+?>
+
+    <div class="scrollDiv" style="  border: 5px outset blue; padding: 1em; ">
+        <p>
+            This page allows you to remove a site registration that
+            you have created with this tool.
+        </p>
+
+        <h3>Choose a Site Registration to Delete</h3>
+
+        <form id="delete_form" action="delete1.php" method="post" enctype="application/x-www-form-urlencoded">
+            <div>
+                <table style="border: solid 1px black ; border-collapse: collapse">
+                    <tr>
+                        <th>
+                            &nbsp;
+                        </th>
+                        <th>
+                            Site Name
+                        </th>
+                        <th>
+                            Site Owner
+                        </th>
+                        <th>
+                            Owner ID
+                        </th>
+                        <th>
+                            Date Created
+                        </th>
+                    </tr>
+                    <?php
+                    for ($i = 0; $i < $itemCount; $i++) {
+                        echo "<tr>";
+                        echo "<td>";
+                        echo "<input type='radio' id='radiobtn' name='radiobtn' value='$i' />";
+                        echo "</td>";
+                        echo "<td>";
+                        $site_name = $radioArray[$i]["site_name"];
+                        echo "$site_name";
+                        echo "</td>";
+                        echo "<td>";
+                        $site_owner = $radioArray[$i]["site_owner"];
+                        echo "$site_owner";
+                        echo "</td>";
+                        echo "<td>";
+                        $owner_id = $radioArray[$i]["owner_id"];
+                        echo "$owner_id";
+                        $client_id = $radioArray[$i]["client_id"];
+                        echo "<input type='hidden' id='client_id[$i]' name='client_id[$i]' value='$client_id' />";
+                        echo "</td>";
+                        echo "<td>";
+                        $createdAt = new DateTime($radioArray[$i]["created_at"]);
+                        $createdAtStr = date_format($createdAt, 'Y-m-d H:i:s');
+                        echo "$createdAtStr";
+                        echo "</td>";
+                        echo "</tr>";
+                    }
+
+                    ?>
+                </table>
+            </div>
+            <br>
+            <input type="submit" name="deleteit" value="Remove Site Registration"/>
+
+        </form>
+
+    <br>
+    <br>
+
+<?php
+
+
+echo "<div class='pageFooter'>";
+
+echo file_get_contents("html/footer.html");
+
+echo "<br>";
+echo '<p>Copyright © CAcert, Inc ';
+echo date("Y");
+echo "</p>";
+
+echo "</div>";
+echo "</div>";
diff --git a/delete1.php b/delete1.php
new file mode 100644
index 0000000..6ad5971
--- /dev/null
+++ b/delete1.php
@@ -0,0 +1,95 @@
+<?php
+
+/*
+ * Collect Site Name, DN, list of E-Mail addresses, Serial Number
+ *
+ * Call Hydra to create new record, collect Client ID and Secret
+ *
+ * Send Client ID and Secret back to caller and display
+ *
+ */
+
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+
+echo file_get_contents("html/header.html");
+
+$ini_arr = parse_ini_file( "cacert.ini", true );
+$internalHydraEndpointURL = $ini_arr[ 'URLs' ][ 'InternalHydraEndpointURL' ];
+$dbUser = $ini_arr[ 'DB' ][ 'User' ];
+$dbPass = $ini_arr[ 'DB' ][ 'Password' ];
+
+?>
+
+<div class="scrollDiv" >
+
+    <?php
+
+if (isset($_POST['radiobtn'])) {
+
+	$idx = $_POST['radiobtn'];
+    $clientID = $_POST['client_id'][$idx];
+
+}
+
+
+$hydraCommand = "/srv/hydra/bin/hydra delete oauth2-client $clientID --endpoint $internalHydraEndpointURL ";
+$retcode = exec($hydraCommand, $hydraArray);
+
+
+$outArray = [];
+
+foreach ($hydraArray as $hydra) {
+
+    $keyIDX = strpos($hydra, "\t");
+
+    if ($keyIDX === false) {
+        $outArray[$hydra] = "";
+    } else {
+        $valIDX = strrpos($hydra, "\t", -1);
+
+        $key = substr($hydra, 0, $keyIDX);
+
+        $val = substr($hydra, $valIDX + 1);
+        $outArray[$key] = $val;
+    }
+}
+
+if ($outArray['ID'] == $clientID) {
+
+    $db = new PDO("pgsql:host=localhost;port=5432;dbname=oidc_db;user=$dbUser;password=$dbPass");
+
+    $stmt = $db->prepare("update clients set deleted_at = now() where client_id = :client_id");
+    $retcode = $stmt->execute([$clientID]);
+
+    $stmt = $db->query("select site_name, created_at, client_id from clients where client_id = '$clientID' ");
+    $result = $stmt->fetchAll();
+
+    ?>
+    <div style="background-color: lightblue; color: black; padding: 1em">
+        <p>
+        <?php
+        $siteInfo = $result['0'];
+        ?>
+        Site <?php echo $siteInfo['site_name'] ?>
+        with Client ID <?php echo $siteInfo['client_id'] ?>
+        deleted successfully
+        </p>
+    </div>
+
+    <?php
+}
+
+
+echo "<div class='pageFooter' >";
+
+echo file_get_contents("html/footer.html");
+
+echo "<br>";
+echo '<p>Copyright © CAcert, Inc ';
+echo date("Y");
+echo "</p>";
+
+echo "</div>";
+echo "</div>";
+
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..dfccc66
Binary files /dev/null and b/favicon.ico differ
diff --git a/html/CAcert-logo.svg b/html/CAcert-logo.svg
new file mode 100644
index 0000000..eb1957d
--- /dev/null
+++ b/html/CAcert-logo.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="a" width="510" height="116.25" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g id="b" transform="matrix(1.25,0,0,-1.25,0,116.25)"><g id="c" transform="scale(.1)"><path id="d" d="m2031.8 34.969c-56.31 0-107.84 6.4062-154.59 19.281-46.35 12.844-86.77 32.656-121.25 59.469-34.1 26.781-60.53 60.531-79.3 101.31-18.77 40.75-28.16 88.469-28.16 143.12 0 57.656 9.96 107.38 29.88 149.22 20.29 41.844 48.47 76.531 84.48 104.06 34.86 26.062 75.08 45.156 120.67 57.25 45.6 12.124 92.91 18.187 141.94 18.187 44.06 0 84.67-4.594 121.85-13.781 37.15-9.156 71.82-21.094 104-35.782v-169.03h-29.3c-8.05 6.594-17.83 14.281-29.31 23.094-11.11 8.844-24.91 17.469-41.38 25.937-15.7 8.032-32.95 14.688-51.72 19.782-18.78 5.531-40.61 8.25-65.51 8.25-55.17 0-97.69-16.875-127.58-50.625-29.49-33.438-44.25-78.907-44.25-136.56 0-59.468 15.12-104.62 45.4-135.41 30.66-30.875 73.94-46.281 129.88-46.281 26.05 0 49.42 2.781 70.11 8.25 21.06 5.875 38.5 12.687 52.3 20.375 13.01 7.344 24.51 15.062 34.47 23.125 9.96 8.093 19.15 15.969 27.59 23.687h29.3v-169.03c-32.55-14.688-66.66-26.219-102.29-34.688-35.25-8.8125-74.32-13.219-117.23-13.219" fill="#11568c"/><path id="e" d="m2981 330.9h-458.79c2.97-50.008 21.54-88.27 55.68-114.79 34.52-26.519 85.19-39.777 152-39.777 42.32 0 83.33 7.766 123.05 23.297 39.72 15.535 71.08 32.203 94.09 50.008h22.27v-164.23c-45.28-18.562-87.96-32.012-128.05-40.348-40.09-8.332-84.45-12.5-133.07-12.5-125.46 0-221.6 28.789-288.41 86.375-66.81 57.582-100.22 139.6-100.22 246.06 0 105.32 31.55 188.66 94.65 250.04 63.47 61.75 150.33 92.625 260.57 92.629 101.71-4e-3 178.17-26.332 229.39-78.992 51.22-52.277 76.84-127.67 76.84-226.17v-71.601m-199.33 119.91c-1.11 42.808-11.51 75.008-31.18 96.601-19.67 21.594-50.3 32.391-91.87 32.395-38.6-4e-3 -70.34-10.231-95.2-30.688-24.87-20.457-38.79-53.23-41.76-98.308h260.01" fill="#11568c"/><path id="f" d="m3514.5 477.77h-18.23c-8.74 2.953-22.79 5.172-42.17 6.656s-35.53 2.234-48.44 2.234c-29.26 0-55.09-1.859-77.5-5.562-22.42-3.703-46.55-10-72.39-18.891v-417.52h-205.16v623.5h205.16v-91.594c45.21 37.75 84.54 62.734 117.98 74.937 33.42 12.594 64.2 18.875 92.31 18.875 7.22 0 15.39-0.172 24.51-0.547s17.1-0.921 23.93-1.671v-190.42" fill="#11568c"/><path id="g" d="m3874.5 836.26-207.5-80.5v-94.75h-85.75v-133.5h85.75v-287c0-75.071 19.63-128.03 59-159 39.74-30.98 99.97-46.5 181-46.5 36.27 0 67.16 1.7188 92.25 5 25.08 2.9141 48.61 7.0313 71 12.5v135h-17.25c-6.95-3.645-19.25-7.633-37-12-17.37-4.375-31.45-6.504-42.25-6.5-26.24-8e-3 -46.36 3.461-60.25 10.75-13.51 7.652-23.1 17.988-28.5 30.75-5.79 12.754-8.87 27.211-9.25 43.25-0.39 16.035-0.5 34.746-0.5 56.25v217.5h195v133.5h-195v175.25h-0.75" fill="#11568c"/><path id="h" d="m439.12 20.273c-62.25 0-119.81 9.1875-172.69 27.562-52.5 18.375-97.688 45.75-135.56 82.125-37.875 36.375-67.312 81.75-88.312 136.12-20.625 54.375-30.938 117.19-30.938 188.44 0 66.375 9.9375 126.56 29.812 180.56 19.875 53.996 48.75 100.31 86.624 138.94 36.376 37.122 81.376 65.809 135 86.063 54 20.246 112.88 30.371 176.63 30.375 35.25-4e-3 66.933-2.066 95.062-6.188 28.496-3.753 54.746-8.816 78.75-15.187 25.121-7.129 47.809-15.191 68.062-24.188 20.622-8.628 38.622-16.691 54-24.187v-203.06h-24.75c-10.503 9-23.816 19.684-39.937 32.063-15.754 12.371-33.754 24.559-54 36.562-20.629 11.997-42.941 22.122-66.937 30.375-24.004 8.247-49.688 12.372-77.063 12.375-30.375-3e-3 -59.25-4.878-86.625-14.625-27.375-9.378-52.688-25.128-75.938-47.25-22.124-21.378-40.124-49.687-54-84.937-13.5-35.25-20.25-78-20.25-128.25 0-52.5 7.313-96.375 21.938-131.62 15-35.25 33.75-63 56.25-83.25 22.875-20.625 48.375-35.438 76.5-44.438 28.125-8.625 55.875-12.937 83.25-12.937 26.25 0 52.121 3.937 77.625 11.812 25.871 7.875 49.684 18.563 71.437 32.063 18.372 10.875 35.434 22.5 51.188 34.875 15.746 12.375 28.684 23.062 38.812 32.062h22.5v-200.25c-21.003-9.375-41.066-18.188-60.187-26.438-19.129-8.25-39.191-15.375-60.187-21.375-27.379-7.875-53.067-13.875-77.063-18-24.004-4.125-57-6.1875-99-6.1875" fill="#11568c"/><path id="i" d="m1672.2 45.082h-223.31l-57.94 169.31h-310.5l-57.94-169.31h-217.68l309.38 837.56h248.63l309.37-837.56m-333.56 322.88-102.94 300.38-102.94-300.38h205.88" fill="#11568c"/><path id="j" d="m529.66 684.46c-36.738-1.871-77.344-32.203-81.344-73.883-4.417-45.98 17.786-71.976 51.626-89.816 16.921-8.922 36.476-11.504 56.164-8.313 19.683 3.192 38.996 12.778 52.886 32.239 5.774 8.136 3.856 19.41-4.281 25.183-8.137 5.774-19.41 3.856-25.184-4.281-8.914-12.488-18.597-15.906-29.214-17.629-10.618-1.723-22.473-1.027-33.497 4.785-22.046 11.621-34.374 29.988-32.992 54.609 1.391 24.7 26.168 40.575 49.614 41.09 23.449 0.52 45.949-10.675 53.894-41.804 0.942-6.871 5.746-12.473 12.344-14.606 6.594-2.137 13.851-0.488 18.637 4.531 4.781 5.02 6.226 12.403 3.777 18.887-11.832 46.344-52.047 69.836-89.66 69.008-0.879-0.02-1.887 0.043-2.77 0zm-503.69-11.332c-0.5546-0.07-1.0859-0.332-1.5117-0.504-0.125-0.055-0.3906-0.191-0.5039-0.254-0.0351-0.023-0.2187-0.226-0.25-0.25-0.0664-0.051-0.1953-0.199-0.2539-0.254-0.0547-0.055-0.1992-0.191-0.25-0.25-0.0234-0.031-0.2305-0.219-0.2539-0.254-0.0586-0.101-0.207-0.39-0.25-0.504-0.0156-0.035 0.0117-0.211 0-0.25-0.0352-0.117-0.2305-0.375-0.2539-0.504-0.0039-0.043 0.0078-0.207 0-0.25-0.4102-4.816 14.48-20.425 20.402-26.445 6.1016-6.211 56.524-46.558 84.871-65.73 28.527-19.297 94.066-54.223 110.81-62.461 16.594-8.16 68.145-29.715 102.25-40.043 58.672-17.77 118.95-28.031 177.3-32.488 58.348-4.454 114.86-2.961 165.97 3.023 102.22 11.965 184 38.824 222.38 85.879 19.191 23.527 29.098 61.598 7.305 85.375-23.711 25.871-78.68 46.996-82.102 47.097-0.191 0-0.582 0.012-0.754 0-0.113-0.011-0.402 0.016-0.504 0-0.051-0.011-0.203 0.012-0.254 0-0.047-0.015-0.207-0.238-0.25-0.253-0.043-0.016-0.211 0.019-0.254 0-0.117-0.055-0.398-0.18-0.503-0.25-0.032-0.028-0.219-0.227-0.25-0.254-0.028-0.028-0.227-0.223-0.254-0.25-0.067-0.098-0.196-0.395-0.25-0.504-0.043-0.117-0.223-0.375-0.254-0.504-0.016-0.086 0.011-0.41 0-0.504-4e-3 -0.047 4e-3 -0.203 0-0.254v-0.25c0.316-8.516 16.094-27.164 27.785-40.113 9.016-9.981 16.566-16.922 19.832-21.176 12.211-15.898 3.715-27.934-4.047-39.703-18.082-27.414-96.656-58.742-192.91-70.012-48.129-5.633-101.41-6.867-156.4-2.519-54.985 4.347-111.62 14.078-166.72 30.726-37.449 11.317-88.692 31.836-107.54 39.793-19.356 8.168-77.43 36.235-97.215 46.086-19.625 9.774-93.238 55.328-99.227 59.688-5.9882 4.359-21.301 9.871-25.688 9.32zm416.56-262.43c-1.821-0.109-3.649-0.5-5.04-1.008-0.453-0.175-1.101-0.535-1.511-0.754-0.199-0.113-0.567-0.382-0.754-0.503-0.184-0.126-0.582-0.368-0.754-0.504-0.227-0.188-0.555-0.551-0.758-0.754-0.199-0.211-0.578-0.532-0.754-0.758-0.129-0.172-0.387-0.574-0.504-0.754-0.3-0.496-0.539-1.203-0.757-1.766-0.254-0.711-0.629-1.707-0.754-2.515-1.094-8.11 4.429-21.043 16.371-36.266 23.273-29.68 22.093-53.344 22.414-80.844 0.316-27.5-17.395-56.957-41.051-84.621-27.258-31.871-58.082-59.094-86.109-80.883-27.844-21.644-82.547-55.171-100.01-68.714-17.219-13.352-30.551-21.672-33.242-29.211-0.153-0.4532-0.418-1.086-0.504-1.5118-0.063-0.3554 0.019-0.9257 0-1.2617-4e-3 -0.1992-0.012-0.5625 0-0.7539 0.015-0.1914-0.032-0.5703 0-0.7578 0.039-0.1797 0.195-0.5781 0.25-0.7539 0.043-0.1133 0.207-0.3906 0.254-0.5039 0.05-0.1094 0.191-0.3945 0.25-0.5039 0.129-0.211 0.347-0.5586 0.503-0.7539 0.043-0.0508 0.211-0.2071 0.254-0.2539 0.043-0.0469 0.204-0.2032 0.25-0.25 0.051-0.0469 0.204-0.2071 0.254-0.2539 0.625-0.5196 1.614-1.1211 2.52-1.5118 6.336-2.5625 19.394-1.9765 39.539 3.5274 15.758 4.3086 34.66 10.809 47.348 15.613 13.023 4.9375 74.964 38.465 109 63.152 33.785 24.508 71.421 62.141 87.437 83.172 15.879 20.848 41.262 53.235 43.32 118.37 1.371 43.528-8.191 72.75-54.902 99.731-19.402 11.207-33.578 15.898-42.562 15.363" fill="#00be00" fill-rule="evenodd"/><path id="k" d="m1298.3 33.055c-64.72 19.762-128.5 42.133-168.77 74.433-42.17 33.824-51.52 48.008-75.3 80.746-29.81 41.043-59.63 125.99-62.228 205.96-1.933 59.375 6.25 107.64 25.268 151.56 16.31 37.664 50.72 85.133 66.86 83.586 16.79-1.613 12.79-22.199 1.8-68.606-12.97-54.804-14.7-69.25-14.78-123.54-0.1-65.406 6-96.316 28.15-162.39 9.16-27.34 20.57-61.301 52.72-97.508 25.63-28.879 61.73-56.82 127.17-93.027 52.63-29.117 66.92-42.023 67.68-50.742 0.35-3.9531-3.72-6.789-10.93-6.9336-9.68-0.2031-23.7 2.211-37.64 6.4649zm219.34 469.26c-42.18 10.309-58.18 20.684-88.8 33.672-96.79 41.055-164.89 71.496-185.55 78.805-27.01 9.551-112.64 39.285-163.57 51.039-57.65 13.309-142.41 29.652-175.3 31.434-29.926 1.621-72.531-2.672-90.598-12.86-21.546-12.152-18.187-34.172 9.403-79.953 4.918-8.16 9.805-13.461 7.773-16.984-1.883-3.27-12.652-0.403-21.808 3.894-12.336 5.786-29.75 23.145-39.18 37.668-22.016 33.914-9.391 79.172 30.613 101.15 28.953 15.906 60.739 19.273 126.74 13.832 73.885-6.094 143.36-26.278 176.2-36.188 180.42-54.453 245.08-80.371 317.15-119.35 33.6-18.176 63.75-39.961 71.71-44.762 6.56-3.953 29.91-18.887 40.27-29.125 4.14-4.094 5.63-7.664 4.93-9.129-1.52-3.176-15.1-4.34-19.98-3.149zm-467.18 247.14c-13.3 5.957-22.54 18.926-29.18 31.254-4.52 8.375-7.28 21.266-6.57 35.387 0.71 14.113 1.87 25.601 10.46 43.691 11.5 24.199 28.57 41.508 51.45 52.16 14.78 6.883 17.58 7.863 36.23 7.906 18.8 0.04 24.33-3.253 34.76-9.316 13.03-7.57 19.42-18.258 23.87-28.062 4.41-9.68 6.72-16.102 6.87-33.622 0.14-17.671-4.96-37.812-21.27-63.027-8-12.375-21.5-24.558-41.88-36.012-14.21-7.988-43.3-9.964-64.74-0.359zm60.84 33.828c18.94 16.098 25.2 29.086 26.87 54.242 1.75 26.485-19.08 44.25-28.66 45.25-25.17 2.621-47.61-15.839-52.81-50.113-1.11-7.344-0.44-14.316 2.39-25.043 3.08-11.683 10.74-23.902 23.13-27.586 12.77-3.793 22.57-0.824 29.08 3.25" fill="#c7ff00"/></g></g></svg>
diff --git a/html/body.html b/html/body.html
new file mode 100644
index 0000000..5ad6022
--- /dev/null
+++ b/html/body.html
@@ -0,0 +1,2 @@
+<!-- <h1>CAcert OpenID Connect Registration</h1> -->
+
diff --git a/html/footer.html b/html/footer.html
new file mode 100644
index 0000000..6af70b5
--- /dev/null
+++ b/html/footer.html
@@ -0,0 +1,14 @@
+
+        <!-- <footer> -->
+        <!--
+<p>
+            Contact us in various ways .... ( I don't know what to put here )
+</p>
+-->
+        <!-- </footer> -->
+    </body>
+</html>
+
+
+
+
diff --git a/html/header.html b/html/header.html
new file mode 100644
index 0000000..fb8092a
--- /dev/null
+++ b/html/header.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="description" contents="CAcert website to provide public OpenID Connect functionality.">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+          rel="stylesheet">
+
+    <link rel="stylesheet" href="style.css" type="text/css">
+</head>
+<body>
+<header>
+    <div class="headerDiv" style="vertical-align: top; height: fit-content; /* display: inline-block; */">
+        <div style="display: block; float: left; position: relative; margin-right: 5em;">
+            <img src="html/CAcert-logo.svg" width="510px" height="120px">
+        </div>
+        <div style="display: block;  top: 0; float: right; padding: 5px; padding-top: 10px; background-color: deepskyblue; margin-left: 5em; ">
+		<a href="index.php"><h1 style="color:white; padding: 5px; ">Home</h1></a>
+        </div>
+    </div>
+</header>
+
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..43e2bac
--- /dev/null
+++ b/index.php
@@ -0,0 +1,47 @@
+<?php
+echo file_get_contents("html/header.html");
+
+$ini_arr = parse_ini_file( "cacert.ini", true );
+
+?>
+
+
+<div class="navDiv"  >
+    <ul>
+        <li>
+            <a href="info.php" title="Info">Info</a>
+        </li>
+        <li>
+            <a href="register.php" title="Register A New Site">Register a New Site</a>
+        </li>
+        <li>
+            <a href="list.php" title="List Registered Sites">List Registered Sites</a>
+        </li>
+        <li>
+            <a href="delete.php" title="Delete A Registration">Delete A Registration</a>
+        </li>
+        <li>
+            <a href="about.php" title="About">About This Site</a>
+        </li>
+    </ul>
+</div>
+
+<br>
+<br>
+
+<div   >
+<?php
+
+echo '<div style="position: fixed; width:auto; color: black; vertical-align: bottom; background: lightgrey ; padding: 1em; vertical-align: bottom" >';
+echo file_get_contents("html/footer.html");
+
+echo "<p>Copyright © CAcert, Inc ";
+echo date("Y");
+echo "</div>";
+
+?>
+
+</div>
+</body>
+</html>
+
diff --git a/info.php b/info.php
new file mode 100644
index 0000000..c33d963
--- /dev/null
+++ b/info.php
@@ -0,0 +1,58 @@
+<?php
+
+echo file_get_contents("html/header.html");
+
+$ini_arr = parse_ini_file( "cacert.ini" );
+
+?>
+
+    <div class="scrollDiv" style="position: absolute; top: 200px; left: 50px; width: 80%">
+        <div style='color: black; background: beige; padding: 1em; margin-right: 5px'>
+        <p>
+            This site provides several functions related to registering
+            your web site or application to use CAcert's OpenID Connect facility,
+            allowing people holding CAcert Client Certificates to use OpenID Connect
+            to log in to your site.
+        </p>
+        <p>
+            In order to use this site, you must have a valid
+            client certificate from CAcert installed in your browser.
+        </p>
+        <p>
+            Such a certificate may be obtained from
+            <a href="https://cacert.org" title-"CAcert Home" target="_blank" >CAcert</a>.
+        </p>
+        <p>
+            This tool provides three functions, found in the Home menu.
+            <br>
+            <b>Register a New Site</b>,
+            <b>List all Registered Sites</b>
+            and un-register or
+            <b>Delete a Site</b>.
+        </p>
+            <p>
+                You may download the various URLs provided by the OpenID component
+		<a href="<?php echo $ini_arr[ 'URLs' ][ 'WellKnownURL' ] ?>" title="OpenID Config" target="_blank" download="openid_configuration.json" >Here</a>
+            </p>
+        <p>
+            For more information, see our <b>About Page</b>
+            or <a href="https://cacert.org" title-"CAcert Home" target="_blank" >CAcert</a>.
+        </p>
+        </div>
+
+<br>
+
+<?php
+
+echo "<div class='pageFooter'>";
+
+    echo file_get_contents("html/footer.html");
+
+    echo "<br>";
+    echo '<p>Copyright © CAcert, Inc ';
+        echo date("Y");
+        echo "</p>";
+
+    echo "</div>";
+
+echo "</div>";
diff --git a/list.php b/list.php
new file mode 100644
index 0000000..13a34b0
--- /dev/null
+++ b/list.php
@@ -0,0 +1,115 @@
+<?php
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+
+echo file_get_contents("html/header.html");
+
+$ini_arr = parse_ini_file( "cacert.ini", true );
+$dbUser = $ini_arr[ 'DB' ][ 'User' ];
+$dbPass = $ini_arr[ 'DB' ][ 'Password' ];
+
+$clientDN = $_SERVER['SSL_CLIENT_S_DN'];
+
+$listArray = [];
+
+$db = new PDO("pgsql:host=localhost;port=5432;dbname=oidc_db;user=$dbUser;password=$dbPass");
+// $sql = "select id, site_name, site_owner, client_id, deleted_at, created_at from clients where owner_id = '$clientDN' and deleted_at is null";
+$sql = "select id, site_name, site_owner, client_id, deleted_at, created_at from clients where owner_id = '$clientDN' ";
+foreach ($db->query($sql) as $row) {
+    $data['id'] = $row['id'];
+    $data['site_name'] = $row['site_name'];
+    $data['site_owner'] = $row['site_owner'];
+    $data['client_id'] = $row['client_id'];
+    $data['created_at'] = $row['created_at'];
+    $data['deleted_at'] = $row['deleted_at'];
+
+    $listArray[] = $data;
+}
+
+$itemCount = count($listArray);
+
+
+?>
+
+    <div class="scrollDiv" style=" line-height: normal; border: 5px outset blue;  padding: 1em; background-color: lightblue" >
+    <p>
+        This page shows you all of the sites
+        that you have registered here, and their
+        current status.
+    </p>
+
+    <div style="/* position:fixed; top: 270px; left: 30px;  padding: 15px; width: 80%; */ background-color: lightblue">
+        <h3>List of Site Registrations</h3>
+
+        <div>
+            <table style="border: solid 1px black ; border-collapse: collapse">
+                <tr>
+                    <th>
+                        Site Name
+                    </th>
+                    <th>
+                        Site Owner
+                    </th>
+                    <th>
+                        Client ID
+                    </th>
+                    <th>
+                        Created
+                    </th>
+                    <th>
+                        Status
+                    </th>
+                </tr>
+                <?php
+                for ($i = 0; $i < $itemCount; $i++) {
+                    echo "<tr>";
+                    echo "<td>";
+                    $site_name = $listArray[$i]["site_name"];
+                    echo "$site_name";
+                    echo "</td>";
+                    echo "<td>";
+                    $site_owner = $listArray[$i]["site_owner"];
+                    echo "$site_owner";
+                    echo "</td>";
+                    echo "<td>";
+                    $client_id = $listArray[$i]["client_id"];
+                    echo "$client_id";
+                    echo "</td>";
+                    echo "<td>";
+                    $createdAt = new DateTime($listArray[$i]["created_at"]);
+                    $createdAtStr = date_format($createdAt, 'Y-m-d H:i:s');
+                    echo "$createdAtStr";
+                    echo "</td>";
+                    echo "<td>";
+                    if ( is_null($listArray[$i]["deleted_at"]) ) {
+                        echo "Active";
+                    } else {
+                        echo "Deleted";
+                    }
+                    echo "</td>";
+                    echo "</tr>";
+                }
+
+                ?>
+            </table>
+        </div>
+        <br>
+        <br>
+
+    <br>
+    <br>
+
+<?php
+
+
+echo "<div class='pageFooter'>";
+
+echo file_get_contents("html/footer.html");
+
+echo "<br>";
+echo '<p>Copyright © CAcert, Inc ';
+echo date("Y");
+echo "</p>";
+
+echo "</div>";
+echo "</div>";
diff --git a/register.php b/register.php
new file mode 100644
index 0000000..a8f62ac
--- /dev/null
+++ b/register.php
@@ -0,0 +1,317 @@
+<?php
+
+echo file_get_contents("html/header.html");
+
+$ini_arr = parse_ini_file( "cacert.ini", true );
+
+$wellKnownURL = $ini_arr[ 'URLs' ][ 'WellKnownURL' ];
+$dbUser = $ini_arr['DB']['User'];
+$dbPass = $ini_arr['DB']['Password'];
+
+if (count($_POST) > 0) {
+
+	
+    $db = new PDO("pgsql:host=localhost;port=5432;dbname=oidc_db;user=$dbUser;password=$dbPass");
+
+    $siteName = $_POST['siteName'];
+    $redirectURL = $_POST['redirectURL'];
+    $authMethod = $_POST['endpointAuth'];
+    $notes = $_POST['notes'];
+
+    $clientDN = $_SERVER['SSL_CLIENT_S_DN'];
+    $cn_pos = strpos( $clientDN, ',CN=' );
+    $clientName = substr( $clientDN, $cn_pos + 4 );
+
+    $stmt = $db->query("select created_at from clients where site_name = '$siteName' and owner_id like '%$clientName%' and deleted_at is null");
+    $res = $stmt->fetch(PDO::FETCH_ASSOC);
+
+    echo "<div class='scrollDiv' style='padding: 1em;'  >";
+
+    if ($res) {
+        echo "<div style='background-color: darkred; color: white; padding: 1em;' >";
+        echo "<br>";
+        echo "Error: Found an existing record for that site: '$siteName'";
+        echo "<br>";
+        echo "</div>";
+    } else {
+
+        for ($emailIndex = 0; $emailIndex < 20; $emailIndex++) {
+            $emailSAN = 'SSL_CLIENT_SAN_Email_' . $emailIndex;
+            if (array_key_exists($emailSAN, $_SERVER)) {
+                $clientEMail[] = $_SERVER[$emailSAN];
+            } else {
+                break;
+            }
+        }
+
+	switch( $authMethod ) {
+		case 'basic':
+		$endpointAuthMethod =  'client_secret_basic' ;
+		break;
+
+		case 'post':
+		$endpointAuthMethod =  'client_secret_post' ;
+		break;
+	
+	}
+
+
+        $hydra_command = "/srv/hydra/bin/hydra create oauth2-client --endpoint " . $ini_arr[ 'URLs' ][ 'InternalHydraEndpointURL' ] . " --name '$siteName' --owner '$clientDN' --redirect-uri '$redirectURL' --token-endpoint-auth-method '$endpointAuthMethod'  --scope openid,offline,offline_access,profile,email";
+        $retcode = exec($hydra_command, $hydraArray);
+
+
+        $outArray = [];
+
+        foreach ($hydraArray as $hydra) {
+
+            $keyIDX = strpos($hydra, "\t");
+
+            if ($keyIDX === false) {
+                $outArray[$hydra] = "";
+            } else {
+                $valIDX = strrpos($hydra, "\t", -1);
+
+                $key = substr($hydra, 0, $keyIDX);
+
+                $val = substr($hydra, $valIDX + 1);
+
+                $outArray[$key] = $val;
+            }
+        }
+
+        if (array_key_exists('CLIENT ID', $outArray)) {
+
+            echo "<h3>Here are your Client ID and Client Secret</h3>";
+            echo "<h5>";
+            echo "Make <b>sure</b> that you copy these two values somewhere safe, because the Client Secret can ";
+            echo "not be retrieved again.";
+            echo "</h5>";
+
+            echo "<br>";
+            echo "<br>";
+
+            echo "<table>";
+            echo "<tr>";
+            echo "<td>";
+            echo "Client ID";
+            echo "</td>";
+            echo "<td>&nbsp;";
+            echo "</td>";
+            echo "<td>";
+            echo $outArray['CLIENT ID'];
+            echo "</td>";
+            echo "</tr>";
+            echo "<tr>";
+            echo "<td>";
+            echo "Client Secret";
+            echo "</td>";
+            echo "<td>&nbsp;";
+            echo "</td>";
+            echo "<td>";
+            echo $outArray['CLIENT SECRET'];
+            echo "</td>";
+            echo "</tr>";
+            echo "</table>";
+            echo "<br>";
+            echo "<br>";
+            echo "<p>";
+            echo "You will also need the following URLs for your site plugin.";
+            echo "</p>";
+            echo "<br>";
+            echo "<table>";
+            echo "<tr>";
+            echo "<td>";
+            echo "Authorize";
+            echo "</td>";
+            echo "<td>&nbsp;</td>";
+            echo "<td>";
+            echo $ini_arr[ 'AuthURL' ];
+            echo "</td>";
+            echo "</tr>";
+            echo "<tr>";
+            echo "<td>";
+            echo "Token";
+            echo "</td>";
+            echo "<td>&nbsp;</td>";
+            echo "<td>";
+            echo $ini_arr[ 'TokenURL' ];
+            echo "</td>";
+            echo "</tr>";
+            echo "<tr>";
+            echo "<td>";
+            echo "User Info";
+            echo "</td>";
+            echo "<td>&nbsp;</td>";
+            echo "<td>";
+            echo $ini_arr[ 'UserInfoURL' ];
+            echo "</td>";
+            echo "</tr>";
+            echo "</table>";
+
+
+            echo "<br>";
+            ?>
+            <p>
+                Download a list of relevant URLs
+		<a href="<?php echo $wellKnownURL ?>" 
+                   title="OpenID Config"
+                   target="_blank" download="openid_configuration.json">here</a>
+            </p>
+
+            <?php
+            echo "<br>";
+
+
+            $stmt = $db->prepare("insert into clients 
+    ( site_name, site_owner, client_id, owner_id, redirect_url )
+values ( ?, ?, ?, ?, ? ) ");
+
+            $clientID = $outArray['CLIENT ID'];
+            $retcode = $stmt->execute([$siteName, $clientName, $clientID, $clientDN, $redirectURL]);
+
+
+            $dbClientID = $db->lastInsertID();
+
+            $stmt = $db->prepare("insert into owner_email ( client_id, e_mail ) values ( ?, ? )");
+
+            foreach ($clientEMail as $mail) {
+                $retcode = $stmt->execute([$dbClientID, $mail]);
+            }
+
+        } else {
+            echo "<p style='padding: 1em' >";
+            echo "Unable to register new client.";
+            echo "</p>";
+
+        }
+
+    }
+
+} else {
+    ?>
+
+    <div class="scrollDiv" >
+        <div class="myDiv">
+            <table style="float: left; position: relative; padding-left: 1em; padding-right: 1em; border: none ;">
+                <tr style="border: none">
+                    <td style="border: none">
+                        <h2 style="display: table-row; color: black; ">
+                            How to Register a New Site
+                        </h2>
+                    </td>
+                </tr>
+
+                <tr>
+                    <td>
+                        <div>
+                            <div style="text-align: left">
+                                To make use of this system and register a site,
+                                you need the following things:
+                            </div>
+                            <ol style="line-height: 125%; text-align: left">
+                                <li>
+                                    A unique name to identify your site registration
+                                </li>
+                                <br>
+                                <li>
+                                    The "Redirect URL" that the OpenID plugin
+                                    for the site that you are registering requires.
+                                </li>
+                                <br>
+                                <li>
+                                    Does your plugin use Post or Basic authentication?
+                                    The default is POST. If you have requirements other than those two, please contact
+                                    the CAcert OpenID development team at bmccullough@cacert.org
+                                </li>
+                                <br>
+                                <li>
+                                    Optional notes for yourself.
+                                </li>
+                            </ol>
+                            <p>
+                                You may download the various URLs provided by the OpenID component
+				<a href="<?php echo $wellKnownURL ?>"
+                                   title="OpenID Config"
+                                   target="_blank" download="openid_configuration.json">here</a>
+                            </p>
+                        </div>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <div style="display: block; padding: 15px; width: 80%">
+                            <br>
+                            <form action="register.php" method="post">
+                                <div>
+                                    <table>
+                                        <tr>
+                                            <td>
+                                                <label for="siteName">Site Name </label>
+                                            </td>
+                                            <td>
+                                                <input type="text" id="siteName" name="siteName" size="50" value=""/>
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td>
+                                                <label for="redirectURL">Redirect URL </label>
+                                            </td>
+                                            <td>
+                                                <input type="text" id="redirectURL" name="redirectURL" size="50"
+                                                       value=""/>
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td>
+                                                <label for="endpointAuth">Auth Method </label>
+                                            </td>
+                                            <td>
+                                                <input type="radio" id="post_auth" name="endpointAuth" value="post"
+                                                       checked/>
+                                                <label for="post_auth">Post</label>
+                                                <br>
+                                                <input type="radio" id="basic_auth" name="endpointAuth" value="basic"/>
+                                                <label for="basic_auth">Basic</label>
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td>
+                                                <label for="notes">Notes </label>
+                                            </td>
+                                            <td>
+                                                <input type="text" id="notes" name="notes" size="50" value=""/>
+                                            </td>
+                                        </tr>
+                                    </table>
+                                </div>
+                                <br>
+                                <input type="submit" value="Register Site">
+
+                            </form>
+                        </div>
+                    </td>
+                </tr>
+            </table>
+
+            <br>
+            <br>
+            <br>
+
+    <?php
+}
+
+echo "<div class='pageFooter'>";
+
+echo file_get_contents("html/footer.html");
+
+echo "<br>";
+echo '<p>Copyright © CAcert, Inc ';
+echo date("Y");
+echo "</p>";
+
+echo "</div>";
+
+echo "</div>";
diff --git a/scotland-travel-destination-shutterstock-512226913.jpg b/scotland-travel-destination-shutterstock-512226913.jpg
new file mode 100644
index 0000000..8bb97df
Binary files /dev/null and b/scotland-travel-destination-shutterstock-512226913.jpg differ
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..33c2951
--- /dev/null
+++ b/style.css
@@ -0,0 +1,204 @@
+/* Transitions aren't quite as smooth on firefox */
+
+:root {
+    --gradient: conic-gradient(
+            from 240deg at 50% 50%,
+            #00ffc3,
+            #00fad9,
+            #00f4f0,
+            #00eeff,
+            #00e6ff,
+            #00dcff,
+            #00d2ff,
+            #00c5ff,
+            #00b8ff,
+            #6da8ff,
+            #9f97ff,
+            #c285ff
+    );
+}
+
+*, *::before, *::after {
+    box-sizing: border-box;
+    font-family: "Poppins", sans-serif;
+}
+
+body, html {
+    -webkit-text-size-adjust: 100%;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+}
+
+body {
+    background-color: black;
+    background-image: url(scotland-travel-destination-shutterstock-512226913.jpg);
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.headerDiv {
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+}
+
+a:link, a:visited, a:hover, a:active {
+    color: black;
+}
+
+.navDiv {
+    display: flex;
+    flex: auto;
+    align-items: center;
+    justify-content: center;
+    margin-top: 15em;
+}
+
+.navDiv a {
+    text-decoration: none;
+}
+
+.navDiv ul {
+    list-style-type: none;
+    color: black;
+    background-color: lightblue;
+    padding: 10px;
+}
+
+.navDiv li {
+    font-size: x-large;
+}
+
+input.navDiv {
+    display: none;
+}
+
+.scrollDiv {
+    overflow-y: scroll;
+    overflow-x: scroll;
+    border: 5px outset blue;
+    background-color: lightblue;
+    position: absolute;
+    margin: auto;
+    top: 10em;
+    width: 85%;
+}
+
+/* Define the scrollbar style */
+.scrollDiv::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+
+/* Define the thumb style */
+.scrollDiv::-webkit-scrollbar-thumb {
+    background: linear-gradient(to bottom right, #4d7fff 0%, #1a56ff 100%);
+    border-radius: 5px;
+}
+
+/* Define the track style */
+.scrollDiv::-webkit-scrollbar-track {
+    background-color: #ddd;
+    border: 1px solid #ccc;
+}
+
+/* Define the button style */
+.scrollDiv::-webkit-scrollbar-button {
+    background-color: #4d7fff;
+    border-radius: 5px;
+}
+
+/* Define the button style when being hovered over */
+.scrollDiv::-webkit-scrollbar-button:hover {
+    background-color: #999999;
+}
+
+
+table, th, td {
+    border: 1px solid black;
+    border-collapse: collapse;
+    padding: 5px;
+    text-align: left;
+}
+
+
+.myDiv {
+    display: block;
+    /*border: 5px outset red;*/
+    padding: 5px;
+    background-color: lightblue;
+    text-align: center;
+}
+
+input.myDiv {
+    display: inline;
+}
+
+table.myDiv, th.myDiv, td.myDiv {
+    border: 1px solid black;
+    border-collapse: collapse;
+    padding: 5px;
+}
+
+.aboutDiv {
+    width: 80%;
+    height: 60%;
+    position: absolute;
+    top: 10em;
+    left: 50px;
+    background-color: lightblue;
+    /*margin: 30px auto;*/
+    box-shadow: 0 0 2px gray;
+    padding: 20px;
+}
+
+/* Define the scrollbar style */
+.aboutDiv::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+
+/* Define the thumb style */
+.aboutDiv::-webkit-scrollbar-thumb {
+    background: linear-gradient(to bottom right, #4d7fff 0%, #1a56ff 100%);
+    border-radius: 5px;
+}
+
+/* Define the track style */
+.aboutDiv::-webkit-scrollbar-track {
+    background-color: #ddd;
+    border: 1px solid #ccc;
+}
+
+/* Define the button style */
+.aboutDiv::-webkit-scrollbar-button {
+    background-color: #4d7fff;
+    border-radius: 5px;
+}
+
+/* Define the button style when being hovered over */
+.aboutDiv::-webkit-scrollbar-button:hover {
+    background-color: #999999;
+}
+
+.instructionsDiv {
+    border: 5px outset blue;
+    background-color: lightblue;
+    text-align: left;
+    width: 50em;
+    padding: 15px;
+    padding-left: 1em;
+    margin: auto;
+    min-height: 7em;
+}
+
+.pageFooter {
+    width:auto;
+    color: black;
+    background: lightgrey ;
+    padding: 1em;
+    vertical-align: bottom;
+
+}