require_once 'vendor/autoload.php';
$loader = new Twig_Loader_Filesystem('templates');
$twig = new Twig_Environment($loader);
$template = $twig->loadTemplate(index.html);
$title = "HELLO WORLD";
echo $template->render(array(
'title' => $title
));
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon">
<title>{{ title }}</title>
<style>
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
outline-width: 0
}
*,
*:after,
*:before {
box-sizing: inherit;
margin: 0;
padding: 0;
color: #000;
}
html {
box-sizing: border-box;
font-size: 1px !important;
}
body {
font: normal 14rem/21rem Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
background-color: #E5EEF5;
}
.outer {
display: table;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.inner {
margin-left: auto;
margin-right: auto;
max-width: 570rem;
min-width: 360rem;
padding: 20rem;
}
h1 {
line-height: 48rem;
font-size: 48rem;
}
h2 {
margin-top: 15rem;
line-height: 26rem;
font-size: 26rem;
margin-bottom: 45rem;
}
.button {
position: relative;
display: inline-block;
text-decoration: none;
background-color: #F93545;
color: #fff;
padding: 8rem 16rem;
border-radius: 5rem;
overflow: hidden;
font-size: 16rem;
font-weight: bold;
text-shadow: 0px 0px 2px #aa0014;
}
i {
border: solid #fff;
border-width: 0 3rem 3rem 0;
display: inline-block;
padding: 3rem;
}
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
</style>
</head>
<body>
<div class='outer'>
<div class='middle'>
<div class='inner'>
<h1 id='t1'>{{ title }}</h1>
<h2 id='t2'>Open Server Panel работает ;-)</h2><a href='https://ospanel.io/docs/' class='button' id='t3'>Руководство пользователя <i class="right"></i></a>
</div>
</div>
</div>
<script>
var userLang = navigator.language || navigator.userLanguage;
var userLang_detected = userLang.toLowerCase();
if (userLang_detected != 'ru-ru' && userLang_detected != 'ru') {
document.title = 'Welcome!';
document.getElementById('t1').innerHTML = 'Welcome!';
document.getElementById('t2').innerHTML = 'Open Server Panel is running ;-)';
document.getElementById('t3').innerHTML = 'User\'s manual <i class="right"></i>';
}
</script>
</body>
</html>