Quickly aggregate 4 different web pages into one?

szboardstretcher · 07-09-2014, 02:10 PM

I have 4 'monit' web pages that I would like to turn into one single page.

Is there a utility, chrome plugin or command to do so? Suggestions?

Even if i have to run a cron job to grab the sites then generate the html into another directory...

schneidz · 07-09-2014, 02:20 PM

i would cat them all together and then delete/re-add the headers where necessary.

szboardstretcher · 07-09-2014, 02:48 PM

Thats a good idea. I'm surprised, in my searching, that I haven't found something that does this cleanly and automagically.

szboardstretcher · 07-11-2014, 09:35 AM

Ended up using some HTML and CSS to do it. Thanks to my friend WM for writing it.

Code:

<html>
<head>
<title>Speed dial</title>
<style type="text/css">
.divtile
{
	width: 25%;
	height: 50%;
	clear: none;
	float: right;
}

.tile
{
	width: 200%;
	height: 200%;
	transform: scale(0.5, 0.5);
	transform-origin: top left;
	-webkit-transform: scale(0.5, 0.5);
	-webkit-transform-origin: top left;
}
</style>
</head>
<body>
	<div class="divtile"><iframe class="tile" src="http://google.com"></iframe></div>
	<div class="divtile"><iframe class="tile" src="http://google.com"></iframe></div>
	<div class="divtile"><iframe class="tile" src="http://google.com"></iframe></div>
	<div class="divtile"><iframe class="tile" src="http://google.com"></iframe></div>
	<div style="clear: both;"></div>
	<div class="divtile"><iframe class="tile" src="http://google.com"></iframe></div>
	<div class="divtile"><iframe class="tile" src="http://google.com"></iframe></div>
	<div class="divtile"><iframe class="tile" src="http://google.com"></iframe></div>
	<div class="divtile"><iframe class="tile" src="http://google.com"></iframe></div>
</body>
</html>