429 lines
18 KiB
HTML
429 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="CTB Recorder is a free recording software for Chaturbate">
|
|
<meta name="author" content="">
|
|
|
|
<title>CTB Recorder</title>
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Custom fonts for this template -->
|
|
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
|
|
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Plugin CSS -->
|
|
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Custom styles for this template -->
|
|
<link href="css/freelancer.min.css" rel="stylesheet">
|
|
|
|
</head>
|
|
|
|
<body id="page-top">
|
|
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
|
|
<div class="container">
|
|
<a class="navbar-brand js-scroll-trigger" href="#page-top">CTB Recorder</a>
|
|
<button class="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
Menu
|
|
<i class="fa fa-bars"></i>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item mx-0 mx-lg-1">
|
|
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about">Download</a>
|
|
</li>
|
|
<li class="nav-item mx-0 mx-lg-1">
|
|
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#portfolio">Screenshots</a>
|
|
</li>
|
|
<li class="nav-item mx-0 mx-lg-1">
|
|
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#contact">Source Code</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Header -->
|
|
<header class="masthead bg-primary text-white text-center">
|
|
<div class="container">
|
|
<!--
|
|
<img class="img-fluid mb-5 d-block mx-auto" src="img/profile.png" alt="">
|
|
-->
|
|
<h1 class="text-uppercase mb-0">CTB Recorder</h1>
|
|
<hr class="star-light">
|
|
<h2 class="font-weight-light mb-0">A free recording software for Chaturbate</h2>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- About/Download Section -->
|
|
<section class="text-secondary mb-0" id="about">
|
|
<div class="container">
|
|
<h2 class="text-center text-uppercase text-secondary">About</h2>
|
|
<hr class="star-dark mb-5">
|
|
<div class="row">
|
|
<div class="col-lg-4 ml-auto">
|
|
<p class="lead">If you ever wanted to record a cam girl show to watch it later or if your favorite model lives in another timezone and is never online when you are, CTB Recorder is the solution for you.</p>
|
|
</div>
|
|
<div class="col-lg-4 mr-auto">
|
|
<p class="lead">CTB Recorder allows you to record any public show on Chaturbate. It is very easy to use and set up in minutes. You can even run the recorder on a server and control it with the graphical user interface, so that you never miss a show again.</p>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function downloadFile(uri) {
|
|
location.href = uri;
|
|
}
|
|
</script>
|
|
<div class="row text-center">
|
|
<div class="col">
|
|
<a class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://github.com/0xboobface/ctbrec/releases/download/1.0.0/ctbrec-1.0.0-win64-jre.zip');">
|
|
<i class="fa fa-windows mr-2"></i>
|
|
Download for Windows!
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://github.com/0xboobface/ctbrec/releases/download/1.0.0/ctbrec-1.0.0-win64.zip');">
|
|
<i class="fa fa-windows mr-2"></i>
|
|
Download for Windows (no JRE)!
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://github.com/0xboobface/ctbrec/releases/download/1.0.0/ctbrec-1.0.0-linux.zip');">
|
|
<i class="fa fa-linux mr-2"></i>
|
|
Download for Linux!
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="portfolio bg-primary" id="donate">
|
|
<div class="container">
|
|
<h2 class="text-light text-center text-uppercase mb-0">Donate</h2>
|
|
<hr class="star-light mb-5">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto text-center text-light">
|
|
<p class="lead">
|
|
CTB Recorder is free and open source. I'm a student and wrote this software in my spare time.
|
|
If you like the software or want to suggest a new feature, please consider buying me a coffee or two. Thanks!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Screenshots Grid Section -->
|
|
<section class="portfolio" id="portfolio">
|
|
<div class="container">
|
|
<h2 class="text-center text-uppercase mb-0">Screenshots</h2>
|
|
<hr class="star-dark mb-5">
|
|
<div class="row">
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-1">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/featured.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-2">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/recording.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-3">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/followed.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-4">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/recordings.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-5">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/settings.png" alt="">
|
|
</a>
|
|
</div>
|
|
<!--
|
|
<div class="col-md-6 col-lg-4">
|
|
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-6">
|
|
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
|
|
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="img/portfolio/submarine.png" alt="">
|
|
</a>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Source Code Section -->
|
|
<section id="contact">
|
|
<div class="container">
|
|
<h2 class="text-center text-uppercase text-secondary mb-0">Source Code</h2>
|
|
<hr class="star-dark mb-5">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto text-center">
|
|
<p class="lead">
|
|
CTB Recorder is free and open source. The source code is available on <a href="https://github.com/0xboobface/ctbrec">Github</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer text-center">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!--
|
|
<div class="col-md-4 mb-5 mb-lg-0">
|
|
<h4 class="text-uppercase mb-4">Location</h4>
|
|
<p class="lead mb-0">2215 John Daniel Drive
|
|
<br>Clark, MO 65243</p>
|
|
</div>
|
|
<div class="col-md-4 mb-5 mb-lg-0">
|
|
<h4 class="text-uppercase mb-4">Around the Web</h4>
|
|
<ul class="list-inline mb-0">
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
|
|
<i class="fa fa-fw fa-facebook"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
|
|
<i class="fa fa-fw fa-google-plus"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
|
|
<i class="fa fa-fw fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
|
|
<i class="fa fa-fw fa-linkedin"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
|
|
<i class="fa fa-fw fa-dribbble"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h4 class="text-uppercase mb-4">About Freelancer</h4>
|
|
<p class="lead mb-0">Freelance is a free to use, open source Bootstrap theme created by
|
|
<a href="http://startbootstrap.com">Start Bootstrap</a>.</p>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!--
|
|
<div class="copyright py-4 text-center text-white">
|
|
<div class="container">
|
|
<small>Copyright © Your Website 2018</small>
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
|
|
<div class="scroll-to-top d-lg-none position-fixed ">
|
|
<a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top">
|
|
<i class="fa fa-chevron-up"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Portfolio Modals -->
|
|
|
|
<!-- Portfolio Modal 1 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-1">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Featured</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/featured.jpg" alt="">
|
|
<p class="mb-5">You can browse all the different categories like in the browser. The filter input on top helps, to find models quickly.</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Portfolio Modal 2 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-2">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Recording</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/recording.png" alt="">
|
|
<p class="mb-5">The Recording overview shows you, which models get recorded. You can also see, which models are currently online.</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Portfolio Modal 3 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-3">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Start a recording</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/followed.jpg" alt="">
|
|
<p class="mb-5">Recordings can be started with a simple right-click, as well as models followed or unfollowed.</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Portfolio Modal 4 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-4">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Recordings</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/recordings.png" alt="">
|
|
<p class="mb-5">Finished recordings can be played and managed from within CTB Recorder</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Portfolio Modal 5 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-5">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Settings</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/settings.png" alt="">
|
|
<p class="mb-5">You can define where the recordings are saved and which media player to use. I recommend <a href="https://mpv.io/" target="_blank">mpv</a>.</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Portfolio Modal 6 -->
|
|
<div class="portfolio-modal mfp-hide" id="portfolio-modal-6">
|
|
<div class="portfolio-modal-dialog bg-white">
|
|
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-3x fa-times"></i>
|
|
</a>
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="text-secondary text-uppercase mb-0">Project Name</h2>
|
|
<hr class="star-dark mb-5">
|
|
<img class="img-fluid mb-5" src="img/portfolio/submarine.png" alt="">
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
|
|
<i class="fa fa-close"></i>
|
|
Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bootstrap core JavaScript -->
|
|
<script src="vendor/jquery/jquery.min.js"></script>
|
|
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Plugin JavaScript -->
|
|
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
|
|
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
|
|
|
|
<!-- Contact Form JavaScript -->
|
|
<!--
|
|
<script src="js/jqBootstrapValidation.js"></script>
|
|
<script src="js/contact_me.js"></script>
|
|
-->
|
|
|
|
<!-- Custom scripts for this template -->
|
|
<script src="js/freelancer.min.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|