Untitled


<!--

    Wondering why you do not see HTML5 Boilerplate?

    Read http://JonathansCorner.com/faq/#boilerplate

-->
<html>
    <head>
<meta http-equiv='X-UA-Compatible' content='chrome=1' />
        <title>Liturgical clock</title>
        <style type='text/css'>
            a
                {
                color: gold;
                text-decoration: none;
                }
            body
                {
                background-image: url(/protected/PrivateMenu/greenmenubackground.jpg);
                color: white;
                font-family: Verdana, sans;
                font-size: larger;
                }
            #clock
                {
                stroke: black;
                stroke-linecap: round;
                fill: #eeeeff;
                }
            #face
                {
                stroke-width: 3px;
                }
            #hourhand
                {
                stroke-width: 5px;
                }
            #minutehand
                {
                stroke-width: 3px;
                }
            #numbers
                {
                font-family: sans-serif;
                font-size: 7pt;
                font-weight: bold;
                text-anchor: middle;
                stroke: none;
                fill: black;
                }
            #ticks
                {
                stroke-width: 2px;
                }
            p#liturgical
                {
                margin-bottom: 0;
                margin-top: 0;
                }
            p#official
                {
                }
            p#prayer
                {
                margin-bottom: 0;
                }
            span.now
                {
                font-size: 3em;
                }
        </style>
    </head>
    <body>
        <p name='official' id='official'>Time coming...</p>
        <p name='liturgical' id='liturgical'><a name='liturgical_link'
          id='liturgical_link' target='_blank'
          href='/clock/combined.cgi'>Time
          coming...</a></p>
        <!--
        <script
        src='http://www.gmodules.com/ig/ifr?url=http://static.die.net/moon/gadget.xml&amp;up_size=medium&amp;up_info=1&amp;up_date=0&amp;synd=open&amp;w=320&amp;h=170&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js'></script>
        -->
        <svg id='wallclock' viewbox='0 0 100 100' width='500' height='500'>
            <defs>
                <filter id='shadow' x='-50%' y='-50%' width='200%'
                height='200%'>
                    <feGaussianBlur in='SourceAlpha' stdDeviation='1'
                    result='blur' />
                    <feOffset in='blur' dx='1' dy='1' result='shadow'>
                    <feMerge>
                        <feMergeNode in='SourceGraphic' />
                        <feMergeNode in='shadow'>
                    </feMerge>
                </filter>
            </defs>
            <circle id='face' cx='50' cy='50' r='45' />
            <g id='ticks'>
                <line x1='50.00' y1='5.00' x2='50.00' y2='10.00' />
                <line x1='72.50' y1='11.03' x2='70.00' y2='15.36' />
                <line x1='88.97' y1='27.50' x2='84.64' y2='30.00' />
                <line x1='95.00' y1='50.00' x2='90.00' y2='50.00' />
                <line x1='88.97' y1='72.50' x2='84.64' y2='70.00' />
                <line x1='72.50' y1='88.97' x2='70.00' y2='84.64' />
                <line x1='50.00' y1='95.00' x2='50.00' y2='90.00' />
                <line x1='27.50' y1='88.97' x2='30.00' y2='84.64' />
                <line x1='11.03' y1='72.50' x2='15.36' y2='70.00' />
                <line x1='5.00' y1='50.00' x2='10.00' y2='50.00' />
                <line x1='11.03' y1='11.03' x2='30.00' y2='15.36' />
            </g>
            <g id='numbers'>
                <text x='50' y='18'>12</text>
                <text x='85' y='53'>3</text>
                <text x='50' y='88'>6</text>
                <text x='15' y='53'>9</text>
            </g>
            <g id='hands' filter='url(#shadow)'>
                <line id='hourhand' x1='50' y1='50' x2='50' y2='24' />
                <line id='minutehand' x1='50' y1='50' x2='50' y2='20' />
            </g>
        </svg>
        <noscript><strong><p>You will need JavaScript to use this
        clock.</strong></p></noscript>
        <script language='JavaScript' src='clock.js'>// --></script>
    </body>
</html>