diff options
| -rw-r--r-- | lib/partials.php | 21 | ||||
| -rw-r--r-- | public/index.php | 6 | ||||
| -rw-r--r-- | public/static/style.css | 18 | ||||
| -rw-r--r-- | public/wiki.php | 2 |
4 files changed, 37 insertions, 10 deletions
diff --git a/lib/partials.php b/lib/partials.php index 2e2df78..d7b7127 100644 --- a/lib/partials.php +++ b/lib/partials.php @@ -30,7 +30,14 @@ function html_big_footer() <img src="/static/img/brand/project_icon.webp" alt="" height="82"> <h1>Project<br>Tinybot</h1> </section> - <p>Maintained by someone</p> + <p> + This instance is maintained by + <?php if (!empty(CONTACT_NAME) && !empty(CONTACT_URL)): ?> + <a href="<?= CONTACT_URL ?>"><?= CONTACT_NAME ?></a> + <?php else: ?> + <i>Anonymous</i> + <?php endif; ?> + </p> </div> </footer> <?php ; @@ -41,8 +48,16 @@ function html_footer() echo '' ?> <footer> <div class="w-50 row gap-8"> - <div class="row grow"> - <p>Powered by Project Tinybot</p> + <div class="row grow gap-8"> + <p>Powered by Project Tinybot.</p> + <p> + This instance is maintained by + <?php if (!empty(CONTACT_NAME) && !empty(CONTACT_URL)): ?> + <a href="<?= CONTACT_URL ?>"><?= CONTACT_NAME ?></a>. + <?php else: ?> + <i>Anonymous</i>. + <?php endif; ?> + </p> </div> </div> </footer> diff --git a/public/index.php b/public/index.php index a826d90..9cb267b 100644 --- a/public/index.php +++ b/public/index.php @@ -13,7 +13,7 @@ if (strlen($url['path']) > 2 && str_starts_with($url['path'], '/!')) { <html> <head> - <title>The Tinybot Project</title> + <title><?= BOT_USERNAME_FORMATTED ?></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <link rel="stylesheet" href="/static/style.css"> <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon"> @@ -31,13 +31,13 @@ if (strlen($url['path']) > 2 && str_starts_with($url['path'], '/!')) { style="border-top-left-radius:4px;border-bottom-left-radius:4px;"> </div> <div class="column justify-end gap-8 p-16"> - <h1 class="self-end text-right">Enhance your chat with the bot</h1> + <h1 class="self-end text-right">Enhance your chat with <?= BOT_USERNAME_FORMATTED ?></h1> <p class="self-end text-right"> A multi-utility Twitch chat bot that brings<br> a lot of functionality into your chat. </p> <a href="/!join" class="self-end"> - <button>Get the bot</button> + <button>Get the bot today!</button> </a> </div> </section> diff --git a/public/static/style.css b/public/static/style.css index 2b6dcdd..4ecb2cb 100644 --- a/public/static/style.css +++ b/public/static/style.css @@ -5,10 +5,11 @@ --table-border: #d4d4d4; --box-background: #eef5f2; - --box-border: #77ac90; + --box-border: #d4ddd9; --box-tab-background: #a2f3cb; --box-tab-background-disabled: #8ad8b1; --box-tab-foreground: #000000; + --box-foreground-placeholder: #bdbdbd; --promo-button-background: linear-gradient(0deg, #ff9028 0% 50%, #ffb224 50% 100%); --promo-button-background-hover: #ff9028; @@ -52,9 +53,9 @@ main { header { display: flex; flex-direction: row; - align-items: end; + align-items: center; - padding: 32px 0; + padding: 16px 0; } content { @@ -65,6 +66,7 @@ content { footer { background: var(--box-background); + color: var(--box-foreground-placeholder); border-top: 1px solid var(--box-border); width: 100%; display: flex; @@ -75,6 +77,7 @@ footer { } footer.big { + color: var(--box-tab-foreground); padding: 32px 0; } @@ -82,6 +85,10 @@ a { color: #000; } +*>a { + color: inherit; +} + a:hover { color: var(--secondary-color); } @@ -342,6 +349,11 @@ div:has(.wiki-content) { border-radius: 2px; } +.wiki-content pre code { + display: block; + width: 100%; +} + .wiki-content blockquote { background-color: rgba(243, 244, 246, 255); padding: 2px; diff --git a/public/wiki.php b/public/wiki.php index 4cb1189..b87405f 100644 --- a/public/wiki.php +++ b/public/wiki.php @@ -30,7 +30,7 @@ if ($sidebar = file_get_contents(WIKI_PAGE_DIRECTORY . '/summary.md')) { <html> <head> - <title><?= $page_id ?> - Wiki - The Tinybot Project</title> + <title><?= isset($page_path) ? "Page $page_id - " : '' ?>Wiki - <?= BOT_USERNAME_FORMATTED ?></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <link rel="stylesheet" href="/static/style.css"> <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon"> |