Last active
October 28, 2016 23:45
-
-
Save patrickisgreat/42580afd5e753e522a0b72e2289b0683 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<title>For Randy</title> | |
<style type="text/css"> | |
.column { | |
float: left; | |
width: 23%; | |
background: #ccc; | |
margin: 10px 1%; | |
padding: 1%; | |
} | |
.console-line | |
{ | |
font-family: monospace; | |
margin: 2px; | |
} | |
@media all and (max-width: 900px) { | |
content { | |
width: 48% | |
} | |
</style> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> | |
<script | |
src="https://code.jquery.com/jquery-3.1.1.min.js" | |
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" | |
crossorigin="anonymous"></script> | |
<script> | |
$(document).ready(function() { | |
let container = $('.container').contents(); | |
function makeColumnHeightsMatch(container) { | |
//build array of all column heights | |
let elementHeights = _.map(container, function(element) { | |
if ($(element).hasClass('column')) { | |
console.log(element); | |
return $(element).height(); | |
} else { | |
return 0; | |
} | |
}) | |
//get the height of the tallest column | |
let maxHeight = Math.max.apply(null, elementHeights); | |
//loop through the columns and true them up | |
_.each(container, function(element) { | |
if ($(element).hasClass('column')) { | |
$(element).height(maxHeight); | |
} | |
}); | |
} | |
makeColumnHeightsMatch(container); | |
$(window).resize(function() { | |
setTimeout(function(){ | |
makeColumnHeightsMatch(container); | |
}, 50); //small timeout helps older ie keep up | |
}); | |
}); | |
</script> | |
</head> | |
<body> | |
<section class="container"> | |
<content class="column"> | |
Bacon ipsum dolor amet pork boudin spare ribs, shank doner burgdoggen kevin cupim chuck beef ribs pork chop pastrami leberkas beef. Filet mignon short ribs chuck boudin biltong meatloaf ball tip fatback swine short loin. Filet mignon kielbasa pork belly sausage short loin pork loin andouille doner. Pork loin tenderloin ground round andouille. Fatback prosciutto tenderloin chicken, alcatra burgdoggen sausage pastrami meatball pig ham hock bresaola filet mignon tail salami. Chicken alcatra porchetta pork loin, beef ribs pancetta shank t-bone shoulder tenderloin tri-tip turkey sirloin beef frankfurter. | |
</content> | |
<content class="column"> | |
Chicken picanha hamburger andouille. Brisket ham pig turkey. Porchetta shoulder ground round, pork loin brisket sausage boudin pork belly spare ribs tenderloin burgdoggen strip steak bacon venison leberkas. Turkey picanha salami tail landjaeger, cupim t-bone beef ribs shankle. Tail t-bone pig beef ribs, pancetta meatball doner. Ribeye bresaola brisket turkey, salami tongue beef beef ribs turducken pork loin filet mignon tenderloin pancetta. | |
</content> | |
<content class="column"> | |
Beef ribs pork chop pancetta ribeye pig bacon chicken filet mignon burgdoggen pork belly ham flank ball tip biltong cupim. Boudin turkey spare ribs short ribs ball tip rump pig prosciutto t-bone hamburger ribeye pork tri-tip pancetta. Landjaeger pastrami shank picanha. Doner tail beef ribs, swine jerky tri-tip bacon ball tip meatloaf ham pork loin prosciutto. Sausage pork belly kevin pork loin ham beef ribs andouille filet mignon. Rump swine picanha andouille beef. Burgdoggen sausage cupim bacon sirloin. | |
</content> | |
<content class="column"> | |
Jowl porchetta spare ribs drumstick frankfurter. Frankfurter tail picanha, rump pig ham hock meatloaf biltong. Andouille pork ham hock, short ribs burgdoggen pork loin bresaola cow tail. Pork belly chuck pork chop ribeye rump venison drumstick meatball cow flank cupim short ribs spare ribs landjaeger kevin. Ground round flank pork chop landjaeger burgdoggen kevin venison frankfurter. Sirloin pig short ribs, picanha shankle chicken biltong t-bone. | |
<content> | |
<content class="column"> | |
Meatloaf pork loin corned beef frankfurter. Turducken ribeye beef, biltong cupim t-bone landjaeger chuck drumstick. T-bone pork short loin venison spare ribs, kevin shoulder filet mignon landjaeger swine cupim jerky. Alcatra pork belly corned beef short loin, pig hamburger turkey doner fatback jerky tongue meatloaf prosciutto. Sirloin boudin jerky beef corned beef. Leberkas pig rump tenderloin, ham hock sausage ham beef corned beef pork loin. Beef pastrami meatloaf shank, alcatra hamburger sirloin pancetta tenderloin chuck. | |
</content> | |
</section> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment