new layout

This commit is contained in:
Naeltard 2016-01-18 01:13:14 +01:00
parent b74f84e002
commit 679d1cf6f9
15 changed files with 280 additions and 112 deletions

@ -1 +1 @@
Subproject commit 90ce83ba36c6081b1395b555575260cb13358693
Subproject commit 2bad26bc8416df42a4c69c181a5f3c56fa61bb0e

View File

@ -1,4 +1,8 @@
<?php
\SYSTEM\autoload::registerFolder(dirname(__FILE__),'');
\SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_page','');
\SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_start','');
\SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_download','');
\SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_videos','');
\SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_shop','');
\SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_impressum','');

View File

@ -0,0 +1,19 @@
<?php
class default_download extends SYSTEM\PAGE\Page {
private function js(){
return '<script type="text/javascript" language="JavaScript" src="http://code.jquery.com/jquery.js"></script>'.
'<script type="text/javascript" language="JavaScript" src="'.SYSTEM\WEBPATH(new PPAGE(),'default_page/default_page.js').'"></script>';
}
public function html($_escaped_fragment_ = NULL){
$vars = array();
$vars['js'] = '';
if(!$_escaped_fragment_){
$vars['js'] = $this->js();}
$vars['IMG_PATH'] = SYSTEM\WEBPATH(new PPAGE(),'default_page/img/');
$vars['BT_PATH'] = SYSTEM\WEBPATH(new PPAGE(),'default_page/bootstrap/');
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_download/tpl/download.tpl'), $vars);
}
}

View File

@ -0,0 +1,58 @@
<div class="row">
<div class="col-md-4">
<img class="img-responsive" src="${IMG_PATH}jonny vicious 2 front.jpg" />
</div>
<div class="col-md-2" style="background: white;">
<p>Flexibel im Niveau EP .zip</p>
<a class="btn" style="" href="./api.php?call=files&cat=alben&id=Flexibel_im_Niveau.zip">DOWNLOAD &raquo;</a>
<h3>Artists</h3>
<p>Jonny Vicious</p>
<p>Sick Joker</p>
<p>Ojay Vibeztime</p>
<p>Dirrrty Franz</p>
</div>
<div class="col-md-4">
<img class="img-responsive" src="${IMG_PATH}cover_unsterblich.jpg" />
</div>
<div class="col-md-2">
<p>MM-One Unsterblich .zip</p>
<a class="btn" style="" href="./api.php?call=files&cat=alben&id=MM_One_Unsterblich.zip">DOWNLOAD &raquo;</a>
<h3>Artists</h3>
<p>MM-One</p>
<p>Sick Joker</p>
<p>Felykz</p>
</div>
</div>
<div class="row">&nbsp;</div>
<div class="row">
<div class="col-md-4">
<img class="img-responsive" src="${IMG_PATH}EP_cover.jpg" />
</div>
<div class="col-md-2">
<p>Scheiß auf die Idioten EP .zip</p>
<a class="btn" style="" href="./api.php?call=files&cat=alben&id=Scheiß_auf_die_Idioten.zip">DOWNLOAD &raquo;</a>
<h3>Artists</h3>
<p>Jonny Vicious</p>
<p>Sick Joker</p>
<p>Ojay Vibeztime</p>
<p>Dirrrty Franz</p>
</div>
<div class="col-md-4">
<img class="img-responsive" src="${IMG_PATH}xmas_cover.jpg" />
</div>
<div class="col-md-2">
<p>Sick Joker x-max Sound .zip</p>
<a class="btn" style="" href="./api.php?call=files&cat=alben&id=X-Mas_Sound.zip">DOWNLOAD &raquo;</a>
<h3>Artists</h3>
<p>Sick Joker</p>
<p>Jonny Vicious</p>
<p>Ojay Vibeztime</p>
<p>Dirrrty Franz</p>
<p>Yugin</p>
<p>Stealy Dan</p>
</div>
</div>

View File

@ -1,5 +0,0 @@
$(document).ready(function() {
$("#impressum_link").click(function(){
$("#midframe").load("./?page=impressum");
});
});

View File

