Skip to content

Instantly share code, notes, and snippets.

@jeffreycwitt

jeffreycwitt/image-line-tiles-generator

Created May 19, 2019 16:20
Show Gist options
  • Save jeffreycwitt/e95145c837488536d4802ee74b851353 to your computer and use it in GitHub Desktop.
Save jeffreycwitt/e95145c837488536d4802ee74b851353 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
image-line-tiles-generator
for i in {1..144}
do y=$((i * 5))
echo "<img src=\"http://127.0.0.1:8182/iiif/2/demo.jpg/0,$y,724,5/full/0/default.jpg\"/><div class='break'></div>"
done > out.txt
# change 144 to indicate how many lines you want
# change 5 to indicate the interval that you want the "top" to move
# add the output to a basic html page
create something like this:
<html>
<head>
<style type="text/css">
.break{
min-height: 2px;
}
</style>
</head>
<body>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,5,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,10,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,15,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,20,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,25,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,30,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,35,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,40,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,45,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,50,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,55,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,60,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,65,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,70,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,75,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,80,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,85,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,90,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,95,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,100,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,105,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,110,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,115,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,120,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,125,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,130,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,135,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,140,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,145,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,150,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,155,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,160,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,165,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,170,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,175,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,180,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,185,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,190,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,195,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,200,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,205,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,210,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,215,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,220,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,225,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,230,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,235,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,240,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,245,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,250,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,255,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,260,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,265,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,270,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,275,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,280,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,285,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,290,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,295,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,300,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,305,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,310,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,315,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,320,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,325,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,330,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,335,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,340,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,345,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,350,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,355,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,360,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,365,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,370,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,375,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,380,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,385,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,390,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,395,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,400,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,405,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,410,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,415,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,420,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,425,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,430,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,435,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,440,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,445,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,450,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,455,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,460,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,465,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,470,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,475,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,480,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,485,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,490,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,495,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,500,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,505,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,510,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,515,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,520,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,525,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,530,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,535,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,540,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,545,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,550,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,555,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,560,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,565,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,570,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,575,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,580,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,585,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,590,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,595,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,600,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,605,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,610,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,615,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,620,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,625,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,630,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,635,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,640,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,645,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,650,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,655,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,660,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,665,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,670,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,675,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,680,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,685,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,690,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,695,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,700,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,705,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,710,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,715,724,5/pct:50/0/default.jpg"/><div class='break'></div>
<img src="http://127.0.0.1:8182/iiif/2/demo.jpg/0,720,724,5/pct:50/0/default.jpg"/><div class='break'></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment