Exhibit/Template HTML Page

From SIMILE Widgets
Jump to: navigation, search

You can just copy the following HTML code into a text editor and save it as an .html file. Then create a .js data file (named my-data.js in the code but any other name would do).

    <html>
    <head>
        <title>My Exhibit's Title</title>

        <link href="my-data.js" type="application/json" rel="exhibit/data" />

        <script src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js"
            type="text/javascript"></script>

        <style>
            /* Override styles here */
        </style>
    </head> 
    <body>
    <table width="100%">
        <tr valign="top">
            <td width="25%">
                <!-- facets:
                    
                    <div ex:role="facet" ex:expression=".property"></div>
                -->
            </td>
            <td>
                <div ex:role="view"></div>
            </td>
        </tr>
    </table>
    </body>
    </html>

This is the XHTML version if you want to go standard:

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xml:lang="en" lang="en"
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ex="http://simile.mit.edu/2006/11/exhibit#">
    <head>
        <title>My Exhibit's Title</title>

        <link href="my-data.js" type="application/json" rel="exhibit/data" />

        <script src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js"
            type="text/javascript"></script>

        <style>
            /* Override styles here */
        </style>
    </head> 
    <body>
    <table width="100%">
        <tr valign="top">
            <td width="25%">
                <!-- facets:
                    
                    <div ex:role="facet" ex:expression=".property"></div>
                -->
            </td>
            <td>
                <div ex:role="view"></div>
            </td>
        </tr>
    </table>
    </body>
    </html>
Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox