ISPmanager - шаблон создаваемого сайта (заглушка сайта)

← ISPmanager

sudo vim /usr/local/mgr5/etc/www.skel/index.html

Новый вариант

Требуется, чтобы в настройках WWW-домена были включены SSI.

<!DOCTYPE html>
<html lang="uk">
<head>
  <meta charset="utf-8">
  <title>Сайт <!--#echo var="HTTP_HOST" --></title>
  <meta name="description" content="Сайт <!--#echo var="HTTP_HOST" -->. Підтримку сайту здійснює Студія «Зіна дизайн», Дніпро">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w==" crossorigin="anonymous" />
  <style type="text/css">
    html { font-family: Verdana, sans-serif; }
    html, body { height: 100%; }
    html, a { color: #222; }
    h1 { 
      font-size: 4rem;
      font-size: calc(.7rem + 6vmin);
      font-weight: 400;
    }
    .container {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .main {
      flex-grow: 1;
      display: flex;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      margin-bottom: 7vh;
    }
    .description {
      font-size: 1.2rem;
      font-size: calc(12px + 2vmin);
      line-height: 1.5;
      color: #303030;
    }
    .footer {
      width: 90%;
      max-width: 800px;
      text-align: center;
    }
    .logo {
      margin-bottom: 2rem;
    }
    .logo-img {
      margin-bottom: .5rem;
      width: 200px;
    }
    .logo-text {
      text-decoration: none;
    }
    .zina-description { display: block; }
    .copyright { 
      display: block;
      border-top: #ccc 1px solid;
      padding: 1rem;
      margin: 0;
      font-size: .8rem; 
    }
  </style>
</head>

<body>

<!--#if expr="$SERVER_PORT=/443/" -->
  <!--#set var="WWW" value="https://$HTTP_HOST" -->
<!--#else -->
  <!--#set var="WWW" value="http://$HTTP_HOST" -->
<!--#endif -->

  <div class="container">
    <div class="main">
      <h1>Сайт<br><a href="<!--#echo var="WWW" -->"><!--#echo var="HTTP_HOST" --></a></h1>
      <p class="description">Це — тимчасова сторінка.<br>Сайт з'явиться тут пізніше.</p>
    </div>
    <div class="footer">
      <p class="logo"> 
        <a class="logo-text" href="https://www.zina.design/" title="Студія «Зіна дизайн» — Створення та підтримка сайтів в Дніпрі">
          <img class="logo-img" alt="Студія Зіна дизайн — створення сайтів в Дніпрі" src="https://www.zina.design/img/zina-design-logo-uk.svg" />
          <span class="zina-description">Розробка сайтів в Дніпрі</span>
        </a>
      </p>
      <p class="copyright">© Студія «Зіна дизайн» 1999-<!--#config timefmt="%Y" --><!--#echo var="DATE_LOCAL" --></p>
    </div>
  </div>

</body>
</html>

Старый вариант

<!DOCTYPE html>
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Заглушка сайта __SITE__</title>
        <style type="text/css">body{font-family: Arial, Helvetica, sans-serif;font-size: 82%;} img {border-style: none;} #content{margin: 20% auto 0;text-align: center;width: 400px;} h1{padding: 0;margin: 0; font-weight: normal;font-size: 27px;} p{margin: 2% 0px 15% 0px;padding: 0px;font-size: 27px;} #content h2 {margin: 0px;padding: 0px;font-weight: normal;font-size: 98%;} #content h2 a{text-decoration: none;} a{color: black;}</style>
</head>
<body>

<div id="content">
        <h1>Заглушка сайта</h1>
        <p><a href="http://www.__SITE__/">www.__SITE__</a></p>
        <a href="https://www.zina.design/" title="Студия «Зина дизайн»"><img alt="Студия Зина дизайн - создание сайтов в Днепре" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ8AAAAaCAIAAAAmBBncAAADk0lEQVRoge1YLZPiQBDlhyBRSBQOGRWJQqKQGDQCu1QdGoGman8Ahd9sfgDFDwAZqDBwfIQCTvTtu66eyYTdZaHIZeoJGJLunvd6umfIBflChlQienvPPTyIDD+ETN00I1M3zcjUTTOS1V0US6tqTSB03IeHngKAW/oaOu6qWlsUS7eyb1M3dNzjZHqJH/vh6w1D+Q+xKJbOSl0ul1W1tixX6PMNd45N3dNsbpEWAj+co6fGfvjK+TxOpjc0Hqtu6LhwuWl3RGU+jMb0U+T5DyfoqbEoljbtzrbb23Z7m3ZnWa7c0HisumgJxkKxqtZErq2brcjzI8/nzx9GY5qMPH/dbP11+TEjbO76A2EhdFxugQPWLIBBI/5R4PmR5+/6A8yoesP45KbdiTyf6idG5Pnbbo/ztu32jB55IwsdV18IfxHx6LQIwi1UXHVmXjdblFwAijaC2HZ7NIMzAmZogALMyFA8X1iwt4bE/gSDxoHHRBFCLxRPLoqla4JZN1uWx9DIsD1ACy+WPB6dFkEvz62vqBtH03EyRTIKdRErzmWfVXdZriCL4WVZruz6A8FUYti8s+jeBZvUdM5KIbewcekrjwdaYnXGrbaq1pAx9K6uLhF1ms3pw/3UFSWOH6RBsVAXsap6I07duIFlUPHhP52VwkxiyzfyYlcX0VIRFk8CqIrIgE27g/w7jMZi9x8nUzxJwQh1OXvkV1c3bnxXXR3LcgV06+ryz3qS2mPF+vUKKcb16vJthNd1deGRDhMWdUXTOSsFFygt9tVxWlDnqM3dQ124P83m+qVWL3FYMCrYYTTWk9TIr3Gr8YMbDwCO7OqCMuRforq4CJBUQl36q0GURwRJiw3yBWSkqjf4ZsC8ri7VubNStMw4dW9Zmbl+5Azghx1979IyEOv31T3N5vxAd81lbN1soX0cJ1P+Orxvuz26fvCweZxCXWzKXX8Aa5iEuiBnP3w1+hWr07PhHuoGH73TPnAcF8UKsX5Z3SDpzGxRN7GacUd85jSb60aw/xJNBUln5oumLg0kx/3UDfIFVW+IuxAHv3pTu8WtHPPLcoUm+U2JoG84YXZRLOkBYMZ2z/tgxBi24Iv/xDs04sFM6LhGg4L30HHxBwVCFasDLQTeeuhJrE6nRRAuvH9C3SeF5UAUmK7maUWm7uOj/UEeUqluBkKmbpqRqZtmZOqmGZm6aUb09p77/fIrQypxms3/AIJ2tfmEJHJ8AAAAAElFTkSuQmCC" /></a>
        <h2><a href="https://www.zina.design/" title="Создание и поддержка сайтов в Днепре">Создание и поддержка сайтов<br />в Украине</a></h2>
</div>

</body>
</html>

Оригинальный файл

<!DOCTYPE html>
<html>
<head>
  <title>Welcome!</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <style>
    * {
      margin: 0;
      padding: 0;
      border: 0 none;
      background: none;
    }
    body {
      font-weight: normal;
      font-size: 11px;
      font-family: Arial;
    }
    #login-wrapper {
      width: 270px;
      left: 50%;
      margin-left: -135px;
      position: absolute;
      margin-top: -135px;
      top: 50%;
    }
    #login-form {
      width: 270px;
      background: #78a5df;
      height: 270px;
      -webkit-border-radius: 135px;
      -moz-border-radius: 135px;
      border-radius: 135px;
    }
    ul li {
      list-style: none;
    }
    .body-login-form .tab-content {
      position: inherit;
      padding: inherit;
    }
    .b-title {
      text-align: center;
      padding-top: 100px;
      color: white;
      margin-bottom: 20px;
      font-size: 27px;
    }
    .b-content {
      font-size: 12px;
      color: #FFF;
      text-align: center;
    }
    .b-copyright {
      margin-top: 40px;
      text-align: center;
    }
    .b-copyright__link {
      color: #587b9d;
    }
    .b-text_lang_ru {
      display: none;
    }
  </style>
