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

Merge pull request #265 from amiaopensource/bye-bootstrap

Browse Source 
removes reliance on bootstrap; moves necessary code to css/js
This commit is contained in:
Ashley 2017-10-19 13:16:52 -04:00 committed by GitHub
commit 35a217c20b
5 changed files with 2052 additions and 1955 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

52
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;
@ -23,6 +24,7 @@ html, body {
.content { .content {
grid-area: content; grid-area: content;
max-width: 900px;
} }
.sidebar { .sidebar {
@ -109,6 +111,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 +152,27 @@ div {
background-color: #383838; background-color: #383838;
padding: 14px; padding: 14px;
font-family: "Montserrat"; font-family: "Montserrat";
font-size: 1.2em; letter-spacing: 0.05em;
font-weight: bold;
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;
} }
.contents-list {
font-size: 0.9em;
}
nav .heading {
word-break: normal;
}
.recipe {
display: block;
width: 90%;
}
.recipe:hover, .contents-list:hover { .recipe:hover, .contents-list:hover {
background-color: #449d44; background-color: #449d44;
} }
@ -188,7 +204,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 +216,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;
}

3922
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

20
js/js.js
View File

@ -1,24 +1,20 @@
$(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
$(id).collapse('show'); document.getElementById(id.substring(1)).checked = true;
$('html, body').animate({ scrollTop: $(id).offset().top}, 1000); $('html, body').animate({ scrollTop: $(id).offset().top}, 1000);
$(id + " .link").empty(); $(id).closest('div').find('.link').empty();
$(id + " .link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>"); $(id).closest('div').find('.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).closest('div').find('.link').empty();
$(id + " .link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>"); $('#' + id).closest('div').find('.link').append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
}); });
}); });