tools/templates/Thumbnails.md

Summary

Maintainability
Test Coverage
# Thumbnails

The demo application uses a set of thumbnails to denote available modes, colorings and materials.
If you decide to update the thumbnails, here are the instructions.

## Display Modes

![Different Display Modes of 1CRN](Thumbnails_Modes.png)

 1. Use the following URL Query String to see 1CRN file from the fixed viewpoint. 

        ?l=1CRN&p=empty&r=0&m=CA&s=not+water&c=UN!color:16777215&mt=SF&v=1RItUwIGVn8D2KNy/pgq3Pe3rBr9ylu8/IBn2vw==&fogFarFactor=0.6&fogNearFactor=0&axes=false&fxaa=false&ao=true&debug.ssaoKernelRadius=0.9&debug.ssaoFactor=1

 2. Select the desired mode. Use high resolution and switch off Ambient Occlusion for surface modes.
 3. Open the terminal window and take a 512 × 512 screenshot.
 
        screenshot 512

 4. Resize the file to 96 × 96 pixels using Lanczos2 filter (sharper).
    Alternatively, apply Unsharp Mask filter.
    
 5. Save the file to `demo/images/mode/XX.png` using two-letter Mode ID as a file name.

## Colorings

![Different Colorings of 1AID](Thumbnails_Colorers.png)


 1. Use the following URL Query String to see 1AID file from the fixed viewpoint. 

        ?l=mmtf:1AID&r=0&m=VW&s=not+water&c=CF&v=18KeRwuF6IsJGtmPAs%2B8XPZrOGD9xy0I/ku/APQ==&fogFarFactor=0.4&fogNearFactor=0&axes=false&fxaa=false&ao=true

 2. Select the desired coloring.
 3. Open the terminal window and take a 512 × 512 screenshot.
 
        screenshot 512

 4. Resize the file to 96 × 96 pixels using Lanczos2 filter (sharper).
    Alternatively, apply Unsharp Mask filter.
    
 5. Save the file to `demo/images/colorer/XX.png` using two-letter Colorer ID as a file name.

## Materials

![Different Materials for 1CRN](Thumbnails_Materials.png)


 1. Use the following URL Query String to see 1CRN file from the fixed viewpoint. 

        ?l=1CRN&p=empty&r=0&m=LC&s=not+water&c=EL&r=1&m=SE&s=not+water&c=EL&mt=SF&v=1RItUwIGVn8D2KNy/pgq3Pe3rBr9ylu8/IBn2vw==&fogFarFactor=0.6&fogNearFactor=0&resolution=high&axes=false&fxaa=false&ao=false&debug.ssaoKernelRadius=0.9&debug.ssaoFactor=1

 2. Select the desired coloring.
 3. Open the terminal window and take a 512 × 512 screenshot.
 
        screenshot 512

 4. Resize the file to 96 × 96 pixels using Lanczos2 filter (sharper).
    Alternatively, apply Unsharp Mask filter.
    
 5. Save the file to `demo/images/material/XX.png` using two-letter Material ID as a file name.

## Palettes

 1. Use the following URL Query String to see Glycine from the fixed viewpoint. 

        ?l=mmtf:1CRN&p=macro&s=sequence+22:34&r=1&s=sequence+2:3&v=1bjwPwW3%2BQsFuFMbA1kUQPpO4Wj8/v1K/zsjhPg%3D%3D&bg.color=0xCCCCCC&axes=false&fog=false


 2. Select the desired palette.
 3. Open the terminal window and take a 512 × 512 screenshot.
 
        screenshot 512

 4. Resize the file to 96 × 96 pixels using Lanczos2 filter (sharper).
    Alternatively, apply Unsharp Mask filter.
    
 5. Save the file to `demo/images/palette/XX.png` using two-letter Palette ID as a file name.