я нашёл несколько интересных вещей в коде сайта Blue Box и мне нужна Ваша помощь

я не вэб-дизайнер и плохо разбираюсь в этом, так что может кто-нибудь из Вас сможет помочь.

Из очевидного:

1. Окно ввода копирует дизайн сайта PlayStation и интерфейса PS5;

2. Шрифт, который используется на сайте BBGS называется "PT"- отсылка на PT Хидео Кодзимы;

Ссылка на сайт Blue Box Game Studios:

www.blueboxgamestudios.com

BLUE BOX Game Studios | An independent game studio

Ссылка на удобный просмотр кода их страницы:

mainspy.ru

Просмотр исходного кода страницы

В самом коде появились ссайта появились некоторые интересности.

Для начала вот полный код сайта Blue Box Game Studios :

<!doctype html> <htmllang="en"> <head> <metacharset="utf-8"> <metaname="viewport"content="width=device-width, initial-scale=1.0"> <title>BLUE BOX Game Studios | An independent game studio</title> <metaname="robots"content="noindex"> <linkrel="preconnect"href="https://fonts.gstatic.com"> <linkrel="preconnect"href="https://fonts.googleapis.com"> <linkrel="preconnect"href="https://fonts.gstatic.com"crossorigin> <linkhref="https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap"rel="stylesheet"> <linkrel="stylesheet"href="css/style.css"> <scripttype="text/javascript"src="//code.jquery.com/jquery-3.6.0.min.js"></script> <scripttype="text/javascript"src="script.js"></script> <script> $(document).ready(function() { $('.faq_question').click(function() { if ($(this).parent().is('.open')){ $(this).closest('.faq').find('.faq_answer_container').animate({'height':'0'},500); $(this).closest('.faq').removeClass('open'); }else{ var newHeight =$(this).closest('.faq').find('.faq_answer').height() +'px'; $(this).closest('.faq').find('.faq_answer_container').animate({'height':newHeight},500); $(this).closest('.faq').addClass('open'); } }); }); </script> <script> $(document).ready(function(){ $("#faqbutton ").click(function(){ $("#faq ").fadeIn(); }); }); </script> <script>var refreshButton = document.querySelector(".refresh-captcha"); refreshButton.onclick = function() { document.querySelector(".captcha-image").src = 'captcha.php?' + Date.now(); }</script> <script> function openNav() { document.getElementById("MenuNav").style.width = "250px"; } function closeNav() { document.getElementById("MenuNav").style.width = "0"; } </script> <style> Body { background-color: #000; color: #FFF ; } #top { background-color: #000; color: #FFF ; font-family: PT Sans Narrow; text-align: center; width: 100%; Height: 60px; position: fixed; padding-top: 20px; padding-left: 20px; padding-right: 20px; } #twitter { Float: left; position: fixed; top: 50%; } .faq_question { margin: 0px; padding: 2px 0px 5px 0px; display: inline-block; cursor: pointer; font-weight: bold; font-size: 22px; font-family: PT Sans Narrow; } .faq_answer_container { height: 0px; overflow: hidden; padding: 0px; font-family: PT Sans Narrow; } #faq { margin: auto; width: 350px; } </style> </head> <body>     <div id="mainfront"> <img src="img/blueboxgamestudios.png" /><br /> <br /> <p>We are updating the website.</p> <br /> <p>You're already a subscriber!</p> <br /> <br /><br /><br /> </div>  <div id="bottom"> <div id="footer"> <div id="left-footer"> <bold></bold><br> <a href="https://www.instagram.com/blueboxgamestudios/"><img src="img/instagram.png"> </a> <a href="https://twitter.com/BBGameStudios"><img src="img/twitter.png"> </a> <a href="https://www.youtube.com/channel/UCUIxKeeO8nZwJ6uRhkMy5DA"><img src="img/youtube.png"> </a>  </div> <div id="right-footer"> © 2023 BLUE BOX Game Studios. </div> </div> </div> </div> <script type="text/javascript"> var sc_project=10319704; var sc_invisible=1; var sc_security="c5484742"; </script> <script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script> </body> </html>