Skip to content

Instantly share code, notes, and snippets.

@maulayyacyber

maulayyacyber/backup-home-rubypedia.php

Created October 24, 2017 05:57
Show Gist options
  • Save maulayyacyber/81a85dce4d9cd24723131649df212c81 to your computer and use it in GitHub Desktop.
Save maulayyacyber/81a85dce4d9cd24723131649df212c81 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
backup-home-rubypedia.php
<div class="jumbotron" style="margin-top: 50px; padding-top: 105px;color: rgba(255,255,255,0.6);background: url('https://i.imgur.com/k1kzqQC.jpg'),#3c434a;background-position: center 10%; background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;">
<div class="container" style="text-align: center; color: white;padding-bottom: 20px">
<img src="<?php echo base_url(); ?>resources/images/logo-jumbroton.png" class="img-responsive" style="display: initial;">
<p style="padding-right: 18%;padding-left: 18%;font-family: Roboto;font-weight: 300">RubyPedia.com adalah situs yang menyediakan tutorial & screencast pemrogramman ruby dengan bahasa indonesia.</p>
<p style="margin-top: 40px">
<a class="play-trigger" data-toggle="modal" data-target="#modal-video" data-backdrop="static" data-keyboard="false" style="color: white;font-family: Roboto;font-weight: 300;text-decoration: none;cursor: pointer;"><img class="play-icon" src="<?php echo base_url() ?>resources//images/play-icon.svg" alt="" style="margin-right: 10px;">Lihat Selengkapnya</a>
</p>
</div>
</div>
<section class="series">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2><i class="fa fa-play-circle"></i> SERIES</h2>
<p class="desc-text" style="margin-bottom: 20px;font-size: 18px;font-family: Roboto">Kumpulan video screencast berdasarkan teknologi tertentu untuk mempermudah kamu belajar coding.</p>
</div>
<?php
foreach ($data_series->result() as $hasil) {
if(strlen($hasil->nama_series)<22)
{
$judul = '<a href="'.base_url('series').'/'.$hasil->slug_series.'/" style="font-size: 18px;font-family: Roboto;font-weight: 400;text-decoration: none;color: rgb(50, 50, 50);" title="'.$hasil->nama_series.'">'.$hasil->nama_series.'</a>';
}else{
$judul = '<a href="'.base_url('series').'/'.$hasil->slug_series.'/" style="font-size: 18px;font-family: Roboto;font-weight: 400;text-decoration: none;color: rgb(50, 50, 50);" title="'.$hasil->nama_series.'">'.substr($hasil->nama_series, 0,22).'...</a>';
}
$jml = $this->db->query("SELECT COUNT(series_id) as jml_video FROM tbl_screencast WHERE series_id='$hasil->id_series'")->row();
?>
<div class="col-md-3">
<div class="card card-playlist" style="min-height: 130px">
<a href="<?php echo base_url() ?>series/<?php echo $hasil->slug_series ?>/">
<div class="card-image" style="border-top-left-radius: 5px;border-top-right-radius: 5px;">
<img class="img-responsive" src="<?php echo base_url() ?>resources/images/series/<?php echo $hasil->gambar ?>" style="width: 100%;height: 100%">
</div>
</a>
<div class="card-content" style="min-height: 80px">
<?php echo $judul ?>
<p style="padding-top: 15px;margin-bottom: 0px"><i class="fa fa-list-ul" style="margin-right: 5px"></i> <b style="margin-right: 5px"><?php echo $jml->jml_video ?></b> VIDEOS</p>
</div>
</div>
</div>
<?php } ?>
</div>
<div class="row">
<div class="text-center">
<a href="<?php echo base_url('series/') ?>" class="btn btn-rubypedia btn-md" style="border-radius: 25px;background-color: white;border-color: white;color: #464646;-webkit-box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);-moz-box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);margin-top: 10px"> Lihat Series Lainnya <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</section>
<section class="screencast">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2><i class="fa fa-book"></i> BLOG</h2>
<p class="desc-text" style="margin-bottom: 20px;font-size: 18px;font-family: Roboto">Belajar pemrograman lebih mudah dengan blog dimana kamu akan melihat langsung sebuah studi kasus yang bisa kamu coba.</p>
</div>
<div class="col-md-8">
<?php
foreach ($data_blog->result() as $hasil) {
?>
<div class="card" style="margin-bottom: 5px;">
<div class="card-content" style="padding: 10px">
<div class="media card-video">
<div class="media-left">
<a href="<?php echo base_url() ?>blog/<?php echo $hasil->slug_blog ?>/">
<img class="card-image" src="<?php echo base_url() ?>resources/images/blog/thumb/<?php echo $hasil->gambar ?>" style="width: 200px;height: 100px" alt="<?php echo $hasil->judul_blog ?>">
</a>
</div>
<div class="media-body">
<a class="link-videos" href="" style="color: #333;text-decoration: none">
<h4 style="font-family: Roboto;font-weight: 400;font-size: 14px"
class="media-heading">
<p style="font-size: 10px;margin-bottom: 5px;float: right">
<?php
if(empty($this->session->userdata("apps_id"))) {
?>
<a style="font-size: 20px;color: #767676;font-weight: 500;text-decoration: none" href="#" data-toggle="modal" data-target="#login" data-backdrop="static" data-keyboard="false"><i style="color: black" class="fa fa-bookmark-o"></i> </a>
<a style="font-size: 20px;color: #767676;font-weight: 500;text-decoration: none;padding-left: 10px" href="#" data-toggle="modal" data-target="#login" data-backdrop="static" data-keyboard="false"><i style="color: red" class="fa fa-heart-o" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="<?php echo $hasil->loved ?> loved"></i> </a>
<?php }else { ?>
<a class="bookmark-blog" data-id="<?php echo $hasil->id_blog ?>" style="font-size: 20px;color: #767676;font-weight: 500;text-decoration: none;cursor: pointer"><i style="color: black" class="fa fa-bookmark-o"></i> </a>
<a class="loved-blog" data-id="<?php echo $hasil->id_blog ?>" style="font-size: 20px;color: #767676;font-weight: 500;text-decoration: none;padding-left: 10px;cursor: pointer"><i style="color: red" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="<?php echo $hasil->loved ?> loved" class="fa fa-heart-o"></i> </a>
<?php } ?>
</p>
<a href="<?php echo base_url() ?>blog/<?php echo $hasil->slug_blog ?>/" style="font-size: 18px;font-family: Roboto;font-weight: 400;text-decoration: none;line-height: 24px;color: #323232;padding-right: 10px" title="<?php echo $hasil->judul_blog ?>"><?php echo $hasil->judul_blog ?></a>
</h4>
</a>
<span style="font-size: 12px;font-family: Roboto;font-weight: 400;color: #84909f;"> <?php echo $hasil->nama_user ?></span>
<br>
<span style="font-size: 11px;font-family: Roboto;font-weight: 400;color: #84909f;"> Dilihat <b><?php echo $hasil->views ?></b>
Kali</span>
</div>
</div>
</div>
</div>
<?php } ?>
<div class="row">
<div class="col-md-12">
<div class="text-right">
<a href="<?php echo base_url('blog/') ?>" class="btn btn-rubypedia btn-md" style="border-radius: 25px;background-color: white;border-color: white;color: #464646;-webkit-box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);-moz-box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);margin-top: 20px"> Lihat Blog Lainnya <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-content">
<?php
foreach ($data_kategori->result() as $hasil) {
?>
<div class="chip-phantom" style="margin-bottom: 10px;">
<img src="<?php echo base_url() ?>resources/images/category/<?php echo $hasil->gambar ?>" alt="Person" width="53" height="53">
<p style="margin-top:10px"><a href="<?php echo base_url() ?>kategori/<?php echo $hasil->slug ?>/" style="text-decoration:none;text-transform: uppercase;margin-top:15px;font-weight: 500"><?php echo $hasil->nama_kategori ?></a></p>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
</section>
<section style="margin-top: 20px;background: #20231E;color: #fff;padding: 60px 0;margin-bottom: 10px">
<div class="container">
<div class="row">
<div class="col-md-8">
<p style="font-size: 20px;font-family: Roboto;font-weight: 300">Kumpulan rangkaian tutorial berdasarkan teknologi tertentu untuk mempermudah kamu belajar coding.</p>
</div>
<div class="col-md-4">
<a href="<?php echo base_url() ?>kategori/" class="btn btn-danger btn-lg" style="text-transform: uppercase;color: #fefefe;background-color: rgb(183, 28, 29);border-color: rgb(183, 28, 29);border-radius: 25px;width: 100%;font-size: 20px"> Selengkapnya <i class="fa fa-long-arrow-right"></i> </a>
</div>
</div>
</div>
</section>
<section class="blog">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2><i class="fa fa-youtube-play"></i> SCREENCAST</h2>
<p class="desc-text" style="margin-bottom: 20px;font-size: 18px;font-family: Roboto">Belajar pemrograman lebih mudah dengan kontent berupa video yang memungkinkan kamu belajar coding sambil praktek langsung.</p>
</div>
<?php
foreach ($data_screencast->result() as $hasil) {
?>
<div class="col-md-3">
<div class="card card-video" style="min-height: 230px">
<a href="<?php echo base_url() ?>screencast/<?php echo $hasil->slug_screencast ?>/">
<div class="card-image" style="border-top-left-radius: 5px;border-top-right-radius: 5px;">
<img class="img-responsive" src="<?php echo base_url() ?>resources/images/screencast/thumb/<?php echo $hasil->gambar ?>" style="width: 100%;height: 100%">
</div>
</a>
<div class="card-content" style="min-height: 180px;height: 180px;">
<span style="color: #84909f;font-size: 11px;margin: 0"><?php echo $this->apps->tgl_indo_no_hari($hasil->created_at) ?> </span><br>
<a href="<?php echo base_url() ?>screencast/<?php echo $hasil->slug_screencast ?>/" style="text-decoration: none;font-size: 18px;font-family: Roboto;color: #323232;"> <?php echo $hasil->judul_screencast ?></a>
<div class="card-autor" style="padding-bottom: 30px;bottom: 0;position: absolute">
<?php
if(empty($this->session->userdata("apps_id"))) {
?>
<a style="font-size: 20px;color: #767676;font-weight: 500;text-decoration: none;cursor: pointer" data-toggle="modal" data-target="#login" data-backdrop="static" data-keyboard="false"><i style="color: black" class="fa fa-bookmark-o"></i> </a>
<a style="font-size: 20px;color: #767676;font-weight: 500;text-decoration: none;padding-left: 10px;cursor: pointer" data-toggle="modal" data-target="#login" data-backdrop="static" data-keyboard="false"><i style="color: red" class="fa fa-heart-o" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="<?php echo $hasil->loved ?> loved"></i> </a>
<?php }else { ?>
<a class="bookmark-screencast" data-id="<?php echo $hasil->id_screencast ?>" style="font-size: 20px;color: #767676;font-weight: 500;text-decoration: none;cursor: pointer"><i style="color: black" class="fa fa-bookmark-o"></i> </a>
<a class="loved-screencast" data-id="<?php echo $hasil->id_screencast ?>" style="font-size: 20px;color: #767676;font-weight: 500;text-decoration: none;padding-left: 10px;cursor: pointer"><i style="color: red" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="<?php echo $hasil->loved ?> loved" class="fa fa-heart-o"></i> </a>
<?php } ?>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
<div class="row">
<div class="text-center">
<a href="<?php echo base_url('screencast/') ?>" class="btn btn-rubypedia btn-md" style="border-radius: 25px;background-color: white;border-color: white;color: #464646;-webkit-box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);-moz-box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);margin-top: 10px"> Lihat Screencast Lainnya <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</section>
<!--
<section class="blog">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2><i class="fa fa-folder"></i> KATEGORI</h2>
<p class="desc-text" style="margin-bottom: 20px;font-size: 18px;font-family: Roboto">Kumpulan rangkaian tutorial berdasarkan teknologi tertentu untuk mempermudah kamu belajar coding.</p>
</div>
<?php
foreach ($data_kategori->result() as $hasil) {
?>
<div class="col-md-3 kategori-hover" style="text-align: center;margin-top: 20px" data-toggle="tooltip" data-placement="top" title="<?php echo $hasil->nama_kategori ?> ">
<a href="<?php echo base_url() ?>kategori/<?php echo $hasil->slug ?>/">
<img src="<?php echo base_url() ?>resources/images/category/<?php echo $hasil->gambar ?>" style="width: 150px">
</a>
</div>
<?php } ?>
</div>
<div class="row">
<div class="text-center">
<a href="<?php echo base_url('kategori/') ?>" class="btn btn-rubypedia btn-md" style="border-radius: 25px;background-color: white;border-color: white;color: #464646;-webkit-box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);-moz-box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);box-shadow: 0 1px 1px 0 rgba(159,167,194,0.6);margin-top: 10px"> Lihat kategori Lainnya <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</section>
-->
<section class="subscribe" style="margin-top: 30px">
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment