@ -64,10 +64,11 @@ if (is_int($global_error_code) && $global_error_code > 0) {
$bootstrap_file = $css_web_assets.'bootstrap/dist/css/bootstrap.min.css'; $bootstrap_file = $css_web_assets.'bootstrap/dist/css/bootstrap.min.css';
$css_base_file = $css_web_path.'base.css'; $css_base_file = $css_web_path.'base.css';
$css_list = array($bootstrap_file, $css_base_file, $themePath); $css_list = array($bootstrap_file,$css_web_fontawesome, $css_base_file, $themePath);
$web_img = 'main/img'; $web_img = 'main/img';
$root_sys = str_replace('\\', '/', realpath(dirname(__FILE__).'/../../')).'/'; $root_sys = str_replace('\\', '/', realpath(dirname(__FILE__).'/../../')).'/';
$root_rel = htmlentities($_SERVER['PHP_SELF']); $root_rel = htmlentities($_SERVER['PHP_SELF']);
if (!empty($root_rel)) { if (!empty($root_rel)) {
// If we could obtain a relative path for the chamilo dir from the $_SERVER array // If we could obtain a relative path for the chamilo dir from the $_SERVER array
@ -97,10 +98,13 @@ if (is_int($global_error_code) && $global_error_code > 0) {
$css_def = ''; $css_def = '';
foreach ($css_list as $css_item) { foreach ($css_list as $css_item) {
$css_base_chamilo_file = $root_sys.$css_item; $css_base_chamilo_file = $css_item;
if (file_exists($css_base_chamilo_file)) { if (file_exists($css_base_chamilo_file)) {
$css_def .= @file_get_contents($css_base_chamilo_file); $css_def .= '< link rel = "stylesheet" href = "'.$css_base_chamilo_file.'" > '.PHP_EOL;
//$css_def .= @file_get_contents($css_base_chamilo_file);
} }
} }
$global_error_message = array(); $global_error_message = array();
@ -136,7 +140,7 @@ if (is_int($global_error_code) && $global_error_code > 0) {
< h2 class = "title" > Welcome to the Chamilo installation wizard< / h2 > < h2 class = "title" > Welcome to the Chamilo installation wizard< / h2 >
< p class = "text" > Let\'s start hunting skills down with Chamilo LMS! This wizard will guide you through the Chamilo installation and configuration process.< / p > < p class = "text" > Let\'s start hunting skills down with Chamilo LMS! This wizard will guide you through the Chamilo installation and configuration process.< / p >
< p class = "download-info" > < p class = "download-info" >
< button class = "btn btn-primary btn-lg" type = "submit" value = "INSTALL Chamilo" > < em class = "fa fa-download" > < / em > Install Chamilo< / button > < button class = "btn btn-primary btn-lg" type = "submit" value = "INSTALL Chamilo" > < i class = "fa fa-download" aria-hidden = "true" > < / i > Install Chamilo< / button >
< a class = "btn btn-success btn-lg" href = "'.$installation_guide_url.'" target = "_blank" > < em class = "fa fa-file-text-o" > < / em > '.$read_installation_guide.'< / a > < a class = "btn btn-success btn-lg" href = "'.$installation_guide_url.'" target = "_blank" > < em class = "fa fa-file-text-o" > < / em > '.$read_installation_guide.'< / a >
< / p > < / p >
< / div > < / div >
@ -169,8 +173,10 @@ if (is_int($global_error_code) && $global_error_code > 0) {
$global_error_message['powered_by'] = $PoweredBy; $global_error_message['powered_by'] = $PoweredBy;
$global_error_message['encoding'] = 'UTF-8'; $global_error_message['encoding'] = 'UTF-8';
$global_error_message['chamilo_logo'] = "data:image/png;base64,".base64_encode(file_get_contents($root_sys.'web/css/themes/'.$theme.'/images/header-logo.png')); $global_error_message['chamilo_logo'] = "data:image/png;base64,".base64_encode(file_get_contents($root_sys.'web/css/themes/'.$theme.'/images/header-logo.png'));
$bgImage = base64_encode(file_get_contents("$root_sys/main/img/bg_space.png"));
$installChamiloImage = base64_encode(file_get_contents("$root_sys/main/img/install-chamilo.gif")); $bgMoon = base64_encode(file_get_contents("$root_sys/main/img/bg_moon_two.png"));
$installChamiloImage = "data:image/png;base64,".base64_encode(file_get_contents("$root_sys/main/img/mr_chamilo_install.png"));
$global_error_message['mr_chamilo'] = $installChamiloImage;
$global_error_message_page = $global_error_message_page =
< < < EOM < < < EOM
@ -179,66 +185,89 @@ if (is_int($global_error_code) && $global_error_code > 0) {
< head > < head >
< title > {TITLE}< / title > < title > {TITLE}< / title >
< meta charset = "{ENCODING}" / > < meta charset = "{ENCODING}" / >
< style >
$css_def $css_def
< / style >
< style type = "text/css" > < style type = "text/css" >
body{ html, body {min-height:100%; padding:0; margin:0;}
background: #d2ebf9; /* Old browsers */
background: -moz-linear-gradient(top, #d2ebf9 0%, #feffff 100%); /* FF3.6+ */ #wrapper {padding:0; position:absolute; top:0; bottom:0; left:0; right:0;}
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ebf9), color-stop(100%,#feffff)); /* Chrome,Safari4+ */ @keyframes animatedBackground {
background: -webkit-linear-gradient(top, #d2ebf9 0%,#feffff 100%); /* Chrome10+,Safari5.1+ */ from { background-position: 0 0; }
background: -o-linear-gradient(top, #d2ebf9 0%,#feffff 100%); /* Opera 11.10+ */ to { background-position: 100% 0; }
background: -ms-linear-gradient(top, #d2ebf9 0%,#feffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #d2ebf9 0%,#feffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ebf9', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
} }
.chamilo { @-webkit-keyframes animatedBackground {
background: url("data:image/gif;base64,$installChamiloImage") no-repeat center 0; from { background-position: 0 0; }
margin:auto; to { background-position: 100% 0; }
} }
.office{ @-ms-keyframes animatedBackground {
padding-top:250px; from { background-position: 0 0; }
to { background-position: 100% 0; }
} }
@-moz-keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
.install-home{
background-image: url("data:image/gif;base64,$bgImage");
background-position: 0px 0px;
background-repeat: repeat;
animation: animatedBackground 40s linear infinite;
-ms-animation: animatedBackground 40s linear infinite;
-moz-animation: animatedBackground 40s linear infinite;
-webkit-animation: animatedBackground 40s linear infinite;
@media (max-width: 480px) {
body{
background: url("data:image/gif;base64,$installChamiloImage") no-repeat center 0;
background-repeat: no-repeat;
background-position: -10px -5px;
background-color: #DFF1FA;
} }
.chamilo{ .installer{
background: none; background: url("data:image/gif;base64,$bgMoon") no-repeat center 390px;
height:300px; }
width:100%; .avatar{
margin:auto; text-align: center;
} }
.avatar .img-responsive{
display: initial;
}
.office{
margin-top: 70px;
padding: 10px 20px;
//background-color: rgba(35, 40, 56, 0.7);
background-color: rgba(0, 22, 48, 0.8);
border-radius: 5px;
}
@media (max-width: 480px) {
.download-info .btn-success{ .download-info .btn-success{
margin-top: 10px; margin-top: 10px;
} }
} }
< / style > < / style >
< / head > < / head >
< body > < body class = "install-home" >
< div id = "page-install" > < div id = "wrapper" class = "installer" >
< div class = "container chamilo" > < header >
< div class = "row" > < div class = "container" >
< div class = "col-md-12" > < div class = "row" >
< div class = "logo" > < div class = "col-md-12" >
< div class = "logo" >
< img src = "{CHAMILO_LOGO}" / > < img src = "{CHAMILO_LOGO}" / >
< / div > < / div >
< / div > < / div >
< / div > < / div >
< / div >
< / header >
< div id = "content" >
< div class = "container" >
< div class = "welcome-install" > < div class = "welcome-install" >
< div class = "avatar" >
< img class = "img-responsive" src = "{MR_CHAMILO}" / >
< / div >
{DESCRIPTION} {DESCRIPTION}
{CODE} {CODE}
< / div > < / div >
< / div > < / div >
< / div > < / div >
< / div >
< / body > < / body >
< / html > < / html >
EOM; EOM;
Alex Aragon
8 years ago
