Rework header and landing page completely
This commit is contained in:
Marcel
@@ -110,15 +110,15 @@
|
||||
<?= lang('home_slider_video_des'); ?>
|
||||
</p>
|
||||
<a class="boxed btn btn-md animation animated-item-3"
|
||||
href="<?= $video['post_url'] ?>" target="_blank">
|
||||
href="<?= $video['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 href="<?= $video['url'] ?>" target="_blank">
|
||||
<img src="<?= $video['imageSource'] ?>" class="img-fluid">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -141,56 +141,152 @@
|
||||
</section>
|
||||
<!--/#main-slider-->
|
||||
|
||||
<section class="container-fluid p-0">
|
||||
<div class="container">
|
||||
<div class="row my-2">
|
||||
<div class="col">
|
||||
<h1><?= lang('home_channels_title') ?></h1>
|
||||
</div>
|
||||
<section class="container">
|
||||
<div class="row my-2">
|
||||
<div class="col">
|
||||
<h1 class="text-center">Wer bin ich eigentlich?</h1>
|
||||
<p class="lead">Mein Name ist Marcel und seit einigen Jahren programmiere ich leidenschaftlich. In dieser Zeit habe ich alle möglichen Sprachen und Frameworks mir selbst beigebracht und die unterschiedlichsten Projekte auf die Beine gestellt -
|
||||
unter anderem auch diese Website. Weitere Hobbies von mir sind Design, Schreiben, Animation, Fotografie und Videoschnitt. All das zusammen verpacke ich in meinen YouTube-Videos, die ich mittlerweile seit 2013 produziere. Dazu habe
|
||||
ich verschiedene Kanäle erstellt, die ich im Nachfolgenden erläutern werde. Falls ihr noch mehr über mich erfahren wollt, könnt ihr dies sehr einfach auf der Über mich-Seite.</p>
|
||||
<a href="<?= base_url('about') ?>" class="btn btn-primary">Über mich</a>
|
||||
</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>
|
||||
<div class="row my-2">
|
||||
<div class="col-md-4">
|
||||
<div class="list-group" id="yt-channels-tabs" role="tablist">
|
||||
<a href="#yt-channel-kingofdog" class="list-group-item list-group-item-action active" data-toggle="list" role="tab" aria-controls="yt-channel-kingofdog" id="yt-channel-kingofdog-tab">KingOfDog</a>
|
||||
<a href="#yt-channel-zeybefx" class="list-group-item list-group-item-action" data-toggle="list" role="tab" aria-controls="yt-channel-zebyefx" id="yt-channel-zeybefx-tab">ZebyeFX</a>
|
||||
<a href="#yt-channel-zeybeofficial" class="list-group-item list-group-item-action" data-toggle="list" role="tab" aria-controls="yt-channel-zeybeofficial" id="yt-channel-zeybeofficial-tab">ZebyeOfficial</a>
|
||||
<a href="#yt-channel-kingofdogint" class="list-group-item list-group-item-action" data-toggle="list" role="tab" aria-controls="yt-channel-kingofdogint" id="yt-channel-kingofdogint-tab">KingOfDog International</a>
|
||||
<a href="#yt-channel-kingofdogtv" class="list-group-item list-group-item-action" data-toggle="list" role="tab" aria-controls="yt-channel-kingofdogtv" id="yt-channel-kingofdogtv-tab">KingOfDogTV</a>
|
||||
<a href="#yt-channel-minepoint" class="list-group-item list-group-item-action" data-toggle="list" role="tab" aria-controls="yt-channel-minepoint" id="yt-channel-minepoint-tab">MinePoint</a>
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
</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>
|
||||
|
||||
<div class="col-md-8">
|
||||
<div class="tab-content" id="nav-yt-channel-content">
|
||||
<div class="tab-pane fade show active" id="yt-channel-kingofdog" role="tabpanel" aria-labelledby="yt-channel-kingofdog-tab">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="yt-channel-title">
|
||||
<img src="<?= base_url('/f/59768b61257e439b593ff2fb112d5079?w=160') ?>" alt="KingOfDog Logo">
|
||||
<h3>KingOfDog</h3>
|
||||
</div>
|
||||
|
||||
<p class="yt-channel-desc">
|
||||
<?= lang('home_kingofdog_des') ?>
|
||||
</p>
|
||||
|
||||
<a href="https://youtube.com/KingOfDog" target="_blank" class="btn btn-primary">Kanal besuchen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="yt-channel-zeybefx" role="tabpanel" aria-labelledby="yt-channel-zeybefx-tab">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="yt-channel-title">
|
||||
<img src="<?= base_url('/f/3c930821892961aba30c7f91df1e5d4e?w=160') ?>" alt="ZeybeFX Logo">
|
||||
<h3>ZeybeFX</h3>
|
||||
</div>
|
||||
|
||||
<p class="yt-channel-desc">
|
||||
<?= lang('home_zeybefx_des') ?>
|
||||
</p>
|
||||
|
||||
<a href="https://www.youtube.com/channel/UCossYe6KMMhf9HJ9Uaqtu-g" target="_blank" class="btn btn-primary">Kanal besuchen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="yt-channel-zeybeofficial" role="tabpanel" aria-labelledby="yt-channel-zeybeofficial-tab">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="yt-channel-title">
|
||||
<img src="<?= base_url('/f/54c5963da3587342cb34336fd15c87aa?w=160') ?>" alt="ZeybeOfficial Logo">
|
||||
<h3>ZeybeOfficial</h3>
|
||||
</div>
|
||||
|
||||
<p class="yt-channel-desc">
|
||||
<?= lang('home_zeybeofficial_des') ?>
|
||||
</p>
|
||||
|
||||
<a href="https://www.youtube.com/channel/UCJ1_Tj4SVkU5h9a8Q0VrB4A" target="_blank" class="btn btn-primary">Kanal besuchen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="yt-channel-kingofdogint" role="tabpanel" aria-labelledby="yt-channel-kingofdogint-tab">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="yt-channel-title">
|
||||
<img src="<?= base_url('/f/7b3fd0b5fb3ef9565f396a266db14a64?w=160') ?>" alt="KingOfDog International Logo">
|
||||
<h3>KingOfDog International</h3>
|
||||
</div>
|
||||
|
||||
<p class="yt-channel-desc">
|
||||
<?= lang('home_kingofdogint_des') ?>
|
||||
</p>
|
||||
|
||||
<a href="https://www.youtube.com/channel/UCthOkS9cpKgnBSj7AdR1rDg" target="_blank" class="btn btn-primary">Kanal besuchen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="yt-channel-kingofdogtv" role="tabpanel" aria-labelledby="yt-channel-kingofdogtv-tab">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="yt-channel-title">
|
||||
<img src="<?= base_url('/f/d904d757da59e2d514d9b12604b9c8b6?w=160') ?>" alt="KingOfDogTV Logo">
|
||||
<h3>KingOfDogTV</h3>
|
||||
</div>
|
||||
|
||||
<p class="yt-channel-desc">
|
||||
<?= lang('home_kingofdogtv_des') ?>
|
||||
</p>
|
||||
|
||||
<a href="https://www.youtube.com/channel/UCNiPkMSdFR3ERemtlVTdtIQ" target="_blank" class="btn btn-primary">Kanal besuchen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="yt-channel-minepoint" role="tabpanel" aria-labelledby="yt-channel-minepoint-tab">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="yt-channel-title">
|
||||
<img src="<?= base_url('/f/1771967ab185e4d62ff5963977032fd8?w=160') ?>" alt="MinePoint Logo">
|
||||
<h3>MinePoint</h3>
|
||||
</div>
|
||||
|
||||
<p class="yt-channel-desc">
|
||||
<?= lang('home_minepoint_des') ?>
|
||||
</p>
|
||||
|
||||
<a href="https://www.youtube.com/channel/UC2KTZbfkUo-Afc_JZpTZ0sQ" target="_blank" class="btn btn-primary">Kanal besuchen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -199,7 +295,7 @@
|
||||
<section class="section-parallax section-green">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="col-md-6 offset-md-3 text-center">
|
||||
<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>
|
||||
@@ -207,9 +303,6 @@
|
||||
</p>
|
||||
<a href="<?= base_url('posts/popular') ?>" class="btn btn-default round">Beliebte Posts</a>
|
||||
</div>
|
||||
<div class="col">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -227,7 +320,7 @@
|
||||
<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>
|
||||
seit <?= str_replace(['vor ', ' ago', 'il y a '], ['', '', ''], DateTimeHumanizer::difference(new DateTime(), new DateTime("@$loginTime"), $_SESSION['site_lang'])) ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
@@ -245,7 +338,7 @@
|
||||
</a>
|
||||
<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>
|
||||
seit <?= str_replace(['vor ', ' ago', 'il y a '], ['', '', ''], DateTimeHumanizer::difference(new DateTime(), new DateTime("@$registeredDate"), $_SESSION['site_lang'])) ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
@@ -264,7 +357,7 @@
|
||||
<section class="section-parallax section-orange">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="col-md-6 offset-md-3 text-center">
|
||||
<h1>Portfolio</h1>
|
||||
<p class="lead">
|
||||
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,
|
||||
@@ -396,7 +489,7 @@
|
||||
<section class="section-parallax section-red">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="col-md-6 offset-md-3 text-center">
|
||||
<h1>Blog</h1>
|
||||
<p class="lead">
|
||||
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
|
||||
|
||||
Reference in New Issue
Block a user