mirror of
https://github.com/middleman/middleman.git
synced 2022-11-09 12:20:27 -05:00
314 lines
13 KiB
Text
314 lines
13 KiB
Text
<% content_for :head do %>
|
|
<title>The Middleman!</title>
|
|
<% end %>
|
|
|
|
<h2>Image url:</h2>
|
|
<img src="<%= image_path('100px.jpg') %>" srcset="<%= image_path('100px.jpg') %> 1x, <%= image_path('200px.jpg') %> 2x, <%= image_path('300px.jpg') %> 3x">
|
|
<%= image_tag('100px.jpg?test') %>
|
|
<%= image_tag('100px.jpg?#test') %>
|
|
<%= image_tag('100px.jpg#test') %>
|
|
|
|
<h2>Ignored path:</h2>
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
|
|
|
<h2>Autogenerated tests:</h2>
|
|
<p>images/100px.jpg</p>
|
|
<p>/images/100px.jpg</p>
|
|
<p>../images/100px.jpg</p>
|
|
<p>../../images/100px.jpg</p>
|
|
<p>../../../images/100px.jpg</p>
|
|
<p>http://example.com/images/100px.jpg</p>
|
|
<p>aimages/100px.jpga</p>
|
|
<p>1images/100px.jpg1</p>
|
|
<p>.images/100px.jpg.</p>
|
|
<p>-images/100px.jpg-</p>
|
|
<p>_images/100px.jpg_</p>
|
|
<p>'images/100px.jpg'</p>
|
|
<p>'/images/100px.jpg'</p>
|
|
<p>'../images/100px.jpg'</p>
|
|
<p>'../../images/100px.jpg'</p>
|
|
<p>'../../../images/100px.jpg'</p>
|
|
<p>'http://example.com/images/100px.jpg'</p>
|
|
<p>'aimages/100px.jpga'</p>
|
|
<p>'1images/100px.jpg1'</p>
|
|
<p>'.images/100px.jpg.'</p>
|
|
<p>'-images/100px.jpg-'</p>
|
|
<p>'_images/100px.jpg_'</p>
|
|
<p>"images/100px.jpg"</p>
|
|
<p>"/images/100px.jpg"</p>
|
|
<p>"../images/100px.jpg"</p>
|
|
<p>"../../images/100px.jpg"</p>
|
|
<p>"../../../images/100px.jpg"</p>
|
|
<p>"http://example.com/images/100px.jpg"</p>
|
|
<p>"aimages/100px.jpga"</p>
|
|
<p>"1images/100px.jpg1"</p>
|
|
<p>".images/100px.jpg."</p>
|
|
<p>"-images/100px.jpg-"</p>
|
|
<p>"_images/100px.jpg_"</p>
|
|
<p><img src=images/100px.jpg /></p>
|
|
<p><img src=/images/100px.jpg /></p>
|
|
<p><img src=../images/100px.jpg /></p>
|
|
<p><img src=../../images/100px.jpg /></p>
|
|
<p><img src=../../../images/100px.jpg /></p>
|
|
<p><img src=http://example.com/images/100px.jpg /></p>
|
|
<p><img src=aimages/100px.jpga /></p>
|
|
<p><img src=1images/100px.jpg1 /></p>
|
|
<p><img src=.images/100px.jpg. /></p>
|
|
<p><img src=-images/100px.jpg- /></p>
|
|
<p><img src=_images/100px.jpg_ /></p>
|
|
<p><img src='images/100px.jpg' /></p>
|
|
<p><img src='/images/100px.jpg' /></p>
|
|
<p><img src='../images/100px.jpg' /></p>
|
|
<p><img src='../../images/100px.jpg' /></p>
|
|
<p><img src='../../../images/100px.jpg' /></p>
|
|
<p><img src='http://example.com/images/100px.jpg' /></p>
|
|
<p><img src='aimages/100px.jpga' /></p>
|
|
<p><img src='1images/100px.jpg1' /></p>
|
|
<p><img src='.images/100px.jpg.' /></p>
|
|
<p><img src='-images/100px.jpg-' /></p>
|
|
<p><img src='_images/100px.jpg_' /></p>
|
|
<p><img src="images/100px.jpg" /></p>
|
|
<p><img src="/images/100px.jpg" /></p>
|
|
<p><img src="../images/100px.jpg" /></p>
|
|
<p><img src="../../images/100px.jpg" /></p>
|
|
<p><img src="../../../images/100px.jpg" /></p>
|
|
<p><img src="http://example.com/images/100px.jpg" /></p>
|
|
<p><img src="aimages/100px.jpga" /></p>
|
|
<p><img src="1images/100px.jpg1" /></p>
|
|
<p><img src=".images/100px.jpg." /></p>
|
|
<p><img src="-images/100px.jpg-" /></p>
|
|
<p><img src="_images/100px.jpg_" /></p>
|
|
<p>background-image:url(images/100px.jpg);</p>
|
|
<p>background-image:url(/images/100px.jpg);</p>
|
|
<p>background-image:url(../images/100px.jpg);</p>
|
|
<p>background-image:url(../../images/100px.jpg);</p>
|
|
<p>background-image:url(../../../images/100px.jpg);</p>
|
|
<p>background-image:url(http://example.com/images/100px.jpg);</p>
|
|
<p>background-image:url(aimages/100px.jpga);</p>
|
|
<p>background-image:url(1images/100px.jpg1);</p>
|
|
<p>background-image:url(.images/100px.jpg.);</p>
|
|
<p>background-image:url(-images/100px.jpg-);</p>
|
|
<p>background-image:url(_images/100px.jpg_);</p>
|
|
<p>background-image:url('images/100px.jpg');</p>
|
|
<p>background-image:url('/images/100px.jpg');</p>
|
|
<p>background-image:url('../images/100px.jpg');</p>
|
|
<p>background-image:url('../../images/100px.jpg');</p>
|
|
<p>background-image:url('../../../images/100px.jpg');</p>
|
|
<p>background-image:url('http://example.com/images/100px.jpg');</p>
|
|
<p>background-image:url('aimages/100px.jpga');</p>
|
|
<p>background-image:url('1images/100px.jpg1');</p>
|
|
<p>background-image:url('.images/100px.jpg.');</p>
|
|
<p>background-image:url('-images/100px.jpg-');</p>
|
|
<p>background-image:url('_images/100px.jpg_');</p>
|
|
<p>background-image:url("images/100px.jpg");</p>
|
|
<p>background-image:url("/images/100px.jpg");</p>
|
|
<p>background-image:url("../images/100px.jpg");</p>
|
|
<p>background-image:url("../../images/100px.jpg");</p>
|
|
<p>background-image:url("../../../images/100px.jpg");</p>
|
|
<p>background-image:url("http://example.com/images/100px.jpg");</p>
|
|
<p>background-image:url("aimages/100px.jpga");</p>
|
|
<p>background-image:url("1images/100px.jpg1");</p>
|
|
<p>background-image:url(".images/100px.jpg.");</p>
|
|
<p>background-image:url("-images/100px.jpg-");</p>
|
|
<p>background-image:url("_images/100px.jpg_");</p>
|
|
<br /><br /><br />
|
|
<p>images/100px.png</p>
|
|
<p>/images/100px.png</p>
|
|
<p>../images/100px.png</p>
|
|
<p>../../images/100px.png</p>
|
|
<p>../../../images/100px.png</p>
|
|
<p>http://example.com/images/100px.png</p>
|
|
<p>aimages/100px.pnga</p>
|
|
<p>1images/100px.png1</p>
|
|
<p>.images/100px.png.</p>
|
|
<p>-images/100px.png-</p>
|
|
<p>_images/100px.png_</p>
|
|
<p>'images/100px.png'</p>
|
|
<p>'/images/100px.png'</p>
|
|
<p>'../images/100px.png'</p>
|
|
<p>'../../images/100px.png'</p>
|
|
<p>'../../../images/100px.png'</p>
|
|
<p>'http://example.com/images/100px.png'</p>
|
|
<p>'aimages/100px.pnga'</p>
|
|
<p>'1images/100px.png1'</p>
|
|
<p>'.images/100px.png.'</p>
|
|
<p>'-images/100px.png-'</p>
|
|
<p>'_images/100px.png_'</p>
|
|
<p>"images/100px.png"</p>
|
|
<p>"/images/100px.png"</p>
|
|
<p>"../images/100px.png"</p>
|
|
<p>"../../images/100px.png"</p>
|
|
<p>"../../../images/100px.png"</p>
|
|
<p>"http://example.com/images/100px.png"</p>
|
|
<p>"aimages/100px.pnga"</p>
|
|
<p>"1images/100px.png1"</p>
|
|
<p>".images/100px.png."</p>
|
|
<p>"-images/100px.png-"</p>
|
|
<p>"_images/100px.png_"</p>
|
|
<p><img src=images/100px.png /></p>
|
|
<p><img src=/images/100px.png /></p>
|
|
<p><img src=../images/100px.png /></p>
|
|
<p><img src=../../images/100px.png /></p>
|
|
<p><img src=../../../images/100px.png /></p>
|
|
<p><img src=http://example.com/images/100px.png /></p>
|
|
<p><img src=aimages/100px.pnga /></p>
|
|
<p><img src=1images/100px.png1 /></p>
|
|
<p><img src=.images/100px.png. /></p>
|
|
<p><img src=-images/100px.png- /></p>
|
|
<p><img src=_images/100px.png_ /></p>
|
|
<p><img src='images/100px.png' /></p>
|
|
<p><img src='/images/100px.png' /></p>
|
|
<p><img src='../images/100px.png' /></p>
|
|
<p><img src='../../images/100px.png' /></p>
|
|
<p><img src='../../../images/100px.png' /></p>
|
|
<p><img src='http://example.com/images/100px.png' /></p>
|
|
<p><img src='aimages/100px.pnga' /></p>
|
|
<p><img src='1images/100px.png1' /></p>
|
|
<p><img src='.images/100px.png.' /></p>
|
|
<p><img src='-images/100px.png-' /></p>
|
|
<p><img src='_images/100px.png_' /></p>
|
|
<p><img src="images/100px.png" /></p>
|
|
<p><img src="/images/100px.png" /></p>
|
|
<p><img src="../images/100px.png" /></p>
|
|
<p><img src="../../images/100px.png" /></p>
|
|
<p><img src="../../../images/100px.png" /></p>
|
|
<p><img src="http://example.com/images/100px.png" /></p>
|
|
<p><img src="aimages/100px.pnga" /></p>
|
|
<p><img src="1images/100px.png1" /></p>
|
|
<p><img src=".images/100px.png." /></p>
|
|
<p><img src="-images/100px.png-" /></p>
|
|
<p><img src="_images/100px.png_" /></p>
|
|
<p>background-image:url(images/100px.png);</p>
|
|
<p>background-image:url(/images/100px.png);</p>
|
|
<p>background-image:url(../images/100px.png);</p>
|
|
<p>background-image:url(../../images/100px.png);</p>
|
|
<p>background-image:url(../../../images/100px.png);</p>
|
|
<p>background-image:url(http://example.com/images/100px.png);</p>
|
|
<p>background-image:url(aimages/100px.pnga);</p>
|
|
<p>background-image:url(1images/100px.png1);</p>
|
|
<p>background-image:url(.images/100px.png.);</p>
|
|
<p>background-image:url(-images/100px.png-);</p>
|
|
<p>background-image:url(_images/100px.png_);</p>
|
|
<p>background-image:url('images/100px.png');</p>
|
|
<p>background-image:url('/images/100px.png');</p>
|
|
<p>background-image:url('../images/100px.png');</p>
|
|
<p>background-image:url('../../images/100px.png');</p>
|
|
<p>background-image:url('../../../images/100px.png');</p>
|
|
<p>background-image:url('http://example.com/images/100px.png');</p>
|
|
<p>background-image:url('aimages/100px.pnga');</p>
|
|
<p>background-image:url('1images/100px.png1');</p>
|
|
<p>background-image:url('.images/100px.png.');</p>
|
|
<p>background-image:url('-images/100px.png-');</p>
|
|
<p>background-image:url('_images/100px.png_');</p>
|
|
<p>background-image:url("images/100px.png");</p>
|
|
<p>background-image:url("/images/100px.png");</p>
|
|
<p>background-image:url("../images/100px.png");</p>
|
|
<p>background-image:url("../../images/100px.png");</p>
|
|
<p>background-image:url("../../../images/100px.png");</p>
|
|
<p>background-image:url("http://example.com/images/100px.png");</p>
|
|
<p>background-image:url("aimages/100px.pnga");</p>
|
|
<p>background-image:url("1images/100px.png1");</p>
|
|
<p>background-image:url(".images/100px.png.");</p>
|
|
<p>background-image:url("-images/100px.png-");</p>
|
|
<p>background-image:url("_images/100px.png_");</p>
|
|
<br /><br /><br />
|
|
<p>images/100px.gif</p>
|
|
<p>/images/100px.gif</p>
|
|
<p>../images/100px.gif</p>
|
|
<p>../../images/100px.gif</p>
|
|
<p>../../../images/100px.gif</p>
|
|
<p>http://example.com/images/100px.gif</p>
|
|
<p>aimages/100px.gifa</p>
|
|
<p>1images/100px.gif1</p>
|
|
<p>.images/100px.gif.</p>
|
|
<p>-images/100px.gif-</p>
|
|
<p>_images/100px.gif_</p>
|
|
<p>'images/100px.gif'</p>
|
|
<p>'/images/100px.gif'</p>
|
|
<p>'../images/100px.gif'</p>
|
|
<p>'../../images/100px.gif'</p>
|
|
<p>'../../../images/100px.gif'</p>
|
|
<p>'http://example.com/images/100px.gif'</p>
|
|
<p>'aimages/100px.gifa'</p>
|
|
<p>'1images/100px.gif1'</p>
|
|
<p>'.images/100px.gif.'</p>
|
|
<p>'-images/100px.gif-'</p>
|
|
<p>'_images/100px.gif_'</p>
|
|
<p>"images/100px.gif"</p>
|
|
<p>"/images/100px.gif"</p>
|
|
<p>"../images/100px.gif"</p>
|
|
<p>"../../images/100px.gif"</p>
|
|
<p>"../../../images/100px.gif"</p>
|
|
<p>"http://example.com/images/100px.gif"</p>
|
|
<p>"aimages/100px.gifa"</p>
|
|
<p>"1images/100px.gif1"</p>
|
|
<p>".images/100px.gif."</p>
|
|
<p>"-images/100px.gif-"</p>
|
|
<p>"_images/100px.gif_"</p>
|
|
<p><img src=images/100px.gif /></p>
|
|
<p><img src=/images/100px.gif /></p>
|
|
<p><img src=../images/100px.gif /></p>
|
|
<p><img src=../../images/100px.gif /></p>
|
|
<p><img src=../../../images/100px.gif /></p>
|
|
<p><img src=http://example.com/images/100px.gif /></p>
|
|
<p><img src=aimages/100px.gifa /></p>
|
|
<p><img src=1images/100px.gif1 /></p>
|
|
<p><img src=.images/100px.gif. /></p>
|
|
<p><img src=-images/100px.gif- /></p>
|
|
<p><img src=_images/100px.gif_ /></p>
|
|
<p><img src='images/100px.gif' /></p>
|
|
<p><img src='/images/100px.gif' /></p>
|
|
<p><img src='../images/100px.gif' /></p>
|
|
<p><img src='../../images/100px.gif' /></p>
|
|
<p><img src='../../../images/100px.gif' /></p>
|
|
<p><img src='http://example.com/images/100px.gif' /></p>
|
|
<p><img src='aimages/100px.gifa' /></p>
|
|
<p><img src='1images/100px.gif1' /></p>
|
|
<p><img src='.images/100px.gif.' /></p>
|
|
<p><img src='-images/100px.gif-' /></p>
|
|
<p><img src='_images/100px.gif_' /></p>
|
|
<p><img src="images/100px.gif" /></p>
|
|
<p><img src="/images/100px.gif" /></p>
|
|
<p><img src="../images/100px.gif" /></p>
|
|
<p><img src="../../images/100px.gif" /></p>
|
|
<p><img src="../../../images/100px.gif" /></p>
|
|
<p><img src="http://example.com/images/100px.gif" /></p>
|
|
<p><img src="aimages/100px.gifa" /></p>
|
|
<p><img src="1images/100px.gif1" /></p>
|
|
<p><img src=".images/100px.gif." /></p>
|
|
<p><img src="-images/100px.gif-" /></p>
|
|
<p><img src="_images/100px.gif_" /></p>
|
|
<p>background-image:url(images/100px.gif);</p>
|
|
<p>background-image:url(/images/100px.gif);</p>
|
|
<p>background-image:url(../images/100px.gif);</p>
|
|
<p>background-image:url(../../images/100px.gif);</p>
|
|
<p>background-image:url(../../../images/100px.gif);</p>
|
|
<p>background-image:url(http://example.com/images/100px.gif);</p>
|
|
<p>background-image:url(aimages/100px.gifa);</p>
|
|
<p>background-image:url(1images/100px.gif1);</p>
|
|
<p>background-image:url(.images/100px.gif.);</p>
|
|
<p>background-image:url(-images/100px.gif-);</p>
|
|
<p>background-image:url(_images/100px.gif_);</p>
|
|
<p>background-image:url('images/100px.gif');</p>
|
|
<p>background-image:url('/images/100px.gif');</p>
|
|
<p>background-image:url('../images/100px.gif');</p>
|
|
<p>background-image:url('../../images/100px.gif');</p>
|
|
<p>background-image:url('../../../images/100px.gif');</p>
|
|
<p>background-image:url('http://example.com/images/100px.gif');</p>
|
|
<p>background-image:url('aimages/100px.gifa');</p>
|
|
<p>background-image:url('1images/100px.gif1');</p>
|
|
<p>background-image:url('.images/100px.gif.');</p>
|
|
<p>background-image:url('-images/100px.gif-');</p>
|
|
<p>background-image:url('_images/100px.gif_');</p>
|
|
<p>background-image:url("images/100px.gif");</p>
|
|
<p>background-image:url("/images/100px.gif");</p>
|
|
<p>background-image:url("../images/100px.gif");</p>
|
|
<p>background-image:url("../../images/100px.gif");</p>
|
|
<p>background-image:url("../../../images/100px.gif");</p>
|
|
<p>background-image:url("http://example.com/images/100px.gif");</p>
|
|
<p>background-image:url("aimages/100px.gifa");</p>
|
|
<p>background-image:url("1images/100px.gif1");</p>
|
|
<p>background-image:url(".images/100px.gif.");</p>
|
|
<p>background-image:url("-images/100px.gif-");</p>
|
|
<p>background-image:url("_images/100px.gif_");</p>
|
|
<br /><br /><br />
|