2018-10-16 16:28:42 +00:00
< ? php
defined ( 'BASEPATH' ) OR exit ( 'No direct script access allowed' );
use Coduo\PHPHumanizer\DateTimeHumanizer ;
?>
< section class = " p-0 " >
< div id = " main-slider " class = " carousel slide " data - ride = " carousel " type = " background " >
<!-- Indicators -->
< ol class = " carousel-indicators " >
< li data - target = " #main-slider " data - slide - to = " 0 " class = " active " ></ li >
< li data - target = " #main-slider " data - slide - to = " 1 " class = " " ></ li >
< li data - target = " #main-slider " data - slide - to = " 2 " class = " " ></ li >
< li data - target = " #main-slider " data - slide - to = " 3 " class = " " ></ li >
</ ol >
<!-- Wrapper for slides -->
< div class = " carousel-inner " role = " listbox " >
< div class = " carousel-item active "
style = " background-image: url(<?= base_url('f/449633b8fead67e16389c9f248e699db') ?>) " >
< div class = " carousel-caption " >
< div class = " container " >
< div class = " row " >
< div class = " col-sm-12 " >
< div class = " carousel-content centered " >
< h2 class = " boxed animation animated-item-1 d-none d-md-block " >
< ? = lang ( 'home_slider_portfolio_title' ); ?>
</ h2 >
< p class = " boxed animation animated-item-1 d-block d-md-none " >
< ? = lang ( 'home_slider_portfolio_title' ); ?>
</ p >
< p class = " boxed animation animated-item-2 d-none d-md-block " >
< ? = lang ( 'home_slider_portfolio_des' ); ?>
</ p >
< br >
< a class = " boxed btn btn-md animation animated-item-4 "
2018-12-26 17:19:28 +00:00
href = " <?= base_url('projects') ?> " >
2018-10-16 16:28:42 +00:00
< ? = lang ( 'home_slider_portfolio_btn' ) ?>
</ a >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
2018-10-17 09:17:00 +00:00
< div class = " carousel-item " style = " background-image: url('/f/91200698b76de87f559d104781e1eacf') " >
2018-10-16 16:28:42 +00:00
< div class = " carousel-caption " >
< div class = " container " >
< div class = " row " >
< div class = " col-sm-12 " >
< div class = " carousel-content centered " >
< h2 class = " boxed animation animated-item-1 d-none d-md-block " >
< ? = lang ( 'home_slider_blog_title' ); ?>
</ h2 >
< p class = " boxed animation animated-item-1 d-block d-md-none " >
< ? = lang ( 'home_slider_blog_title' ); ?>
</ p >
< p class = " boxed animation animated-item-2 d-none d-md-block " >
< ? = lang ( 'home_slider_blog_des' ); ?>
</ p >
< br >
< a class = " boxed btn btn-md animation animated-item-4 "
href = " <?= base_url('blog') ?> " >< ? = lang ( 'home_slider_blog_btn' ) ?> </a>
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " carousel-item " style = " background-image: url(<?= base_url('/f/c90c521b144d97f76530ae2a46a3727d') ?>) " >
< div class = " carousel-caption " >
< div class = " container " >
< div class = " row " >
< div class = " col-sm-12 " >
< div class = " carousel-content centered " >
< h2 class = " boxed animation animated-item-1 d-none d-md-block " >
< ? = lang ( 'home_slider_about_title' ); ?>
</ h2 >
< p class = " boxed animation animated-item-1 d-block d-md-none " >
< ? = lang ( 'home_slider_about_title' ); ?>
</ p >
< p class = " boxed animation animated-item-2 d-none d-md-block " >
< ? = lang ( 'home_slider_about_des' ); ?>
</ p >
< br >
< a class = " boxed btn btn-md animation animated-item-4 "
href = " <?= base_url('projects') ?> " >< ? = lang ( 'home_slider_about_btn' ) ?> </a>
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " carousel-item " style = " background-image: url(<?= base_url('/f/59a870203c3eae5aa1d9c831f64b32fd') ?>) " >
< div class = " carousel-caption " >
< div class = " container " >
< div class = " row " >
< div class = " col-sm-6 " >
< div class = " carousel-content centered " >
< h2 class = " boxed animation animated-item-1 d-none d-md-block " >
< ? = lang ( 'home_slider_video_title' ); ?>
</ h2 >
< p class = " boxed animation animated-item-1 d-block d-md-none " >
< ? = lang ( 'home_slider_video_title' ); ?>
</ p >
< p class = " boxed animation animated-item-2 d-none d-md-block " >
< ? = lang ( 'home_slider_video_des' ); ?>
</ p >
< a class = " boxed btn btn-md animation animated-item-3 "
href = " <?= $video['post_url'] ?> " target = " _blank " >
< ? = lang ( 'home_slider_video_btn' ) ?>
</ a >
</ div >
</ div >
< div class = " col-sm-6 hidden-xs animation animated-item-4 " >
< div class = " centered " >
< a href = " <?= $video['post_url'] ?> " target = " _blank " >
< img src = " <?= $video['post_img_source'] ?> " class = " img-fluid " >
</ a >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
<!-- Controls -->
< a class = " carousel-control-prev " href = " #main-slider " role = " button " data - slide = " prev " >
< span aria - hidden = " true " class = " fa fa-angle-left "
style = " position: absolute;top: 45%;left: 50%;z-index: 5;display: inline-block;font-size: 50px; " ></ span >
< span class = " sr-only " > Previous </ span >
</ a >
< a class = " carousel-control-next " href = " #main-slider " role = " button " data - slide = " next " >
< span aria - hidden = " true " class = " fa fa-angle-right "
style = " position: absolute;top: 45%;left: 50%;z-index: 5;display: inline-block;font-size: 50px; " ></ span >
< span class = " sr-only " > Next </ span >
</ a >
</ section >
<!--/ #main-slider-->
2018-12-26 17:19:28 +00:00
< section class = " container-fluid p-0 " >
< div class = " container " >
< div class = " row my-2 " >
< div class = " col " >
< h1 >< ? = lang ( 'home_channels_title' ) ?> </h1>
2018-10-16 16:28:42 +00:00
</ div >
2018-12-26 17:19:28 +00:00
</ div >
</ div >
< div class = " tilted-columns " >
< div class = " tilted-column " >
< img class = " column-image " src = " /f/59768b61257e439b593ff2fb112d5079 " alt = " KingOfDog Logo " >
< div class = " column-caption " >
< h1 class = " column-title " > KingOfDog </ h1 >
< h3 class = " column-desc " >< ? = lang ( 'home_kingofdog_des' ) ?> </h3>
2018-10-16 16:28:42 +00:00
</ div >
2018-12-26 17:19:28 +00:00
</ div >
< div class = " tilted-column " >
< img class = " column-image " src = " /f/3c930821892961aba30c7f91df1e5d4e " alt = " ZeybeFX Logo " >
< div class = " column-caption " >
< h1 class = " column-title " > ZeybeFX </ h1 >
< h3 class = " column-desc " >< ? = lang ( 'home_zeybefx_des' ) ?> </h3>
2018-10-16 16:28:42 +00:00
</ div >
2018-12-26 17:19:28 +00:00
</ div >
< div class = " tilted-column " >
< img class = " column-image " src = " /f/54c5963da3587342cb34336fd15c87aa " alt = " ZeybeOfficial Logo " >
< div class = " column-caption " >
< h1 class = " column-title " > ZeybeOfficial </ h1 >
< h3 class = " column-desc " >< ? = lang ( 'home_zeybeofficial_des' ) ?> </h3>
</ div >
</ div >
< div class = " tilted-column " >
< img class = " column-image " src = " /f/7b3fd0b5fb3ef9565f396a266db14a64 " alt = " KingOfDog International Logo " >
< div class = " column-caption " >
< h1 class = " column-title " > KingOfDog International </ h1 >
< h3 class = " column-desc " >< ? = lang ( 'home_kingofdogint_des' ) ?> </h3>
</ div >
</ div >
< div class = " tilted-column " >
< img class = " column-image " src = " /f/d904d757da59e2d514d9b12604b9c8b6 " alt = " KingOfDogTV Logo " >
< div class = " column-caption " >
< h1 class = " column-title " > KingOfDogTV </ h1 >
< h3 class = " column-desc " >< ? = lang ( 'home_kingofdogtv_des' ) ?> </h3>
</ div >
</ div >
< div class = " tilted-column " >
< img class = " column-image " src = " /f/1771967ab185e4d62ff5963977032fd8 " alt = " MinePoint Logo " >
< div class = " column-caption " >
< h1 class = " column-title " > MinePoint </ h1 >
< h3 class = " column-desc " >< ? = lang ( 'home_minepoint_des' ) ?> </h3>
2018-10-16 16:28:42 +00:00
</ div >
</ div >
</ div >
</ section >
2018-10-17 09:17:00 +00:00
< section class = " section-parallax section-green " >
< div class = " container " >
< div class = " row " >
< div class = " col " >
< h1 > KOD Network </ h1 >
< p class = " lead " >
Jeder kennt die etablierten Netzwerke wie YouTube , Twitter , Instagram etc . Aber warum sollte man nicht einfach mal aus Spaß und um den Algorithmus - Giganten entgegenzuwirken sein eigenes soziales Netzwerk entwickeln ? < br >
Genau , diese Frage habe ich mir nicht gestellt und wahrscheinlich auch niemand anderes . Dennoch ist das einfallsreich benannte Netzwerk < b > KOD Network </ b > nun funktionsfähig ...
</ p >
< a href = " <?= base_url('posts/popular') ?> " class = " btn btn-default round " > Beliebte Posts </ a >
</ div >
< div class = " col " >
</ div >
</ div >
</ div >
</ section >
2018-10-27 10:08:54 +00:00
< section class = " container " >
2018-12-26 17:19:28 +00:00
< div class = " grid grid-kod-network " >
< div class = " item-active " >
2018-10-27 10:08:54 +00:00
< h2 >< ? = lang ( 'home_active_users' ) ?> </h2>
< ? php foreach ( $currentlyActiveUsers as $activeUser ) :
$loginTime = strtotime ( $activeUser [ 'lastLogin' ]); ?>
< div class = " user-item " >
< img src = " <?= $activeUser['profile_picture'] ?>?w=50 " alt = " " class = " img-fluid rounded-circle " >
< div class = " user-info " >
< a href = " <?= base_url('user/' . $activeUser['username'] ) ?> " >
< h2 >< ? = $activeUser [ 'displayname' ] ?> </h2>
</ a >
< small >< ? = $activeUser [ 'follower_count' ] ?> Followers | online
seit < ? = str_replace ([ 'vor ' , ' ago' , 'il y a ' ], [ '' , '' , '' ], DateTimeHumanizer :: difference ( new \DateTime (), new \DateTime ( " @ $loginTime " ), $_SESSION [ 'site_lang' ])) ?> </small>
</ div >
</ div >
< ? php endforeach ; ?>
</ div >
2018-12-26 17:19:28 +00:00
< div class = " item-newest " >
2018-10-27 10:08:54 +00:00
< h2 >< ? = lang ( 'home_newest_users' ) ?> </h2>
< ? php
foreach ( $newestUsers as $newestUser ) :
$registeredDate = strtotime ( $newestUser [ 'date_created' ]); ?>
2018-10-17 09:17:00 +00:00
< div class = " user-item " >
2018-10-27 10:08:54 +00:00
< img src = " <?= $newestUser['profile_picture'] ?>?w=50 " alt = " " class = " img-fluid rounded-circle " >
2018-10-17 09:17:00 +00:00
< div class = " user-info " >
2018-10-27 10:08:54 +00:00
< a href = " <?= base_url('user/' . $newestUser['username'] ) ?> " >
< h2 >< ? = $newestUser [ 'displayname' ] ?> </h2>
2018-10-17 09:17:00 +00:00
</ a >
2018-10-27 10:08:54 +00:00
< small >< ? = $newestUser [ 'follower_count' ] ?> Followers |
registriert
seit < ? = str_replace ([ 'vor ' , ' ago' , 'il y a ' ], [ '' , '' , '' ], DateTimeHumanizer :: difference ( new \DateTime (), new \DateTime ( " @ $registeredDate " ), $_SESSION [ 'site_lang' ])) ?> </small>
2018-10-17 09:17:00 +00:00
</ div >
</ div >
< ? php endforeach ; ?>
2018-10-27 10:08:54 +00:00
</ div >
2018-12-26 17:19:28 +00:00
< div class = " item-posts " >
2018-10-27 10:08:54 +00:00
< h2 >< ? = lang ( 'home_newest_posts' ) ?> </h2>
< ul class = " comment-list " >
< ? php foreach ( $newestPosts as $newestPost ) :
$this -> load -> view ( 'network/posts/post_item' , $newestPost );
endforeach ; ?>
</ ul >
2018-10-17 09:17:00 +00:00
</ div >
</ div >
</ section >
< section class = " section-parallax section-orange " >
< div class = " container " >
< div class = " row " >
< div class = " col-md-6 " >
< h1 > Portfolio </ h1 >
< p class = " lead " >
2018-10-27 10:08:54 +00:00
Seit ich angefangen habe YouTube - Videos hochzuladen , bin ich auch langsam in Richtung Design , Programmieren , Fotografie , Videoschnitt , Animation etc . hineingeraten . Mit der Zeit haben sich einige mehr oder weniger gute Projekte angehäuft ,
die ihr in meinem Portfolio betrachten könnt .
2018-10-17 09:17:00 +00:00
</ p >
< a href = " <?= base_url('projects') ?> " class = " btn btn-default round " > Projekte ansehen </ a >
</ div >
< div class = " col-md-6 " >
</ div >
</ div >
</ div >
</ section >
2018-10-16 16:28:42 +00:00
< section class = " container " >
< h1 > Social Media </ h1 >
< div class = " social-media-list row " >
< div class = " social-media-item col twitter " >
< h4 > Twitter </ h4 >
< a href = " https://twitter.com/KingOfDogTV " target = " _blank " >
< i class = " fab fa-twitter icon-md icon-center " ></ i >
</ a >
< h4 >@ KingOfDogTV </ h4 >
</ div >
< div class = " social-media-item col youtube " >
< h4 > YouTube </ h4 >
< a href = " https://youtube.com/KingOfDog " target = " _blank " >
< i class = " fab fa-youtube icon-md icon-center " ></ i >
</ a >
< h4 > KingOfDog </ h4 >
</ div >
< div class = " social-media-item col google-plus " >
< h4 > Google +</ h4 >
< a href = " https://google.com/+KingOfDog " target = " _blank " >
< i class = " fab fa-google-plus-g icon-md icon-center " ></ i >
</ a >
< h4 >+ KingOfDog </ h4 >
</ div >
< div class = " social-media-item col _500px " >
< h4 > 500 px </ h4 >
< a href = " https://500px.com/KingOfDog " target = " _blank " >
< i class = " fab fa-500px icon-md icon-center " ></ i >
</ a >
< h4 > KingOfDog </ h4 >
</ div >
< div class = " social-media-item col patreon " >
< h4 > Patreon </ h4 >
< a href = " https://patreon.com/KingOfDog " target = " _blank " >
< i class = " fab fa-patreon icon-md icon-center " ></ i >
</ a >
< h4 > KingOfDog </ h4 >
</ div >
< div class = " social-media-item col steam " >
< h4 > Steam </ h4 >
< a href = " https://steamcommunity.com/id/KingOfDog " target = " _blank " >
< i class = " fab fa-steam icon-md icon-center " ></ i >
</ a >
< h4 > KingOfDog </ h4 >
</ div >
< div class = " social-media-item col github " >
< h4 > Github </ h4 >
< a href = " https://github.com/KingOfDog " target = " _blank " >
< i class = " fab fa-github icon-md icon-center " ></ i >
</ a >
< h4 > KingOfDog </ h4 >
</ div >
< div class = " social-media-item col twitch " >
< h4 > Twitch </ h4 >
< a href = " https://twitch.tv/kingofdog " target = " _blank " >
< i class = " fab fa-twitch icon-md icon-center " ></ i >
</ a >
< h4 > KingOfDog </ h4 >
</ div >
< div class = " social-media-item col spotify " >
< h4 > Spotify </ h4 >
< a href = " https://spotify.com/user/DMMZocker " target = " _blank " >
< i class = " fab fa-spotify icon-md icon-center " ></ i >
</ a >
< h4 > DMMZocker </ h4 >
</ div >
</ div >
</ section >
< section class = " container " >
< div class = " row " >
< h1 class = " col-xs-12 " >< ? = lang ( 'home_posts' ) ?> </h1>
</ div >
< div class = " row " id = " social-post-container " data - error - msg = " Es konnten keine weiteren Posts geladen werden! " >
< div class = " col-12 " >
< div class = " row " >
< ul class = " sort-list-filter " >
< li >
< a class = " btn btn-default btn-sm active " href = " # "
data - filter = " * " >< ? = lang ( 'home_social_all' ); ?> </a>
</ li >
< li >
< a class = " btn btn-default btn-sm " href = " # " data - filter = " .twitter " > Twitter </ a >
</ li >
< li >
< a class = " btn btn-default btn-sm " href = " # " data - filter = " .youtube " > Youtube </ a >
</ li >
< li data - toggle = " tooltip " title = " Coming soon " >
< a class = " btn btn-default btn-sm disabled " href = " # " data - filter = " .instagram " > Twitch </ a >
</ li >
< li data - toggle = " tooltip " title = " Coming soon " >
< a class = " btn btn-default btn-sm disabled " href = " # " data - filter = " .instagram " > Instagram </ a >
</ li >
< li data - toggle = " tooltip " title = " Coming soon " >
< a class = " btn btn-default btn-sm disabled " href = " # " data - filter = " .instagram " > 500 px </ a >
</ li >
</ ul >
</ div >
</ div >
< div class = " col " >
< div class = " row " >
< ul class = " sort-list-items w-100 m-0 " id = " social-posts " >
</ ul >
</ div >
</ div >
</ div >
< button id = " load-more-button " class = " btn btn-default col-xs-6 col-xs-offset-3 " onclick = " loadPosts(false) "
2019-01-04 18:44:00 +00:00
data - loading = " <div class='loadingSpinner'></div> Lädt... "
2018-10-16 16:28:42 +00:00
data - load = " <i class='fa fa-ellipsis-h'></i> Mehr Posts laden " >
< i class = " fa fa-ellipsis-h " ></ i >
Mehr Posts laden
</ button >
</ section >
2018-10-17 09:17:00 +00:00
< section class = " section-parallax section-red " >
< div class = " container " >
< div class = " row " >
< div class = " col-md-6 " >
< h1 > Blog </ h1 >
< p class = " lead " >
2018-10-27 10:08:54 +00:00
Seid ihr an Programmierung , Design , Technik , Internet , Aktuellem , Gaming , zufälligem Kram und mehr interessiert ? Dann ist mein Blog zwar nicht die erste Anlaufstelle , dennoch könnte man ihn eventuell ein - zwei Mal berücksichtigen . Schaut
doch einfach mal vorbei und lasst euch selbst überraschen .
2018-10-17 09:17:00 +00:00
</ p >
< a href = " <?= base_url('blog') ?> " class = " btn btn-default round " > Zum Blog </ a >
</ div >
< div class = " col-md-6 " ></ div >
</ div >
</ div >
</ section >
2018-10-16 16:28:42 +00:00
2018-10-17 09:17:00 +00:00
< section class = " section " >
2018-10-16 16:28:42 +00:00
< div class = " container " >
< div class = " row " >
< div class = " col-sm-1 " >
< i class = " fa fa-exclamation icon-md-alizarin " style = " margin-top:30px " ></ i >
</ div >
< div class = " col-sm-11 " >
< h2 >< ? = lang ( 'home_ads_title' ) ?> </h2>
< p >< ? = lang ( 'home_ads_description' ) ?> </p>
</ div >
</ div >
</ div >
</ section >
<!--/ #testimonial-->
