This file will setup Wordpress, MySQL & PHPMyAdmin with a single command. Add the code below to a file called "docker-compose.yaml" and run the command
$ docker-compose up -d
# To Tear Down
$ docker-compose down --volumes
public function pesaneditor($id,$paket){ | |
$user= ambilData('users',['id_user'=>$id]); | |
$data['paket'] = $paket==0?'Standar':'Express'; | |
$editor= ambilData('editor',['user_id'=>$id]); | |
$data['editor'] = $editor; | |
$data['harga'] = $paket==0?$editor->hargabiasa:$editor->hargaexpres; | |
$data['user'] = $user; | |
$data['cerpen'] = $this->db->query("select * from cerpen where id_penulis = ".$_SESSION['id'])->result(); |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<title>Bootstrap 4 Halaman Pertama</title> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> |
<div class="container"> | |
<div class="paper"></div> | |
<div class="paper"></div> | |
<div class="paper"></div> | |
<div class="paper"></div> | |
<div class="paper"></div> | |
<div class="paper"></div> | |
<div class="paper"></div> | |
<div class="paper"></div> | |
<div class="paper"></div> |
<div>♬</div> | |
<!-- animation controls --> | |
<form> | |
<p> | |
<input type="checkbox" id="pauser" checked> | |
<label for="pauser">Animate</label> | |
</p> | |
</form> |
I got this image from here http://placeimg.com/
Demo by Gajendar Singh about using the AOS library accompanying the following article on SitePoint:
Cool on Scroll Animations Made Easy With the AOS Library URL: https://www.sitepoint.com/cool-scroll-animations-made-easy-aos-library
<!DOCTYPE HTML> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Object Oriented JavaScript</title> | |
</head> | |
<body> | |
<script type="text/javascript"> |