Merge pull request #265 from amiaopensource/bye-bootstrap

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

File diff suppressed because one or more lines are too long

View File

@ -1,5 +1,6 @@
html, body {
line-height: 1.5;
font-size: 16px;
color: #888888;
background-color: #060606;
margin: 0;
@ -23,6 +24,7 @@ html, body {
.content {
grid-area: content;
max-width: 900px;
}
.sidebar {
@ -109,6 +111,10 @@ h3 {
}
code {
padding: 2px 4px;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
word-break: break-all;
word-wrap: break-word;
}
@ -146,17 +152,27 @@ div {
background-color: #383838;
padding: 14px;
font-family: "Montserrat";
font-size: 1.2em;
font-weight: bold;
letter-spacing: 0.1em;
letter-spacing: 0.05em;
border: 1px solid black;
width: 100%;
cursor: pointer;
position: relative;
padding-left: 2.8em;
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 {
background-color: #449d44;
}
@ -188,7 +204,6 @@ div {
.codeblock {
font-family: monospace
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
@ -201,3 +216,30 @@ div {
.footnote {
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

File diff suppressed because it is too large Load Diff

6
js/bootstrap.min.js vendored

File diff suppressed because one or more lines are too long

View File

@ -1,24 +1,20 @@
$(document).ready(function() {
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
// open recipe window if a hash is found in URL
if(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);
$(id + " .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').empty();
$(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
$('span[data-toggle="collapse"]').on("click", function(){
id = $(this).attr("data-target");
window.location.hash = id
$(id + " .link").empty();
$(id + " .link").append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
$('label[class="recipe"]').on("click", function(){
id = $(this).attr("for");
window.location.hash = ('#' + id)
$('#' + id).closest('div').find('.link').empty();
$('#' + id).closest('div').find('.link').append("<small>Link to this command: <a href="+window.location.href+">"+window.location.href+"</a></small>");
});
});