mirror/ffmprovisr
1
0
Fork 0
mirror of https://github.com/amiaopensource/ffmprovisr.git synced 2025-01-26 09:55:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

a chill scroll

Browse Source
This commit is contained in:
ablwr 2015-03-21 00:15:06 -04:00
parent 9c7eff8d72
commit c31dd57436
3 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/css.css
View File

@ -2,6 +2,12 @@ h1,h2,h3,h4,h5,h6 {
font-family: 'Montserrat', sans-serif;
}
h1 {
letter-spacing:8px;
font-size:86px;
line-height:120px;
}
div {
/*font-family: 'Ubuntu', sans-serif;*/
font-family: 'Sanchez', serif;

9
index.html
View File

@ -27,16 +27,16 @@
<!-- BUTTONS! -->
<div class="row">
<div class="well col-md-4 col-md-offset-0">
<div class="well col-md-3 col-md-offset-0">
<br>
<h4>Making FFmpeg easier</h4>
<h5>Making FFmpeg easier</h5>
<p>FFmpeg is a powerful framework for manipulating audiovisual files. Unfortunately, it also has a steep learning curve, especially for users unfamiliar with the command line. This app helps users through the bash command generation process so that more people can reap the benefits of the FFmpeg library. </p>
<p>This project is very much a work in progress. Each button displays a form to help fulfill a popular user request. To use, click on the button and fill out the form. After clicking the Generate button, a command line will appear in the box below. That line can be copied and pasted into a Terminal, with the assumption that the video file is located in the same directory that the user currently is in.</p>
<p>For FFmpeg basics, check out their <a href="https://www.ffmpeg.org/">official website.</a></p>
<p>For bash and command line basics, try the <a href="http://cli.learncodethehardway.org/book/">Command Line Crash Course</a></p>
</div>
<div class="well col-md-6 col-md-offset-1">
<div class="well col-md-6 col-md-offset-2">
<h3>What do you want to do?</h3>
<h5>Select from the following.</h5>
<span id="show_display_info"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Displays information about a media file">Display Info</button></span>
@ -56,7 +56,6 @@
</div> <!-- row -->
<!-- FORMS!-->
<div id="formloader">
<div class="display_info" style="display:none;">
<div id="file_names">
@ -339,7 +338,7 @@
</div> <!-- container -->
<div class="footer">
<div class="footer text-center">
<p>Made with ♥ by <a href="http://www.ashleyblewer.com">Ashley Blewer</a></p>
</div>
</body>

15
js/forms.js
View File

@ -1,13 +1,3 @@
function showMore(){
document.getElementById('more').style.display = 'none';
document.getElementById('less').style.display = 'block';
}
function showLess(){
document.getElementById('more').style.display = 'block';
document.getElementById('less').style.display = 'none';
}
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
@ -15,12 +5,15 @@ $(function () {
$(document).ready(function() {
$( ".reload" ).click(function() {
location.reload();
window.location.href.reload();
});
$( "#show_display_info" ).click(function() {
$( "#formloader > div" ).hide();
$( ".display_info" ).show();
$('html,body').animate({
scrollTop: $("#formloader").offset().top},
'slow');
});
$( "#show_web" ).click(function() {