@ -2,16 +2,26 @@
class default_page extends SYSTEM\PAGE\Page {
private function js(){
return '<script type="text/javascript" language="JavaScript" src="http://code.jquery.com/jquery.js"></script>'.
'<script type="text/javascript" language="JavaScript" src="'.SYSTEM\WEBPATH(new PPAGE(),'default_page/default_page.js').'"></script>';
private static function js(){
return \SYSTEM\HTML\html::script(\LIB\lib_jquery::js()).
\SYSTEM\HTML\html::script(\LIB\lib_bootstrap::js()).
\SYSTEM\HTML\html::script(\LIB\lib_system::js()).
\SYSTEM\HTML\html::script(\LIB\lib_jqbootstrapvalidation::js()).
\SYSTEM\HTML\html::script(\SYSTEM\WEBPATH(new PPAGE(),'default_page/js/default_page.js'));
}
private static function css(){
return \SYSTEM\HTML\html::link(\LIB\lib_bootstrap::css()).
\SYSTEM\HTML\html::link(\LIB\lib_animate::css()).
\SYSTEM\HTML\html::link(\LIB\lib_system::css());
}
public function html($_escaped_fragment_ = NULL){
$vars = array();
$vars['js'] = '';
$vars['css'] = '';
if(!$_escaped_fragment_){
$vars['js'] = $this->js();}
$vars['js'] = $this->js();
$vars['css'] = $this->css();}
$vars['IMG_PATH'] = SYSTEM\WEBPATH(new PPAGE(),'default_page/img/');
$vars['BT_PATH'] = SYSTEM\WEBPATH(new PPAGE(),'default_page/bootstrap/');
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/redestoff.tpl'), $vars);

View File

@ -0,0 +1,17 @@
$(document).ready(function() {
$("#start_link").click(function(){
$("#midframe").load("./?page=start");
});
$("#download_link").click(function(){
$("#midframe").load("./?page=download");
});
$("#videos_link").click(function(){
$("#midframe").load("./?page=videos");
});
$("#shop_link").click(function(){
$("#midframe").load("./?page=shop");
});
$("#impressum_link").click(function(){
$("#midframe").load("./?page=impressum");
});
});

View File

@ -6,8 +6,9 @@
<meta charset="utf-8">
<link href="${BT_PATH}css/bootstrap.min.css" rel="stylesheet" media="screen">
${js}
${css}
</head>
<body style="background: url(${IMG_PATH}affen_mid.jpg);">
<body style="background: url(${IMG_PATH}affen_mid.jpg); background-attachment: fixed;">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
@ -16,107 +17,37 @@
js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div style="margin-left: auto; margin-right: auto; width: 1360px;"><img src="${IMG_PATH}redestoff_schrift.png" alt="redestoffmusik" style=""/></div>
<div class="hero-unit" style="margin-top: 10px; margin-left: auto; margin-right: auto; padding: 0; width: 1360px; background-color: whitesmoke; background: url(${IMG_PATH}vid_leiste3.png);">
<div class="navbar navbar-inverse">
<div class="navbar-inner" style="-webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-left-radius: 0;border-bottom-right-radius: 0;">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div style="float: right;">
<!--FB LIKE -->
<div style="float: left; margin-right: 10px;" class="fb-like" data-href="https://www.facebook.com/Redestoff" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div>
<div style="float: right;">
<a href="http://redestoff.spreadshirt.de/" target="_blank"><img src="${IMG_PATH}spreadshirt_logo" width="70" /></a>
<a href="http://www.youtube.com/user/RedestoffMusik" target="_blank"><img src="${IMG_PATH}youtube_icon.png" width="60" /></a>
</div>
</div><!--/.nav-collapse -->
</div>
<div style="position: fixed; right: 5px; top: 20px;">
<div><a href="http://www.youtube.com/user/RedestoffMusik" target="_blank"><img src="${IMG_PATH}youtube_icon.png" width="60" /></a></div>
<br>
<div class="fb-like" data-href="https://www.facebook.com/Redestoff" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div>
</div>
<div class="row">
<img class="img-responsive" src="${IMG_PATH}redestoff_schrift.png" alt="redestoffmusik" style=""/>
</div>
<div class="row" style="max-width: 1200px; margin: auto; padding: 20px;">
<div class="row">
<nav class="navbar navbar-default" style="background: none; border: none">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<ul class="nav navbar-nav">
<li id="start_link"><a href="#" style="link-decoration: none; color: white; font-size: 18pt;">Gude</a></li>
<li id="download_link"><a href="#" style="link-decoration: none; color: white; font-size: 18pt;">Mucke</a></li>
<li id="videos_link"><a href="#" style="link-decoration: none; color: white; font-size: 18pt;">Media</a></li>
<li id="shop_link"><a href="#" style="link-decoration: none; color: white; font-size: 18pt;">Merch</a></li>
</ul>
</div>
</div>
<div style="padding-left: 20px; margin-top: -20px;">
<!-- content -->
<div class="row" id="midframe" style="background: url(${IMG_PATH}mid_pic.png)no-repeat; background-position: -275px 28%; ">
<div class="span8" id="test" style="color: whitesmoke;">
<h3>YÜEAH!</h3>
<p>Willkommen auf der offiziellen Redestoff Fanpage. Hier findest du alle Releases kostenlos zum Download, unseren <a href="http://redestoff.spreadshirt.de/" target="blank">Merchshop</a>, und alles was sonst noch zu haben ist!</p>
<h3>WARNUNG!</h3>
<p>Die hier zum Download angebotene Musik kann Eskalation, Aufstand und exzessiven Alkoholkonsum verursachen. Redestoff übernimmt keinerlei Verantwortung oder Haftung für Schäden, die mit dem Konsum der Musik in Verbindung stehen. </p>
<h3>Jonny kommt!</h3>
<p>Die neue Jonny Vicious EP steht in der Produktion! Der Titel steht auch schon fest: 1817 wird der Schinken heißen. Folgt uns auf &nbsp;<a target="blank" href="https://www.facebook.com/Redestoff">facebook</a> für alle Neuigkeiten rund um die Scheibe!</p>
</div>
<div class="span4" style="padding-top: 23px; padding-left: 36px;">
<iframe width="570" height="320" src="//www.youtube.com/embed/Tef79-KSRKg" frameborder="0" ></iframe>
</div>
</div>
<div style="margin-left: -20px;">
<div class="navbar navbar-inverse">
<div class="navbar-inner" style="-webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; -moz-border-top-right-radius: 0; border-top-left-radius: 0;border-top-right-radius: 0;">
</div>
</div>
<!-- video slide -->
<div class="row hero-unit" style="background: url(${IMG_PATH}vid_leiste3.png)no-repeat; padding: 0px; margin-top: -22px; margin-left: 0px; padding-bottom: 0px;-webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; -moz-border-top-right-radius: 0; border-top-left-radius: 0;border-top-right-radius: 0;">
<div class="span2" style="padding-right: 50px; margin-top: 10px;">
<div class="hero-unit" style="background-color: black; margin-top: 0px; margin-left: 20px; padding:7px; width:150px; background: url(${IMG_PATH}affen_top.jpg);">
<img src="${IMG_PATH}EP_cover.jpg" width="200" height="150" />
<!-- <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>-->
<div style="padding-top: 5px;"><a class="btn" style="font-size: 9px;" href="./api.php?call=files&cat=alben&id=Scheiß_auf_die_Idioten.zip">DOWNLOAD &raquo;</a>
<img src="${IMG_PATH}LOGO2011!!!.png" width="30" height="30" style="margin-left: 23px;" />
</div>
</div>
</div>
<div class="span2" style="padding-right: 50px; margin-top: 10px;">
<div class="hero-unit" style="background-color: black; margin-top: 0px; margin-left: 20px; padding:7px; width:150px; background: url(${IMG_PATH}affen_top.jpg);">
<img src="${IMG_PATH}xmas_cover.jpg" width="200" height="150" />
<!-- <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>-->
<div style="padding-top: 5px;"><a class="btn" style="font-size: 9px;" href="./api.php?call=files&cat=alben&id=X-Mas_Sound.zip">DOWNLOAD &raquo;</a>
<img src="${IMG_PATH}LOGO2011!!!.png" width="30" height="30" style="margin-left: 23px;" />
</div>
</div>
</div>
<div class="span2" style="padding-right: 50px; margin-top: 10px;">
<div class="hero-unit" style="background-color: black; margin-top: 0px; margin-left: 20px; padding:7px; width:150px; background: url(${IMG_PATH}affen_top.jpg);">
<img src="${IMG_PATH}jonny vicious 2 front.jpg" width="200" height="150" />
<!-- <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>-->
<div style="padding-top: 5px;"><a class="btn" style="font-size: 9px;" href="./api.php?call=files&cat=alben&id=Flexibel_im_Niveau.zip">DOWNLOAD &raquo;</a>
<img src="${IMG_PATH}LOGO2011!!!.png" width="30" height="30" style="margin-left: 23px;" />
</div>
</div>
</div>
<div class="span2" style="padding-right: 50px; margin-top: 10px;">
<div class="hero-unit" style="background-color: black; margin-top: 0px; margin-left: 20px; padding:7px; width:150px; background: url(${IMG_PATH}affen_top.jpg);">
<img src="${IMG_PATH}cover_unsterblich.jpg" width="200" height="150" />
<!-- <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>-->
<div style="padding-top: 5px;"><a class="btn" style="font-size: 9px;" href="./api.php?call=files&cat=alben&id=MM_One_Unsterblich.zip">DOWNLOAD &raquo;</a>
<img src="${IMG_PATH}LOGO2011!!!.png" width="30" height="30" style="margin-left: 23px;" />
</div>
</div>
</div>
<div class="span2" style="margin-top: 10px;">
<div class="hero-unit" style="background-color: black; margin-top: 0px; margin-left: 20px; padding:7px; width:200px; background: url(${IMG_PATH}affen_top.jpg);">
<iframe width="200" height="150" src="https://www.youtube.com/embed/gxQfgRdtXxE" frameborder="0"></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- footer-->
</div>
<div id="footer" style="position: fixed; bottom: 0; text-align: center; width: 100%; background: #666666">
<div id="impressum_link"><a href="#" >Impressum</a></div>
</div>
</nav>
</div>
<div id="midframe" class="row" style="padding: 20px;"></div>
</div>
<div id="footer" style="position: fixed; bottom: 0; text-align: center; width: 100%; background: #666666">
<div id="impressum_link"><a href="#" >Impressum</a></div>
</div>
<script src="${BT_PATH}js/bootstrap.min.js"></script>
</body>
</html>

View File

@ -0,0 +1,19 @@
<?php
class default_shop extends SYSTEM\PAGE\Page {
private function js(){
return '<script type="text/javascript" language="JavaScript" src="http://code.jquery.com/jquery.js"></script>'.
'<script type="text/javascript" language="JavaScript" src="'.SYSTEM\WEBPATH(new PPAGE(),'default_page/default_page.js').'"></script>';
}
public function html($_escaped_fragment_ = NULL){
$vars = array();
$vars['js'] = '';
if(!$_escaped_fragment_){
$vars['js'] = $this->js();}
$vars['IMG_PATH'] = SYSTEM\WEBPATH(new PPAGE(),'default_page/img/');
$vars['BT_PATH'] = SYSTEM\WEBPATH(new PPAGE(),'default_page/bootstrap/');
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_shop/tpl/shop.tpl'), $vars);
}
}

View File

@ -0,0 +1,5 @@
<div style="height: 1500px;">
<iframe style="width: 100%; height: 100%;" src="http://redestoff.spreadshirt.de/">
</div>

View File

@ -0,0 +1,13 @@
<?php
class default_start extends SYSTEM\PAGE\Page {
public static function js(){
return array( \SYSTEM\WEBPATH(new PPAGE(),'default_start/js/default_start.js'));}
public function html(){
$vars = array();
$vars['IMG_PATH'] = SYSTEM\WEBPATH(new PPAGE(),'default_page/img/');
$vars['BT_PATH'] = SYSTEM\WEBPATH(new PPAGE(),'default_page/bootstrap/');
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_start/tpl/start.tpl'), $vars);
}
}

View File

@ -0,0 +1,22 @@
<div class="row" style="background: white;">
<div class="col-md-8">
<h3>YÜEAH!</h3>
<p>Willkommen auf der offiziellen Redestoff Fanpage. Hier findest du alle Releases kostenlos zum Download, unseren <a href="http://redestoff.spreadshirt.de/" target="blank">Merchshop</a>, und alles was sonst noch zu haben ist!</p>
<h3>WARNUNG!</h3>
<p>Die hier zum Download angebotene Musik kann Eskalation, Aufstand und exzessiven Alkoholkonsum verursachen. Redestoff übernimmt keinerlei Verantwortung oder Haftung für Schäden, die mit dem Konsum der Musik in Verbindung stehen. </p>
<h3>Jonny kommt!</h3>
<p>Die neue Jonny Vicious EP steht in der Produktion! Der Titel steht auch schon fest: 1817 wird der Schinken heißen. Folgt uns auf &nbsp;<a target="blank" href="https://www.facebook.com/Redestoff">facebook</a> für alle Neuigkeiten rund um die Scheibe!</p>
</div>
<div class="col-md-4">
<h3>Anstehende Gigs</h3>
<p>---</p>
<h3>Letztes Video</h3>
<iframe style="width: 100%;" src="//www.youtube.com/embed/Tef79-KSRKg" frameborder="0" ></iframe>
<h3>Letztes Release</h3>
<img class="img-responsive" src="${IMG_PATH}jonny vicious 2 front.jpg" style="width: 100%;" />
<h3>Booking</h3>
<p><a href="mailto:t.rechel@gmx.de">t.rechel@gmx.de</a></p>
</div>
</div>

View File

@ -0,0 +1,19 @@
<?php
class default_videos extends SYSTEM\PAGE\Page {
private function js(){
return '<script type="text/javascript" language="JavaScript" src="http://code.jquery.com/jquery.js"></script>'.
'<script type="text/javascript" language="JavaScript" src="'.SYSTEM\WEBPATH(new PPAGE(),'default_page/default_page.js').'"></script>';
}
public function html($_escaped_fragment_ = NULL){
$vars = array();
$vars['js'] = '';
if(!$_escaped_fragment_){
$vars['js'] = $this->js();}
$vars['IMG_PATH'] = SYSTEM\WEBPATH(new PPAGE(),'default_page/img/');
$vars['BT_PATH'] = SYSTEM\WEBPATH(new PPAGE(),'default_page/bootstrap/');
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_videos/tpl/videos.tpl'), $vars);
}
}

View File

@ -0,0 +1,49 @@
<div class="row">
<div class="col-md-4">
<iframe width="560" height="315" src="https://www.youtube.com/embed/LSEsjT0uzNM" frameborder="0" allowfullscreen></iframe>
</div>
<div class="col-md-2">
<p>&nbsp;</p>
</div>
<div class="col-md-4">
<iframe width="560" height="315" src="https://www.youtube.com/embed/cbEGr74eSSI" frameborder="0" allowfullscreen></iframe>
</div>
<div class="col-md-2">
<p>&nbsp;</p>
</div>
</div>
<div class="row">&nbsp;</div>
<div class="row">
<div class="col-md-4">
<iframe width="560" height="315" src="https://www.youtube.com/embed/lRgT9mXxci4" frameborder="0" allowfullscreen></iframe>
</div>
<div class="col-md-2">
<p>&nbsp;</p>
<a class="btn" style="" href="./api.php?call=files&cat=alben&id=Flexibel_im_Niveau.zip">DOWNLOAD &raquo;</a>
</div>
<div class="col-md-4">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Tef79-KSRKg" frameborder="0" allowfullscreen></iframe>
</div>
<div class="col-md-2">
<p>&nbsp;</p>
<a class="btn" style="" href="http://www.amazon.de/Piratenlieder-2/dp/B00CXLA644/ref=sr_1_1?ie=UTF8&qid=1376346604&sr=8-1&keywords=piratenlieder+2" target="_blank">DOWNLOAD &raquo;</a>
</div>
</div>
<div class="row">&nbsp;</div>
<div class="row">
<div class="col-md-4">
<iframe width="560" height="315" src="https://www.youtube.com/embed/tMO6amV4DLU" frameborder="0" allowfullscreen></iframe>
</div>
<div class="col-md-2">
<p>&nbsp;</p>
<a class="btn" style="" href="./api.php?call=files&cat=alben&id=Flexibel_im_Niveau.zip">DOWNLOAD &raquo;</a>
</div>
<div class="col-md-4">
<iframe width="560" height="315" src="https://www.youtube.com/embed/gxQfgRdtXxE" frameborder="0" allowfullscreen></iframe>
</div>
<div class="col-md-2">
<p>&nbsp;</p>
<a class="btn" style="" href="http://www.amazon.de/Piratenlieder-2/dp/B00CXLA644/ref=sr_1_1?ie=UTF8&qid=1376346604&sr=8-1&keywords=piratenlieder+2" target="_blank">DOWNLOAD &raquo;</a>
</div>
</div>
<div class="row">&nbsp;</div>

View File

@ -5,7 +5,14 @@ class page_redestoff extends \SYSTEM\API\api_default {
public static function default_page($_escaped_fragment_ = NULL){
return (new default_page())->html($_escaped_fragment_);
}
public static function page_start(){
return (new default_start())->html();}
public static function page_download(){
return (new default_download())->html();}
public static function page_videos(){
return (new default_videos())->html();}
public static function page_shop(){
return (new default_shop())->html();}
public static function page_impressum(){
return (new default_impressum())->html();}
}