forked from j62/ctbrec
1
0
Fork 0

update site

This commit is contained in:
J62 2025-03-14 12:14:31 -07:00
parent c09f44642e
commit 8003d5614d
1 changed files with 570 additions and 504 deletions

View File

@ -1,16 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-129283922-1"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-6CHNT0DY87"></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);} function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('js', new Date());
gtag('config', 'UA-129283922-1'); gtag('config', 'G-6CHNT0DY87');
</script> </script>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@ -25,7 +25,8 @@
<!-- Custom fonts for this template --> <!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <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=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"> <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet"
type="text/css">
<!-- Plugin CSS --> <!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css"> <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">
@ -35,15 +36,19 @@
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon" /> <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon" />
</head> </head>
<body id="page-top"> <body id="page-top">
<!-- Navigation --> <!-- Navigation -->
<nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav"> <nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
<div class="container"> <div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="https://git.ctbrec.com/j62/ctbrec/raw/branch/main/client/src/main/resources/icon64.png" alt="Logo"/>CTB Recorder</a> <a class="navbar-brand js-scroll-trigger" href="#page-top"><img
<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"> src="https://git.ctbrec.com/j62/ctbrec/raw/branch/main/client/src/main/resources/icon64.png" alt="Logo" />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 Menu
<i class="fa fa-bars"></i> <i class="fa fa-bars"></i>
</button> </button>
@ -63,7 +68,8 @@
</li> </li>
<li class="nav-item mx-0 mx-lg-1"> <li class="nav-item mx-0 mx-lg-1">
<a href="#donate" class="js-scroll-trigger" style="float:right; margin-left: 10px"> <a href="#donate" class="js-scroll-trigger" style="float:right; margin-left: 10px">
<img src="img/buymeacoffee/Button/button-red.png" alt="Buy a coffee" style="width:150px; padding-top: 7px"/> <img src="img/buymeacoffee/Button/button-red.png" alt="Buy a coffee"
style="width:150px; padding-top: 7px" />
</a> </a>
</li> </li>
</ul> </ul>
@ -79,7 +85,9 @@
--> -->
<h1 class="text-uppercase mb-0">CTB Recorder</h1> <h1 class="text-uppercase mb-0">CTB Recorder</h1>
<hr class="star-light"> <hr class="star-light">
<h2 class="font-weight-light mb-0">A free recording software for different camsites.<br/>Currently supported: Amateur.tv, BongaCams, Cam4, CamSoda, Chaturbate, CherryTV, Dreamcam, FC2Live, Flirt4free, LiveJasmin, MV Live, MyFreeCams, SecretFriends, Showup.tv, Streamate, Stripchat, Streamray, WinkTV, XLoveCam</h2> <h2 class="font-weight-light mb-0">A free recording software for different camsites.<br />Currently supported:
Amateur.tv, BongaCams, Cam4, CamSoda, Chaturbate, CherryTV, Dreamcam, FC2Live, Flirt4free, LiveJasmin, MV Live,
MyFreeCams, SecretFriends, Showup.tv, Streamate, Stripchat, Streamray, WinkTV, XLoveCam</h2>
</div> </div>
</header> </header>
@ -90,17 +98,21 @@
<hr class="star-dark mb-5"> <hr class="star-dark mb-5">
<div class="row"> <div class="row">
<div class="col-lg-4 ml-auto"> <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> <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>
<div class="col-lg-4 mr-auto"> <div class="col-lg-4 mr-auto">
<p class="lead">CTB Recorder allows you to record any public show on different cam sites. 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> <p class="lead">CTB Recorder allows you to record any public show on different cam sites. 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>
</div> </div>
<script> <script>
let cnt = 10; let cnt = 10;
function downloadCounter(uri) { function downloadCounter(uri) {
window.setTimeout(function() { window.setTimeout(function () {
if(cnt === 0) { if (cnt === 0) {
location.href = uri; location.href = uri;
} else { } else {
cnt--; cnt--;
@ -109,6 +121,7 @@
} }
}, 1000); }, 1000);
} }
function downloadFile(uri) { function downloadFile(uri) {
cnt = 10; cnt = 10;
$('#download-counter').show(); $('#download-counter').show();
@ -118,19 +131,22 @@
</script> </script>
<div class="row text-center"> <div class="row text-center">
<div class="col"> <div class="col">
<a id="download_windows" class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-win64-jre.zip');"> <a id="download_windows" class="btn btn-xl btn-outline-dark" href="#donate"
onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-win64-jre.zip');">
<i class="fa fa-windows mr-2"></i> <i class="fa fa-windows mr-2"></i>
Download for Windows! Download for Windows!
</a> </a>
</div> </div>
<div class="col"> <div class="col">
<a id="download_macos" class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-macos-jre.zip');"> <a id="download_macos" class="btn btn-xl btn-outline-dark" href="#donate"
onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-macos-jre.zip');">
<i class="fa fa-apple mr-2"></i> <i class="fa fa-apple mr-2"></i>
Download for macOS! Download for macOS!
</a> </a>
</div> </div>
<div class="col"> <div class="col">
<a id="download_linux" class="btn btn-xl btn-outline-dark" href="#donate" onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-linux-jre.zip');"> <a id="download_linux" class="btn btn-xl btn-outline-dark" href="#donate"
onclick="downloadFile('https://git.ctbrec.com/j62/ctbrec/releases/download/5.3.3/ctbrec-5.3.3-linux-jre.zip');">
<i class="fa fa-linux mr-2"></i> <i class="fa fa-linux mr-2"></i>
Download for Linux! Download for Linux!
</a> </a>
@ -147,8 +163,11 @@
<div class="col-lg-10 mx-auto text-center"> <div class="col-lg-10 mx-auto text-center">
<p id="download-counter" class="lead text-center" style="display:none"></p> <p id="download-counter" class="lead text-center" style="display:none"></p>
<p class="lead"> <p class="lead">
CTB Recorder is free and open source. (Originally created by 0xboobface). I'm a student and am helping with current development, hosting this site, git(source code repo) and more on servers I am providing for free in my spare time. CTB Recorder is free and open source. (Originally created by 0xboobface). I'm a student and am helping with
If you like the software or want to suggest a new feature, please consider buying me a coffee or two. Thanks! current development, hosting this site, git(source code repo) and more on servers I am providing for free 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> </p>
</div> </div>
</div> </div>
@ -156,37 +175,58 @@
<div class="col"> <div class="col">
<p class="lead"> <p class="lead">
<a href="https://buymeacoffee.com/j62ctbrec" target="_blank"> <a href="https://buymeacoffee.com/j62ctbrec" target="_blank">
<img src="img/buymeacoffee-round.png" alt="Buy a coffee" style="height: 160px; margin: 20px"/> <img src="img/buymeacoffee-round.png" alt="Buy a coffee" style="height: 160px; margin: 20px" />
</a><br/> </a><br />
<input type="button" value="Buy a coffee" <input type="button" value="Buy a coffee"
onclick="window.open('https://buymeacoffee.com/j62ctbrec','_blank')"> onclick="window.open('https://buymeacoffee.com/j62ctbrec','_blank')">
</p> </p>
</div> </div>
<div class="col"> <div class="col">
<p class="lead"> <p class="lead">
<a href="https://www.patreon.com/j62ctbrec" target="_blank"> <a href="https://www.patreon.com/j62ctbrec" target="_blank">
<img src="img/patreon-round.png" alt="Patreon" style="height: 160px; margin: 20px"/> <img src="img/patreon-round.png" alt="Patreon" style="height: 160px; margin: 20px" />
</a><br/> </a><br />
<input type="button" value="Patreon" <input type="button" value="Patreon" onclick="window.open('https://www.patreon.com/j62ctbrec','_blank')">
onclick="window.open('https://www.patreon.com/j62ctbrec','_blank')">
</p> </p>
</div> </div>
</div>
<br/><br/>
<div class="row text-center">
<div class="col"> <div class="col">
<p class="lead"> <p class="lead">
<a href="https://chaturbate.com/in/?track=default&amp;tour=LQps&amp;campaign=97mhH&amp;room=0xb00bface" target="_blank" title="If you buy tokens by using this button, Chaturbate will award me 20% of the tokens' value for sending you over. You get the full tokens and it doesn't cost you any more!"> <a href="https://chaturbate.com/in/?track=default&amp;tour=LQps&amp;campaign=97mhH&amp;room=0xb00bface"
<img src="img/token.png" alt="Buy Chaturbate tokens"/> target="_blank"
</a><br/> title="If you buy tokens by using this button, Chaturbate will award me 20% of the tokens' value for sending you over. You get the full tokens and it doesn't cost you any more!">
<img src="img/token.png" alt="Buy Chaturbate tokens" />
</a><br />
<input type="button" value="Buy tokens" <input type="button" value="Buy tokens"
onclick="window.open('https://chaturbate.com/in/?track=default&amp;tour=LQps&amp;campaign=97mhH&amp;room=0xb00bface','_blank')" onclick="window.open('https://chaturbate.com/in/?track=default&amp;tour=LQps&amp;campaign=97mhH&amp;room=0xb00bface','_blank')"
title="If you buy tokens by using this button, Chaturbate will award me 20% of the tokens' value for sending you over. You get the full tokens and it doesn't cost you any more!"> title="If you buy tokens by using this button, Chaturbate will award me 20% of the tokens' value for sending you over. You get the full tokens and it doesn't cost you any more!">
</p> </p>
</div> </div>
</div> </div>
<br>
<div class="row text-center">
<!-- Crypto Donation Section -->
<div id="crypto-donate" class="lead text-center">
<h3>Donate with Cryptocurrency</h3>
<p class="lead">Support us by donating with crypto. Thank you for your support!</p>
<ul class="list-unstyled">
<li><strong>BTC:</strong> bc1q7fvtkx8wklvd4zttsec7sfgxqh9zadk0x236lt</li>
<li><strong>ETH:</strong> 0x2e687A5628ff16c8f9624A914C1f727000089C3A</li>
<li><strong>Solana:</strong> Z5YwNPkLheSHuaSJjyHhg3L8UxjpJPt5WU6vu4hFsNR</li>
<li><strong>Monero:</strong>
47tjD1z63wu3FEnDCvWnFaRAZbpDKc3Ys1WCbgzvB2Gg8XbqU8bARpcCC37mWzuWBAeZPu2UGY4TAcYGhb6fptoTR8X9vjc</li>
</ul>
</div> </div>
</div>
</div>
</section> </section>
<!-- Screenshots Grid Section --> <!-- Screenshots Grid Section -->
@ -273,7 +313,8 @@
<div class="card"> <div class="card">
<div class="card-header" id="headingTwo"> <div class="card-header" id="headingTwo">
<h5 class="mb-0"> <h5 class="mb-0">
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> <button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse"
data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
What is a .ts file? What is a .ts file?
</button> </button>
</h5> </h5>
@ -282,8 +323,8 @@
<div class="card-body"> <div class="card-body">
A .ts file is a MPEG transport stream, which contains the video and A .ts file is a MPEG transport stream, which contains the video and
audio of the stream. If you want to convert a .ts file into mp4 audio of the stream. If you want to convert a .ts file into mp4
or mkv you can use a program like <a or mkv you can use a program like <a href="https://handbrake.fr/">Handbrake</a> or <a
href="https://handbrake.fr/">Handbrake</a> or <a href="http://avidemux.sourceforge.net/">Avidemux</a>. href="http://avidemux.sourceforge.net/">Avidemux</a>.
</div> </div>
</div> </div>
</div> </div>
@ -292,21 +333,27 @@
<div class="card"> <div class="card">
<div class="card-header" id="headingThree"> <div class="card-header" id="headingThree">
<h5 class="mb-0"> <h5 class="mb-0">
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse"
data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
How do I run the server? How do I run the server?
</button> </button>
</h5> </h5>
</div> </div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample"> <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body"> <div class="card-body">
The archive you downloaded contains a server.bat or server.sh, which can be used to start the server. On the first start, the server uses a default The archive you downloaded contains a server.bat or server.sh, which can be used to start the server.
configuration. Once you terminate the server by pressing <kbd><kbd>ctrl</kbd> + <kbd>c</kbd></kbd>, the config is stored in your user home.<br/> On the first start, the server uses a default
On Windows that is <code>C:\Users\{your user name}\AppData\Roaming\ctbrec\server.json</code><br/> configuration. Once you terminate the server by pressing <kbd><kbd>ctrl</kbd> + <kbd>c</kbd></kbd>,
On Linux it is <code>~/.config/ctbrec/server.json</code><br/> the config is stored in your user home.<br />
On macOS it is <code>/Users/{your user name}/Library/Preferences/ctbrec</code><br/> On Windows that is <code>C:\Users\{your user name}\AppData\Roaming\ctbrec\server.json</code><br />
You can open this file in a text editor and change it to your likings. You probably only want to change <code>httpPort</code> and <code>recordingsDir</code>. On Linux it is <code>~/.config/ctbrec/server.json</code><br />
Most of the other stuff is irrelevant since the server and CTB Recorder use the same config file format. On macOS it is <code>/Users/{your user name}/Library/Preferences/ctbrec</code><br />
When the server is running, you can connect to it with CTB Recorder by changing the setting "Record location" to "Remote". You can open this file in a text editor and change it to your likings. You probably only want to
change <code>httpPort</code> and <code>recordingsDir</code>.
Most of the other stuff is irrelevant since the server and CTB Recorder use the same config file
format.
When the server is running, you can connect to it with CTB Recorder by changing the setting "Record
location" to "Remote".
</div> </div>
</div> </div>
</div> </div>
@ -315,14 +362,16 @@
<div class="card"> <div class="card">
<div class="card-header" id="headingFour"> <div class="card-header" id="headingFour">
<h5 class="mb-0"> <h5 class="mb-0">
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> <button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse"
data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
What is the difference between the Windows download and Windows (no JRE)? What is the difference between the Windows download and Windows (no JRE)?
</button> </button>
</h5> </h5>
</div> </div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample"> <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="card-body"> <div class="card-body">
If you know what Java is and if you know, that you have Java installed, you can use the (no JRE) version. Otherwise you are better off using the If you know what Java is and if you know, that you have Java installed, you can use the (no JRE)
version. Otherwise you are better off using the
standard Windows download, because it comes with all necessary dependencies. standard Windows download, because it comes with all necessary dependencies.
</div> </div>
</div> </div>
@ -332,14 +381,16 @@
<div class="card"> <div class="card">
<div class="card-header" id="headingFive"> <div class="card-header" id="headingFive">
<h5 class="mb-0"> <h5 class="mb-0">
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> <button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse"
data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
I need help! I need help!
</button> </button>
</h5> </h5>
</div> </div>
<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample"> <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
<div class="card-body"> <div class="card-body">
Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new Issue</a>. Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new
Issue</a>.
</div> </div>
</div> </div>
</div> </div>
@ -348,14 +399,16 @@
<div class="card"> <div class="card">
<div class="card-header" id="headingSix"> <div class="card-header" id="headingSix">
<h5 class="mb-0"> <h5 class="mb-0">
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix"> <button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse"
data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
I have a suggestion for a new feature! I have a suggestion for a new feature!
</button> </button>
</h5> </h5>
</div> </div>
<div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordionExample"> <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordionExample">
<div class="card-body"> <div class="card-body">
Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new Issue</a>. Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new
Issue</a>.
</div> </div>
</div> </div>
</div> </div>
@ -364,14 +417,16 @@
<div class="card"> <div class="card">
<div class="card-header" id="headingSeven"> <div class="card-header" id="headingSeven">
<h5 class="mb-0"> <h5 class="mb-0">
<button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven"> <button class="btn btn-link text-dark collapsed" type="button" data-toggle="collapse"
data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
I found a bug! Where can I report it? I found a bug! Where can I report it?
</button> </button>
</h5> </h5>
</div> </div>
<div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordionExample"> <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordionExample">
<div class="card-body"> <div class="card-body">
Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new Issue</a>. Go to the project website and <a href="https://github.com/0xboobface/ctbrec/issues">create a new
Issue</a>.
</div> </div>
</div> </div>
</div> </div>
@ -389,7 +444,8 @@
<div class="row"> <div class="row">
<div class="col-lg-8 mx-auto text-center"> <div class="col-lg-8 mx-auto text-center">
<p class="lead"> <p class="lead">
CTB Recorder is free and open source. The source code is available on <a href="https://git.ctbrec.com/j62/ctbrec">CTBRec Gitea</a>. CTB Recorder is free and open source. The source code is available on <a
href="https://git.ctbrec.com/j62/ctbrec">CTBRec Gitea</a>.
</p> </p>
</div> </div>
</div> </div>
@ -475,7 +531,8 @@
<h2 class="text-secondary text-uppercase mb-0">Featured</h2> <h2 class="text-secondary text-uppercase mb-0">Featured</h2>
<hr class="star-dark mb-5"> <hr class="star-dark mb-5">
<img class="img-fluid mb-5" src="img/featured.jpg" alt=""> <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> <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="#"> <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
<i class="fa fa-close"></i> <i class="fa fa-close"></i>
Close</a> Close</a>
@ -497,7 +554,8 @@
<h2 class="text-secondary text-uppercase mb-0">Recording</h2> <h2 class="text-secondary text-uppercase mb-0">Recording</h2>
<hr class="star-dark mb-5"> <hr class="star-dark mb-5">
<img class="img-fluid mb-5" src="img/recording.png" alt=""> <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> <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="#"> <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
<i class="fa fa-close"></i> <i class="fa fa-close"></i>
Close</a> Close</a>
@ -519,7 +577,8 @@
<h2 class="text-secondary text-uppercase mb-0">Start a recording</h2> <h2 class="text-secondary text-uppercase mb-0">Start a recording</h2>
<hr class="star-dark mb-5"> <hr class="star-dark mb-5">
<img class="img-fluid mb-5" src="img/followed.jpg" alt=""> <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> <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="#"> <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
<i class="fa fa-close"></i> <i class="fa fa-close"></i>
Close</a> Close</a>
@ -563,7 +622,8 @@
<h2 class="text-secondary text-uppercase mb-0">Settings</h2> <h2 class="text-secondary text-uppercase mb-0">Settings</h2>
<hr class="star-dark mb-5"> <hr class="star-dark mb-5">
<img class="img-fluid mb-5" src="img/settings.png" alt=""> <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> <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="#"> <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
<i class="fa fa-close"></i> <i class="fa fa-close"></i>
Close</a> Close</a>
@ -616,15 +676,21 @@
$.ajax({ $.ajax({
type: 'GET', type: 'GET',
url: 'https://api.github.com/repos/0xboobface/ctbrec/releases' url: 'https://api.github.com/repos/0xboobface/ctbrec/releases'
}).done(function( releases ) { }).done(function (releases) {
let latest = releases[0]; let latest = releases[0];
let version = latest.tag_name; let version = latest.tag_name;
$('#download_windows').on('click', () => downloadFile('https://github.com/0xboobface/ctbrec/releases/download/'+version+'/ctbrec-'+version+'-win64-jre.zip')); $('#download_windows').on('click', () => downloadFile(
$('#download_macos').on('click', () => downloadFile('https://github.com/0xboobface/ctbrec/releases/download/'+version+'/ctbrec-'+version+'-macos-jre.zip')); 'https://github.com/0xboobface/ctbrec/releases/download/' + version + '/ctbrec-' + version +
$('#download_linux').on('click', () => downloadFile('https://github.com/0xboobface/ctbrec/releases/download/'+version+'/ctbrec-'+version+'-linux-jre.zip')); '-win64-jre.zip'));
$('#download_macos').on('click', () => downloadFile(
'https://github.com/0xboobface/ctbrec/releases/download/' + version + '/ctbrec-' + version +
'-macos-jre.zip'));
$('#download_linux').on('click', () => downloadFile(
'https://github.com/0xboobface/ctbrec/releases/download/' + version + '/ctbrec-' + version +
'-linux-jre.zip'));
}); });
</script> </script>
</body> </body>
</html> </html>