ThomasThoren/.block

## .block
height: 1000

## README.md

      
    Raw
  

              README.md
            
          
    An example of how to use ai2html to take SVG graphics at different sizes and export to PNG and HTML files. This is an optional step that follows my previous block about how to make this map using command line tools and D3.
Both of the blocks are modeled after this map by the New York Times.
Note that in order for bl.ocks.org to display the correct file, I've renamed index.html as snippet.html and index.preview.html as index.html.
Depending on what device you're using, you might need to click the "Open" link to see this without the iframe cutting off the bottom.
Visit this block's Gist page to download the associated Adobe Illustrator file. See the ai2html page for installation instructions and how to get Illustrator set up.

  
## afghanistan.png

      
    Raw
  

              afghanistan.png
            
          
## index-medium.png

      
    Raw
  

              index-medium.png
            
          
## index-small.png

      
    Raw
  

              index-small.png
            
          
## index-template.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{headline}}</title>
</head>

<body>
  <h1>{{headline}}</h1>

  <div>
    <p>
      {{leadin}}
    </p>
    <div>
      {{ai2htmlPartial}}
    </div>
  </div>

</body>
</html>

## index-wide.png

      
    Raw
  

              index-wide.png
            
          
## index.ai

      
    Raw
  

              index.ai
            
          
      This file has been truncated, but you can view the full file.
    

            View raw
        
    
## index.html

      
    Raw
  

              index.html
            
          
            View raw
              (Sorry about that, but we can’t show files that are this big right now.)
        
    
## resizer-script.js

      
    Raw
  

              resizer-script.js
            
          
            View raw
              (Sorry about that, but we can’t show files that are this big right now.)
        
    
## snippet.html

      
    Raw
  

              snippet.html
            
          
            View raw
              (Sorry about that, but we can’t show files that are this big right now.)
        
    
## thumbnail.png

      
    Raw
  

              thumbnail.png
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>{{headline}}</title>
	</head>

	<body>
	<h1>{{headline}}</h1>

	<div>
	<p>
	{{leadin}}
	</p>
	<div>
	{{ai2htmlPartial}}
	</div>
	</div>

	</body>
	</html>