<?php // Load system dependencies require_once('../config/app.php'); require_once('../library/filter.php'); require_once('../library/mysql.php'); // Connect database $db = new MySQL(DB_HOST, DB_PORT, DB_NAME, DB_USERNAME, DB_PASSWORD); $totalPages = $db->getTotalPages(); $placeholder = Filter::plural($totalPages, [sprintf(_('Over %s page or enter the new one...'), $totalPages), sprintf(_('Over %s pages or enter the new one...'), $totalPages), sprintf(_('Over %s pages or enter the new one...'), $totalPages), ]); ?> <!DOCTYPE html> <html lang="<?php echo _('en-US') ?>"> <head> <title><?php echo _('YGGo! Web Search Engine') ?></title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="<?php echo _('Javascript-less Open Source Web Search Engine') ?>" /> <meta name="keywords" content="<?php echo _('web, search, engine, crawler, php, pdo, sqlite, fts5, yggdrasil, js-less, open source') ?>" /> <style> * { border: 0; margin: 0; padding: 0; font-family: Sans-serif; } body { background-color: #2e3436 } h1 { color: #fff; font-weight: normal; font-size: 48px; margin: 16px 0 } form { display: block; max-width: 640px; margin: 280px auto; text-align: center; } input { width: 100%; margin: 16px 0; padding: 16px 0; border-radius: 32px; background-color: #000; color: #fff; font-size: 16px; text-align: center; } input:hover { background-color: #111 } input:focus { outline: none; background-color: #111 } input:focus::placeholder { color: #090808; } button { margin: 22px 0; padding: 12px 16px; border-radius: 4px; cursor: pointer; background-color: #3394fb; color: #fff; font-size: 14px; } button:hover { background-color: #4b9df4; } footer { position: fixed; bottom: 0; left:0; right: 0; text-align: center; padding: 24px; } a, a:visited, a:active { color: #ccc; } a:hover { color: #fff; } /* * CSS animation * by https://codepen.io/alvarotrigo/pen/GRvYNax */ main { background: #2e3436; background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8); width: 100%; } ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index:-1 } li { position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.2); animation: animate 25s linear infinite; bottom: -150px; } li:nth-child(1) { left: 25%; width: 80px; height: 80px; animation-delay: 0s; } li:nth-child(2) { left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; } li:nth-child(3) { left: 70%; width: 20px; height: 20px; animation-delay: 4s; } li:nth-child(4) { left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; } li:nth-child(5) { left: 65%; width: 20px; height: 20px; animation-delay: 0s; } li:nth-child(6) { left: 75%; width: 110px; height: 110px; animation-delay: 3s; } li:nth-child(7) { left: 35%; width: 150px; height: 150px; animation-delay: 7s; } li:nth-child(8) { left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } li:nth-child(9) { left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; } li:nth-child(10) { left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; } @keyframes animate { 0%{ transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; } 100%{ transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; } } </style> </head> <body> <header> <form name="search" method="GET" action="<?php echo WEBSITE_DOMAIN; ?>/search.php"> <h1><?php echo _('YGGo!') ?></h1> <input type="text" name="q" placeholder="<?php echo $placeholder ?>" value="" /> <button type="submit"><?php echo _('Search') ?></button> </form> </header> <!-- css animation : begin --> <main> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </main> <!-- css animation : end --> <footer> <!-- This product released under the MIT License (https://github.com/YGGverse/YGGo/blob/main/LICENSE) Before removing the copyright, please, make a small donation to the project contributors: https://github.com/YGGverse/YGGo#donate-to-contributors --> <a href="https://github.com/YGGverse/YGGo/issues"><?php echo _('meow') ?></a> </footer> </body> </html>