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

removes reliance on bootstrap; moves necessary code to css/js

Browse Source
This commit is contained in:
Ashley Blewer 2017-10-18 16:02:04 -04:00
parent c552ffe699
commit 48a51a6f6a
5 changed files with 2056 additions and 1963 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

40
css/css.css
View File

@ -1,5 +1,6 @@
html, body { html, body {
line-height: 1.5; line-height: 1.5;
font-size: 16px;
color: #888888; color: #888888;
background-color: #060606; background-color: #060606;
margin: 0; margin: 0;
@ -109,6 +110,10 @@ h3 {
} }
code { code {
padding: 2px 4px;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
word-break: break-all; word-break: break-all;
word-wrap: break-word; word-wrap: break-word;
} }
@ -146,17 +151,20 @@ div {
background-color: #383838; background-color: #383838;
padding: 14px; padding: 14px;
font-family: "Montserrat"; font-family: "Montserrat";
font-size: 1.2em;
font-weight: bold; font-weight: bold;
letter-spacing: 0.1em; letter-spacing: 0.1em;
border: 1px solid black; border: 1px solid black;
width: 100%;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
padding-left: 2.8em; padding-left: 2.8em;
transition: all .5s ease-out; transition: all .5s ease-out;
} }
.recipe {
display: block;
width: 90%;
}
.recipe:hover, .contents-list:hover { .recipe:hover, .contents-list:hover {
background-color: #449d44; background-color: #449d44;
} }
@ -188,7 +196,6 @@ div {
.codeblock { .codeblock {
font-family: monospace font-family: monospace
padding: 2px 4px; padding: 2px 4px;
font-size: 90%;
color: #c7254e; color: #c7254e;
background-color: #f9f2f4; background-color: #f9f2f4;
border-radius: 4px; border-radius: 4px;
@ -201,3 +208,30 @@ div {
.footnote { .footnote {
font-size: 90%; font-size: 90%;
} }
.well {
padding: 1em;
margin-bottom: 0.5em;
background-color: #151515;
border: 1px solid #030303;
border-radius: 8px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.hiding {
opacity: 0;
height: 0;
overflow: hidden;
}
input {
position: absolute;
left: -999em
}
input[type=checkbox]:checked + div {
opacity: 1;
height: auto;
overflow: hidden;
transition: opacity .5s linear, height .5s linear;
}

3952
index.html
View File

File diff suppressed because it is too large Load Diff

6
js/bootstrap.min.js vendored
View File

File diff suppressed because one or more lines are too long

14
js/js.js
View File

@ -1,21 +1,17 @@
$(document).ready(function() { $(document).ready(function() {
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
// open recipe window if a hash is found in URL // open recipe window if a hash is found in URL
if(window.location.hash) { if(window.location.hash) {
id = window.location.hash id = window.location.hash.substring(1)
$(id).collapse('show'); document.getElementById(id).checked = true;
$('html, body').animate({ scrollTop: $(id).offset().top}, 1000); $('html, body').animate({ scrollTop: $(window.location.hash).offset().top}, 1000);
$(id + " .link").empty(); $(id + " .link").empty();
$(id + " .link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>"); $(id + " .link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
} }
// add hash URL when recipe is opened // add hash URL when recipe is opened
$('span[data-toggle="collapse"]').on("click", function(){ $('label[class="recipe"]').on("click", function(){
id = $(this).attr("data-target"); id = $(this).attr("for");
window.location.hash = id window.location.hash = id
$(id + " .link").empty(); $(id + " .link").empty();
$(id + " .link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>"); $(id + " .link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");