</head>
<body class="body-login-form">
<div id="main-wrapper">
  <div id="overlay" class="hide"></div>
  <div id="content" class="tab-content active" data-tabid="tab1"><div id="login-wrapper">
    <div id="login-form">
      <div id="login-form-form">
        <h2 class="b-title b-text b-text_lang_en">Welcome!</h2>
        <h2 class="b-title b-text b-text_lang_ru">Приветствуем!</h2>
        <div class="b-content">
          <span class="b-text b-text_lang_en">Site __SITE__ just created.</span>
          <span class="b-text b-text_lang_ru">Сайт __SITE__ только что создан.</span>
          <br/>
          <span class="b-text b-text_lang_en">Real content coming soon.</span>
          <span class="b-text b-text_lang_ru">Содержимое появится позже.</span>
        </div>
      </div>
    </div>
    <div class="b-copyright">
      <a class="b-copyright__link" href="http://ispsystem.com/external/ispmanager.html" target="_blank">ISPsystem © 1997-<script type="text/javascript">document.write(new Date().getFullYear())</script></a>
    </div>
    <div id="error-log" style="display: none;"></div>
  </div></div>
</div>
<script type="text/javascript">
  var platformLanguage = navigator && (
      navigator.language ||
        navigator.browserLanguage ||
        navigator.systemLanguage ||
        navigator.userLanguage ||
        null ),
    elemsRU, elemsEN;
  if (platformLanguage.match("ru") && document.getElementsByClassName) {
    elemsRU = document.getElementsByClassName("b-text_lang_ru");
    elemsEN = document.getElementsByClassName("b-text_lang_en");
    var l = elemsEN.length;
    while(l--) {
      elemsEN[l].style.display = "none";
    }
    l = elemsRU.length;
    while(l--) {
      elemsRU[l].style.display = "block";
    }
    document.title = "Приветствуем!";
  }
</script>
</body>
</html>

См. также

• http://ru.ispdoc.com/index.php/Директории-скелеты_(ISPmanager) — устарело, для ISPmanager 4