Created
October 10, 2014 18:28
-
-
Save naeluh/bc2c7b5f7536da332158 to your computer and use it in GitHub Desktop.
Golf Course working new reserve run // source http://jsbin.com/waduxu/15
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML> | |
| <html lang="en-gb" dir="ltr" data-config='{"twitter":0,"plusone":0,"facebook":0,"style":"121"}'> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <base href="" /> | |
| <meta name="keywords" content="Reserve Run - Poland, OH" /> | |
| <meta name="author" content="1-2-1 Development" /> | |
| <meta name="description" content="working new reserve run" /> | |
| <title>Golf Course</title> | |
| <link href="http://www.reserverungolf.com/templates/yoo_nite/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/calendar-f9c0ec5c.css" type="text/css" /> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/front-bbe39b0d.css" type="text/css" /> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/widgetkit-a10109fa-396675c0.css" type="text/css" /> | |
| <link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css"> | |
| <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'> | |
| <script src="http://www.reserverungolf.com/cache/template/mootools-core-44597f25.js" type="text/javascript"></script> | |
| <script src="http://www.reserverungolf.com/cache/template/core-d43efc4b.js" type="text/javascript"></script> | |
| <script src="http://www.reserverungolf.com/cache/template/caption-f6315696.js" type="text/javascript"></script> | |
| <script src="http://www.reserverungolf.com/cache/template/script-01b6afb1.js" type="text/javascript"></script> | |
| <script src="http://www.reserverungolf.com/cache/template/jquery-6add9a0c.js" type="text/javascript"></script> | |
| <script src="http://hulea.org/bones/widgetkit-a5ae2da7-2681291c.js" type="text/javascript"></script> | |
| <script type="text/javascript"> | |
| window.addEvent('load', function() { | |
| new JCaption('img.caption'); | |
| }); | |
| </script> | |
| <link rel="apple-touch-icon-precomposed" href="http://www.reserverungolf.com/templates/yoo_nite/apple_touch_icon.png"> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/theme-ffd0dabe.css"> | |
| <script src="http://www.reserverungolf.com/cache/template/theme-ee96686b.js"></script> | |
| <link href='http://fonts.googleapis.com/css?family=Rufina:400,700' rel='stylesheet' type='text/css'> | |
| <link href="../netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> | |
| <meta name="google-site-verification" content="" /> | |
| <script src="http://d19f655061aacf3d944b-31672e88ffa6478039e94d7b09f1f706.r22.cf5.rackcdn.com/fit.js"></script> | |
| <style id="jsbin-css"> | |
| /*mobile preloader*/ | |
| .loader { | |
| margin: 28% auto; | |
| font-size: 25px; | |
| width: 1em; | |
| height: 1em; | |
| border-radius: 50%; | |
| position: relative; | |
| text-indent: -9999em; | |
| -webkit-animation: load5 1.1s infinite ease; | |
| animation: load5 1.1s infinite ease; | |
| } | |
| @-webkit-keyframes load5 { | |
| 0%, | |
| 100% { | |
| box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); | |
| } | |
| 12.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); | |
| } | |
| 25% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 37.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 50% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 62.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 75% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 87.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; | |
| } | |
| } | |
| @keyframes load5 { | |
| 0%, | |
| 100% { | |
| box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); | |
| } | |
| 12.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); | |
| } | |
| 25% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 37.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 50% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 62.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 75% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 87.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; | |
| } | |
| } | |
| /*mobile preloader*/ | |
| /*Content*/ | |
| #mainContent { | |
| /* margin: 0% 9% 10% 9%; */ | |
| z-index: 9999; | |
| } | |
| #topContent { | |
| position: relative; | |
| width:100%; | |
| height:50px; | |
| } | |
| #midContent { | |
| position: relative; | |
| } | |
| #botContent { | |
| margin:0 auto; | |
| width:100%; | |
| } | |
| .clear { | |
| clear:both; | |
| margin-bottom:3%; | |
| } | |
| .column_1_2 { | |
| width: 32%; | |
| /* float: right; */ | |
| position: absolute; | |
| bottom: 0; | |
| right: 0; | |
| height: 20px; | |
| } | |
| .column_1_4 { | |
| width: 40%; | |
| position: absolute; | |
| right: 0px; | |
| bottom: 0; | |
| } | |
| .dHide { | |
| display:none; | |
| } | |
| .mHide { | |
| display:block; | |
| } | |
| #mainContent img { | |
| width:100%; | |
| } | |
| #botContent > ul:nth-child(1) > li:nth-child(1) { | |
| color:#85BF25; | |
| } | |
| #botContent > ul:nth-child(2) > li:nth-child(1) { | |
| color:#85BF25; | |
| } | |
| #botContent > ul >li { | |
| float: left; | |
| margin-right: 1.95%; | |
| list-style: none; | |
| margin-bottom:1%; | |
| } | |
| #botContent > ul { | |
| margin: 0 auto; | |
| padding: 0; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-bottom:1%; | |
| } | |
| .numberCircle { | |
| behavior: url(PIE.htc); | |
| text-align: center; | |
| cursor:pointer; | |
| color:#000; | |
| } | |
| .inside_column { | |
| width: 100%; | |
| margin: 0; | |
| padding: 0; | |
| float: left; | |
| position: absolute; | |
| bottom: 0; | |
| } | |
| .parGreen { | |
| text-transform: uppercase; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-right: 3px; | |
| color:#85BF25; | |
| float:left; | |
| } | |
| #parDist { | |
| margin-left: 1%; | |
| vertical-align: bottom; | |
| display: inline-block; | |
| width:75%; | |
| line-height: 77%; | |
| } | |
| .parWhite { | |
| color: #000; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-right: 6px; | |
| float:left; | |
| } | |
| .currentHole { | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| color:#000; | |
| line-height: 65%; | |
| } | |
| .currentHole span { | |
| font-size: 19px; | |
| } | |
| #holeBlock { | |
| font-size: 50px; | |
| color: #000; | |
| line-height:0px; | |
| margin-bottom: 19px; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| } | |
| #holeNumber { | |
| vertical-align: bottom; | |
| display: inline-block; | |
| } | |
| #playButton { | |
| width: 0; | |
| height: 0; | |
| background-repeat: no-repeat; | |
| background-size: 95px; | |
| z-index: 9999; | |
| position:absolute; | |
| left: 50%; | |
| top: 50%; | |
| padding-top: 5%; | |
| padding-bottom: 5%; | |
| padding-left: 5%; | |
| overflow: hidden; | |
| -webkit-transform: translateY(-50%) translateX(-50%); | |
| -moz-transform: translateY(-50%) translateX(-50%); | |
| transform: translateY(-50%) translateX(-50%); | |
| cursor:pointer; | |
| } | |
| #playButton:after { | |
| content:""; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| margin-top:-500px; | |
| margin-left: -500px; | |
| border-top: 500px solid transparent; | |
| border-bottom: 500px solid transparent; | |
| border-left: 500px solid #ccc; | |
| } | |
| #videoWrapper { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| /* 16:9 */ | |
| padding-top: 25px; | |
| height: 0; | |
| } | |
| #videoWrapper img { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #mobileVidOverlay{ | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #videoWrapper iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .img { | |
| max-width:65px; | |
| float:right; | |
| } | |
| /*Content*/ | |
| /*Pager*/ | |
| #pager { | |
| bottom: 0; | |
| top: 0; | |
| right: -20px; | |
| left: 0; | |
| margin: auto; | |
| position: absolute; | |
| height: 55px; | |
| margin-left: -20px; | |
| } | |
| #next, #prev { | |
| display: inline-block; | |
| font-size:4em; | |
| position: relative; | |
| text-decoration: none; | |
| z-index: 1; | |
| } | |
| #next, #prev { | |
| padding: 0.5em 0em | |
| } | |
| #next { | |
| text-align: right | |
| } | |
| #next:before, #next:after, #prev:before, #prev:after { | |
| background:#ddd; | |
| content:""; | |
| display: block; | |
| height: 0.3em; | |
| position: absolute; | |
| right: 0; | |
| top: 50%; | |
| width: 0.8em; | |
| } | |
| #prev:before, #prev:after { | |
| left: 0 | |
| } | |
| #next:before, #prev:before { | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| } | |
| #next:after, #prev:after { | |
| -moz-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| -o-transform: rotate(-45deg); | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| } | |
| #prev:after, #next:before { | |
| margin-top: -.36em | |
| } | |
| #next:hover, #next:focus, #prev:hover, #prev:focus { | |
| color: #c00 | |
| } | |
| #next:hover:before, #next:hover:after, #next:focus:before, #next:focus:after, #prev:hover:before, #prev:hover:after, #prev:focus:before, #prev:focus:after { | |
| background: #85BF25; | |
| } | |
| .pager-n { | |
| position: absolute; | |
| right:0; | |
| } | |
| /*Pager*/ | |
| /*Table*/ | |
| .rt { | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| width: 100%; | |
| font-size: 0.75em; | |
| /*12*/ | |
| line-height: 1.25em; | |
| /*15*/ | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| .rt th, .rt td { | |
| margin: 0; | |
| padding: 0.4166em; | |
| /*10*/ | |
| vertical-align: top; | |
| border: 1px solid #babcbf; | |
| background:#fff; | |
| color:#000; | |
| text-transform:uppercase; | |
| text-align:center; | |
| font-weight:bold; | |
| } | |
| .rt th { | |
| text-align: left; | |
| background: #85BF25; | |
| color:#000; | |
| text-transform:uppercase; | |
| text-align:center; | |
| } | |
| .tLink { | |
| color:#000000; | |
| text-decoration:none; | |
| cursor:pointer; | |
| } | |
| /*Table*/ | |
| /*Media Queries*/ | |
| @media only screen and (max-width : 320px) { | |
| #botContent > ul:nth-child(1) > li:nth-child(1) { | |
| font-size:9px; | |
| } | |
| #botContent > ul:nth-child(2) > li:nth-child(1) { | |
| font-size:9px; | |
| } | |
| .mHide { | |
| display:none; | |
| } | |
| .dHide { | |
| display:block; | |
| } | |
| .img { | |
| max-width:52px; | |
| } | |
| #topContent { | |
| font-size:11px !important; | |
| } | |
| } | |
| @media only screen and (max-width : 450px) { | |
| } | |
| @media only screen and (max-width: 768px) { | |
| /*640*/ | |
| #rt1 { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| } | |
| #rt1 thead { | |
| display: block; | |
| float: left; | |
| } | |
| #rt1 tbody { | |
| display: block; | |
| width: auto; | |
| position: relative; | |
| overflow-x: auto; | |
| white-space: nowrap; | |
| } | |
| #rt1 thead tr { | |
| display: block; | |
| } | |
| #rt1 th { | |
| display: block; | |
| } | |
| #rt1 tbody tr { | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| #rt1 td { | |
| display: block; | |
| min-height: 1.25em; | |
| } | |
| #rt2 { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| } | |
| #rt2 thead { | |
| display: block; | |
| float: left; | |
| } | |
| #rt2 tbody { | |
| display: -webkit-box; | |
| overflow-x: auto; | |
| } | |
| #rt2 th, #rt2 tr, #rt2 td { | |
| display: block; | |
| } | |
| /* sort out borders */ | |
| .rt th { | |
| padding: 0.4em 2.75em; | |
| border-bottom: 0; | |
| } | |
| .rt td { | |
| padding: 0.4em 3.49em; | |
| border-left: 0; | |
| border-right: 0; | |
| border-bottom: 0; | |
| } | |
| .rt tbody tr { | |
| border-right: 1px solid #babcbf; | |
| } | |
| .rt th:last-child, .rt td:last-child { | |
| border-bottom: 1px solid #babcbf; | |
| } | |
| } | |
| /*Media Queries*/ | |
| </style> | |
| </head> | |
| <body class="tm-isblog"> | |
| <div class="tm-toolbar uk-clearfix"> | |
| <div class="uk-container uk-container-center"> | |
| <div class="uk-panel uk-panel-blank"> | |
| <div id="top-info"> | |
| <div class="top-address"><img src="http://www.reserverungolf.com/images/buttons/icon_map.png" alt="icon map" style="float: left;" height="18" width="11" />625 E Western Reserve Rd<br /><span>Poland, Ohio 44514</span></div> | |
| <div class="top-phone"><img src="http://www.reserverungolf.com/images/buttons/icon_phone.png" alt="icon phone" style="float: left;" height="20" width="7" /><span>Call Us Today:</span><br />(330) 758-1017</div> | |
| </div> | |
| <div id="top-buttons"><a id="button-bg" class="jcepopup noicon join-eclub" href="http://www.reserverungolf.com/signup">Email Signup</a><a id="button-bg" target="_blank" href="https://secure.east.prophetservices.com/ReserveRunGC">Book Tee Times</a></div> | |
| </div> | |
| </div> | |
| </div> | |
| <nav class="tm-navbar"> | |
| <div class="uk-container uk-container-center"> | |
| <div class="tm-navbar-center"> | |
| <div class="tm-nav-logo uk-hidden-small"> | |
| <a class="tm-logo uk-hidden-small" href="http://www.reserverungolf.com"> | |
| <div> <img src="http://www.reserverungolf.com/images/default/logo.png" width="190" height="189" alt="logo" /></div> | |
| </a> | |
| </div> | |
| <div class="tm-nav uk-hidden-small"> | |
| <div class="tm-nav-wrapper"> | |
| <ul class="uk-navbar-nav uk-hidden-small"> | |
| <li data-uk-dropdown="{}"><a href="http://www.reserverungolf.com/">Home</a></li> | |
| <li class="uk-parent uk-active" data-uk-dropdown="{}"> | |
| <a href="golf-course.html">Golf Course</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="https://secure.east.prophetservices.com/ReserveRunGC" target="_blank">Book Tee Times</a></li> | |
| <li class="uk-active"><a href="golf-course.html">Scorecard</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li data-uk-dropdown="{}"><a href="http://www.reserverungolf.com/rates">Rates</a></li> | |
| <li data-uk-dropdown="{}"><a href="http://www.reserverungolf.com/picture-gallery">Photo Gallery</a></li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/restaurant">Restaurant</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/restaurant">Another Round Bar & Grille</a></li> | |
| <li><a href="http://www.reserverungolf.com/restaurant/menu">Menu</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/events">Events</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/events">Request Outing Information</a></li> | |
| <li><a href="http://www.reserverungolf.com/events/events-calendar">Events Calendar</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/news-links">News</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/news-links">Newsletters</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/news-feeds">News Feeds</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/weblinks">Website Links</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/contact">Contact</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/contact">Contact Us</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/directions-map">Directions & Map</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/site-map">Site Map</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <a href="golf-course.html#offcanvas" class="uk-navbar-toggle uk-visible-small uk-vertical-align-middle" data-uk-offcanvas></a> | |
| <div class="uk-navbar-content uk-navbar-center uk-visible-small"> | |
| <a class="tm-logo-small" href="http://www.reserverungolf.com"> | |
| <div> <img src="http://www.reserverungolf.com/images/default/logo.png" width="190" height="189" alt="logo" /></div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <div class="tm-wrapper"> | |
| <div class="tm-block-top-a"> | |
| <div class="uk-container-center"> | |
| <section class="tm-top-a uk-grid" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin> | |
| <div class="uk-width-1-1"> | |
| <div class="uk-panel uk-panel-header"> | |
| <div id="slideshow-5-541cd54581194" class="wk-slideshow wk-slideshow-default" data-widgetkit="slideshow" data-options='{"style":"default","autoplay":1,"interval":5000,"width":"auto","height":"auto","duration":500,"index":0,"order":"default","navigation":0,"buttons":0,"slices":20,"animated":"fade","caption_animation_duration":500}'> | |
| <div> | |
| <ul class="slides"> | |
| <li> | |
| <article class="wk-content clearfix"> | |
| <div><img src="http://www.reserverungolf.com/images/banners/banner_sub_1.jpg" width="1995" height="315" alt="banner sub 1" style="display: block; margin-left: auto; margin-right: auto;" /></div> | |
| </article> | |
| </li> | |
| <li> | |
| <article class="wk-content clearfix"> | |
| <div><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="http://www.reserverungolf.com/images/banners/banner_sub_2.jpg" width="1995" height="315" alt="banner sub 2" style="display: block; margin-left: auto; margin-right: auto;" /></div> | |
| </article> | |
| </li> | |
| <li> | |
| <article class="wk-content clearfix"> | |
| <div><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="http://www.reserverungolf.com/images/banners/banner_sub_3.jpg" width="1995" height="315" alt="banner sub 3" style="display: block; margin-left: auto; margin-right: auto;" /></div> | |
| </article> | |
| </li> | |
| </ul> | |
| <div class="caption"></div> | |
| <ul class="captions"> | |
| <li></li> | |
| <li></li> | |
| <li></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| <div class="tm-block-top-main"> | |
| <div class="uk-container uk-container-center"> | |
| <div class="tm-middle uk-grid" data-uk-grid-match data-uk-grid-margin> | |
| <div class="tm-main uk-width-medium-1-1"> | |
| <main class="tm-content"> | |
| <div id="system-message-container"></div> | |
| <article class="uk-article" > | |
| <h1 class="uk-article-title"> | |
| Scorecard | |
| </h1> | |
| <div> | |
| <div> | |
| <div class="Center-Content" style="position:relative;"> | |
| <div id="preload" style="display:block;height:200px;"> | |
| <div id="loading" style="height: 50%;width: 50%;max-width: 16px;min-width: 16px;min-height: 16px;max-height: 16px;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;"> | |
| <img src="http://d19f655061aacf3d944b-31672e88ffa6478039e94d7b09f1f706.r22.cf5.rackcdn.com/4.GIF"> | |
| </div> | |
| </div> | |
| <div id="mainContent" style="display:none;"> | |
| <div id="topContent"> | |
| <div class="inside_column"> | |
| <div id="holeNumber"> | |
| <div class="currentHole"> | |
| <span>Hole</span> | |
| <h1 id="holeBlock">1</h1> | |
| </div> | |
| </div> | |
| <div id="parDist"> | |
| <div id="par"> | |
| <div id="parName" class="parGreen">PAR:</div> | |
| <div id="parNum" class="parWhite">5</div> | |
| </div> | |
| <div id="dist"> | |
| <div id="dis" class="parGreen">Dist:</div> | |
| <div id="t1" class="parWhite">504</div> | |
| <div id="t2" class="parWhite">491</div> | |
| <div id="t3" class="parWhite">458</div> | |
| <div id="t4" class="parWhite">441</div> | |
| </div> | |
| </div> | |
| <!--<div class="column_1_1 mHide"> | |
| <div class="img"> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png" alt="" title="" /> | |
| </div> | |
| </div>--> | |
| <div class="column_1_4 mHide"> | |
| <div class=""> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png"> | |
| </div> | |
| </div> | |
| <div class="column_1_2 dHide"> | |
| <!--<div class=""> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png"> | |
| </div>--> | |
| <div class=""> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png" alt="" title="" /> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="clear"></div> | |
| <div id="midContent"> | |
| <div id="pager" style=""> | |
| <div class="pager-n"> | |
| <div class="next"><a id="next" href="#"></a> | |
| </div> | |
| </div> | |
| <div class="pager-p"> | |
| <div class="prev"><a id="prev" href="#"></a> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="videoContainer"> | |
| <div id="videoWrapper"> | |
| <iframe id="video" src="http://www.youtube.com/embed/ZmIeI61hhsM?enablejsapi=1&rel=0&html5=1" frameborder="0" allowfullscreen=""></iframe> | |
| <div id="videoOverlay"> | |
| <div id="mobileVidOverlay"></div> | |
| <div id="playButton"></div> | |
| <img id="thumb" src="http://img.youtube.com/vi/ZmIeI61hhsM/hqdefault.jpg" alt="" title="" /> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="clear"></div> | |
| <div id="botContent"> | |
| <ul> | |
| <li>FRONT:</li> | |
| <li class="numberCircle">1</li> | |
| <li class="numberCircle">2</li> | |
| <li class="numberCircle">3</li> | |
| <li class="numberCircle">4</li> | |
| <li class="numberCircle">5</li> | |
| <li class="numberCircle">6</li> | |
| <li class="numberCircle">7</li> | |
| <li class="numberCircle">8</li> | |
| <li class="numberCircle">9</li> | |
| </ul> | |
| <ul> | |
| <li>BACK:</li> | |
| <li class="numberCircle">10</li> | |
| <li class="numberCircle">11</li> | |
| <li class="numberCircle">12</li> | |
| <li class="numberCircle">13</li> | |
| <li class="numberCircle">14</li> | |
| <li class="numberCircle">15</li> | |
| <li class="numberCircle">16</li> | |
| <li class="numberCircle">17</li> | |
| <li class="numberCircle">18</li> | |
| </ul> | |
| </div> | |
| <div class="clear"></div> | |
| <table id="rt1" class="rt cf"> | |
| <thead class="cf"> | |
| <tr> | |
| <th>hole</th> | |
| <th class="tLink">1</th> | |
| <th class="tLink">2</th> | |
| <th class="tLink">3</th> | |
| <th class="tLink">4</th> | |
| <th class="tLink">5</th> | |
| <th class="tLink">6</th> | |
| <th class="tLink">7</th> | |
| <th class="tLink">8</th> | |
| <th class="tLink">9</th> | |
| <th>out</th> | |
| <th class="tLink">10</th> | |
| <th class="tLink">11</th> | |
| <th class="tLink">13</th> | |
| <th class="tLink">12</th> | |
| <th class="tLink">14</th> | |
| <th class="tLink">15</th> | |
| <th class="tLink">16</th> | |
| <th class="tLink">17</th> | |
| <th class="tLink">18</th> | |
| <th>in</th> | |
| <th>total</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td style="color:black;background:#fff;font-weight:bold;">black</td> | |
| <td>504</td> | |
| <td>195</td> | |
| <td>408</td> | |
| <td>182</td> | |
| <td>343</td> | |
| <td>572</td> | |
| <td>375</td> | |
| <td>219</td> | |
| <td>364</td> | |
| <td>3162</td> | |
| <td>503</td> | |
| <td>195</td> | |
| <td>308</td> | |
| <td>373</td> | |
| <td>357</td> | |
| <td>136</td> | |
| <td>529</td> | |
| <td>169</td> | |
| <td>430</td> | |
| <td>3000</td> | |
| <td>3162</td> | |
| </tr> | |
| <tr> | |
| <td style="color:blue;background:#fff;font-weight:bold;">blue</td> | |
| <td>491</td> | |
| <td>171</td> | |
| <td>394</td> | |
| <td>166</td> | |
| <td>338</td> | |
| <td>554</td> | |
| <td>359</td> | |
| <td>201</td> | |
| <td>354</td> | |
| <td>3028</td> | |
| <td>490</td> | |
| <td>187</td> | |
| <td>303</td> | |
| <td>365</td> | |
| <td>343</td> | |
| <td>128</td> | |
| <td>518</td> | |
| <td>150</td> | |
| <td>421</td> | |
| <td>2905</td> | |
| <td>5933</td> | |
| </tr> | |
| <tr> | |
| <td style="font-weight:bold;">par</td> | |
| <td>5</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>5</td> | |
| <td>4</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>35</td> | |
| <td>5</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>4</td> | |
| <td>4</td> | |
| <td>3</td> | |
| <td>5</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>35</td> | |
| <td>70</td> | |
| </tr> | |
| <tr> | |
| <td style="font-weight:bold;">white</td> | |
| <td>458</td> | |
| <td>147</td> | |
| <td>368</td> | |
| <td>137</td> | |
| <td>313</td> | |
| <td>514</td> | |
| <td>313</td> | |
| <td>169</td> | |
| <td>327</td> | |
| <td>2746</td> | |
| <td>469</td> | |
| <td>168</td> | |
| <td>270</td> | |
| <td>330</td> | |
| <td>304</td> | |
| <td>121</td> | |
| <td>446</td> | |
| <td>142</td> | |
| <td>385</td> | |
| <td>2635</td> | |
| <td>5381</td> | |
| </tr> | |
| <tr> | |
| <td style="color:red;background:#fff;font-weight:bold;">red</td> | |
| <td>441</td> | |
| <td>130</td> | |
| <td>325</td> | |
| <td>120</td> | |
| <td>257</td> | |
| <td>444</td> | |
| <td>286</td> | |
| <td>101</td> | |
| <td>251</td> | |
| <td>2355</td> | |
| <td>400</td> | |
| <td>134</td> | |
| <td>251</td> | |
| <td>223</td> | |
| <td>234</td> | |
| <td>100</td> | |
| <td>406</td> | |
| <td>127</td> | |
| <td>275</td> | |
| <td>2150</td> | |
| <td>4505</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="clear"></div> | |
| <div class="clear" style="margin-bottom:10%;"></div> | |
| <!--<img src="http://www.reserverungolf.com/images/rr_scorecard.jpg" width="100%" height="NaN" alt="rr scorecard" style="max-width: 850px; border: 1px solid #000000; display: block; margin-left: auto; margin-right: auto;" />--> | |
| </div> | |
| <table border="0" style="width: 100%; height: 200px;" align="center" frame="below" rules="cols"> | |
| <tbody> | |
| <tr> | |
| <td style="width: 33%; text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Rated by Golf Digest 4 Star</td> | |
| <td style="width: 33%; text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Bent Grass Fairways</td> | |
| <td style="width: 33%; text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />U.S.G.A. Greens </td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />6 Scenic Water Holes</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Over 60 Bunkers & Moguls</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Multiple Tees</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Seniors Weekday w/cart $26</td> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Weekday w/cart $31</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Weekend w/cart $39</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Seniors Weekend w/cart $36</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />New Bar & Grille with Restaurant</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Cart Paths</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Patio for Outings</td> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Tee Times a year in advance</td> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Hotel packages available</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />60 minutes from Cleveland, OH </td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />50 minutes from the Pittsburgh Airport </td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />35 minutes from Cranberry, PA</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </article> | |
| </main> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tm-block-bottom-b"> | |
| <div class="uk-container uk-container-center"> | |
| <section class="tm-bottom-b uk-grid" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin> | |
| <div class="uk-width-1-1"> | |
| <div class="uk-panel uk-panel-box"> | |
| <ul class="uk-nav uk-nav-parent-icon uk-nav-side" data-uk-nav="{}"> | |
| <li><a href="http://www.reserverungolf.com/">Home</a></li> | |
| <li class="uk-active"><a href="golf-course.html">Golf Course</a></li> | |
| <li><a href="http://www.reserverungolf.com/rates">Rates</a></li> | |
| <li><a href="http://www.reserverungolf.com/picture-gallery">Photo Gallery</a></li> | |
| <li><a href="http://www.reserverungolf.com/restaurant">Restaurant</a></li> | |
| <li><a href="http://www.reserverungolf.com/events">Events</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links">News</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact">Contact</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| <div class="tm-block-footer"> | |
| <div class="uk-container uk-container-center"> | |
| <footer class="tm-footer tm-link-muted"> | |
| <div class="uk-panel"> | |
| <p style="text-align: center;">© 2014 Reserve Run Golf Course | 625 E Western Reserve Rd | Poland, OH 44514 | Tel: (330) 758-1017<br />Designed and Hosted by <a target="_blank" href="http://www.1-2-1marketing.com">1-2-1 Marketing</a></p> | |
| <div class="social_icons"><a href="https://www.facebook.com/ReserveRunGolfCourse" target="_blank"><img src="http://www.reserverungolf.com/images/buttons/footer_icon_fb.png" width="18" height="18" alt="icon fb" /></a></div> | |
| </div> | |
| </footer> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="offcanvas" class="uk-offcanvas"> | |
| <div class="uk-offcanvas-bar"> | |
| <ul class="uk-nav uk-nav-offcanvas"> | |
| <li><a href="http://www.reserverungolf.com/">Home</a></li> | |
| <li class="uk-parent uk-active"> | |
| <a href="golf-course.html">Golf Course</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="https://secure.east.prophetservices.com/ReserveRunGC" target="_blank">Book Tee Times</a></li> | |
| <li class="uk-active"><a href="golf-course.html">Scorecard</a></li> | |
| </ul> | |
| </li> | |
| <li><a href="http://www.reserverungolf.com/rates">Rates</a></li> | |
| <li><a href="http://www.reserverungolf.com/picture-gallery">Photo Gallery</a></li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/restaurant">Restaurant</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/restaurant">Another Round Bar & Grille</a></li> | |
| <li><a href="http://www.reserverungolf.com/restaurant/menu">Menu</a></li> | |
| </ul> | |
| </li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/events">Events</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/events">Request Outing Information</a></li> | |
| <li><a href="http://www.reserverungolf.com/events/events-calendar">Events Calendar</a></li> | |
| </ul> | |
| </li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/news-links">News</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/news-links">Newsletters</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/news-feeds">News Feeds</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/weblinks">Website Links</a></li> | |
| </ul> | |
| </li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/contact">Contact</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/contact">Contact Us</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/directions-map">Directions & Map</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/site-map">Site Map</a></li> | |
| </ul> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <script src="http://d19f655061aacf3d944b-31672e88ffa6478039e94d7b09f1f706.r22.cf5.rackcdn.com/css3-mediaqueries.js"></script> | |
| <script id="jsbin-javascript"> | |
| var tag = document.createElement("script"); | |
| tag.src = "//www.youtube.com/player_api"; | |
| var firstScriptTag = document.getElementsByTagName("script")[0]; | |
| firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); | |
| var o = document.getElementById("Modal"); | |
| var vidOverlay = document.getElementById("videoOverlay"); | |
| var mVidWrap = document.getElementById("mobileVidOverlay"); | |
| var vidWrap = document.getElementById("videoWrapper"); | |
| var playButton = document.getElementById("playButton"); | |
| var mid = document.getElementById("midContent"); | |
| var vid = document.getElementById("video"); | |
| var h = document.getElementById("holeBlock"); | |
| var n = document.getElementById("next"); | |
| var p = document.getElementById("prev"); | |
| var t = document.getElementById("thumb"); | |
| var main = document.getElementById("mainContent"); | |
| var preload = document.getElementById("preload"); | |
| var pager = document.getElementById("pager"); | |
| var tOne = document.getElementById("t1"); | |
| var tTwo = document.getElementById("t2"); | |
| var tThree = document.getElementById("t3"); | |
| var tFour = document.getElementById("t4"); | |
| var links = document.getElementsByTagName("a"); | |
| var par = document.getElementById("parNum"); | |
| var player; | |
| var value = isNaN(value) ? 1 : value; | |
| var playerIsReady = false; | |
| window.mobilecheck = function() { | |
| var check = false; | |
| (function(a) { | |
| if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|android|ipad|playbook|silk|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, | |
| 4))) { | |
| check = true; | |
| } | |
| })(navigator.userAgent || navigator.vendor || window.opera); | |
| return check; | |
| }; | |
| window.onYouTubePlayerAPIReady = function() { | |
| player = new YT.Player("video", {events:{"onReady":onPlayerReady, "onStateChange":onPlayerStateChange}}); | |
| }; | |
| function onPlayerReady(event) { | |
| main.style.display = "block"; | |
| preload.style.display = "none"; | |
| fitText(document.getElementById("botContent"), 2.47); | |
| fitText(document.getElementById("topContent"), 2.6); | |
| if (mobilecheck()) { | |
| playButton.addEventListener("click", function() { | |
| vidOverlay.style.display = "none"; | |
| pager.style.display = "none"; | |
| playerIsReady = true; | |
| }); | |
| } else { | |
| playButton.addEventListener("click", function() { | |
| vidOverlay.style.display = "none"; | |
| player.playVideo(); | |
| pager.style.display = "none"; | |
| }); | |
| } | |
| } | |
| function onPlayerStateChange(event) { | |
| if (event.data === 0) { | |
| pager.style.display = "block"; | |
| vidOverlay.style.display = "block"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| } | |
| } | |
| window.onload = function() { | |
| if (mobilecheck()) { | |
| mVidWrap.style.backgroundColor = "rgba(0,0,0,0.5)"; | |
| mVidWrap.style.zIndex = "0"; | |
| mVidWrap.innerHTML = "<div class='loader'></div>"; | |
| thumb.remove(); | |
| playButton.remove(); | |
| vid.src = "//www.youtube.com/embed/ZmIeI61hhsM?enablejsapi=1&rel=0&html5=1"; | |
| vid.onload = function() { | |
| vidOverlay.style.display = "none"; | |
| vidWrap.style.backgroundColor = "none"; | |
| }; | |
| } | |
| var data = [{"HoleNumber":"1", "TeeRow1":"504", "TeeRow2":"491", "Par":"5", "TeeRow3":"458", "TeeRow4":"441", "Source":"ZmIeI61hhsM"}, {"HoleNumber":"2", "TeeRow1":"195", "TeeRow2":"171", "Par":"3", "TeeRow3":"147", "TeeRow4":"130", "Source":"i9ETUrPLKdM"}, {"HoleNumber":"3", "TeeRow1":"408", "TeeRow2":"394", "Par":"4", "TeeRow3":"368", "TeeRow4":"325", "Source":"lUr3U_mgF8c"}, {"HoleNumber":"4", "TeeRow1":"182", "TeeRow2":"166", "Par":"3", "TeeRow3":"137", "TeeRow4":"120", "Source":"VgkJLKk5Smc"}, | |
| {"HoleNumber":"5", "TeeRow1":"343", "TeeRow2":"338", "Par":"4", "TeeRow3":"313", "TeeRow4":"257", "Source":"nWZDeeiU-uI"}, {"HoleNumber":"6", "TeeRow1":"572", "TeeRow2":"554", "Par":"5", "TeeRow3":"514", "TeeRow4":"444", "Source":"NqkzO7QM7z0"}, {"HoleNumber":"7", "TeeRow1":"375", "TeeRow2":"359", "Par":"4", "TeeRow3":"313", "TeeRow4":"286", "Source":"pqCZjR9KQ0o"}, {"HoleNumber":"8", "TeeRow1":"219", "TeeRow2":"201", "Par":"3", "TeeRow3":"169", "TeeRow4":"101", "Source":"kUJvrR8GTtM"}, {"HoleNumber":"9", | |
| "TeeRow1":"364", "TeeRow2":"354", "Par":"4", "TeeRow3":"327", "TeeRow4":"251", "Source":"hyMAwW_y6BI"}, {"HoleNumber":"10", "TeeRow1":"503", "TeeRow2":"490", "Par":"5", "TeeRow3":"469", "TeeRow4":"400", "Source":"ZD2KAo0nZVM"}, {"HoleNumber":"11", "TeeRow1":"195", "TeeRow2":"187", "Par":"3", "TeeRow3":"168", "TeeRow4":"134", "Source":"PliAr_qwHVE"}, {"HoleNumber":"12", "TeeRow1":"308", "TeeRow2":"303", "Par":"4", "TeeRow3":"270", "TeeRow4":"251", "Source":"hd6aMeyMQMk"}, {"HoleNumber":"13", "TeeRow1":"373", | |
| "TeeRow2":"365", "Par":"4", "TeeRow3":"330", "TeeRow4":"223", "Source":"aXw_cYrf6oc"}, {"HoleNumber":"14", "TeeRow1":"357", "TeeRow2":"343", "Par":"4", "TeeRow3":"304", "TeeRow4":"234", "Source":"jtFv-VsaNYI"}, {"HoleNumber":"15", "TeeRow1":"136", "TeeRow2":"128", "Par":"3", "TeeRow3":"121", "TeeRow4":"100", "Source":"LmUBF5jhjgE"}, {"HoleNumber":"16", "TeeRow1":"529", "TeeRow2":"518", "Par":"5", "TeeRow3":"446", "TeeRow4":"406", "Source":"0TC-5wNqdnk"}, {"HoleNumber":"17", "TeeRow1":"169", "TeeRow2":"150", | |
| "Par":"3", "TeeRow3":"142", "TeeRow4":"127", "Source":"gbzd4braRFE"}, {"HoleNumber":"18", "TeeRow1":"430", "TeeRow2":"421", "Par":"4", "TeeRow3":"385", "TeeRow4":"275", "Source":"ttywlWnEysQ"}]; | |
| function showNumber(ev) { | |
| ev.preventDefault(); | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| vidOverlay.style.display = "block"; | |
| pager.style.display = "block"; | |
| h.textContent = this.textContent; | |
| for (var i = data.length - 1;i >= 0;i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function next(ev) { | |
| ev.preventDefault(); | |
| vidOverlay.style.display = "block"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| pager.style.display = "block"; | |
| var hnuma = Number(h.textContent) + 1; | |
| h.textContent = hnuma; | |
| if (hnuma >= 19) { | |
| h.textContent = 1; | |
| } | |
| for (var i = data.length - 1;i >= 0;i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function prev(ev) { | |
| ev.preventDefault(); | |
| vidOverlay.style.display = "block"; | |
| pager.style.display = "block"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| var hnumb = Number(h.textContent) - 1; | |
| h.textContent = hnumb; | |
| if (hnumb <= 0) { | |
| h.textContent = 18; | |
| } | |
| for (var i = data.length - 1;i >= 0;i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function x(ev) { | |
| ev.preventDefault(); | |
| o.style.opacity = "0.0"; | |
| o.style.filter = "alpha(opacity=0)"; | |
| o.style.zIndex = "-1"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| return false; | |
| } | |
| Array.prototype.forEach.call(document.querySelectorAll(".tLink"), function(brr) { | |
| brr.addEventListener("click", showNumber); | |
| }); | |
| Array.prototype.forEach.call(document.querySelectorAll(".numberCircle"), function(arr) { | |
| arr.addEventListener("click", showNumber); | |
| }); | |
| n.addEventListener("click", next, false); | |
| p.addEventListener("click", prev, false); | |
| }; | |
| window.addEventListener('resize',function(){ | |
| fitText(document.getElementById("botContent"), 2.47); | |
| fitText(document.getElementById("topContent"), 2.6); | |
| }); | |
| window.addEventListener('orientationchange',function(){ | |
| fitText(document.getElementById("botContent"), 2.47); | |
| fitText(document.getElementById("topContent"), 2.6); | |
| }); | |
| </script> | |
| <script id="jsbin-source-html" type="text/html"><!DOCTYPE HTML> | |
| <html lang="en-gb" dir="ltr" data-config='{"twitter":0,"plusone":0,"facebook":0,"style":"121"}'> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <base href="" /> | |
| <meta name="keywords" content="Reserve Run - Poland, OH" /> | |
| <meta name="author" content="1-2-1 Development" /> | |
| <meta name="description" content="working new reserve run" /> | |
| <title>Golf Course</title> | |
| <link href="http://www.reserverungolf.com/templates/yoo_nite/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/calendar-f9c0ec5c.css" type="text/css" /> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/front-bbe39b0d.css" type="text/css" /> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/widgetkit-a10109fa-396675c0.css" type="text/css" /> | |
| <link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css"> | |
| <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'> | |
| <script src="http://www.reserverungolf.com/cache/template/mootools-core-44597f25.js" type="text/javascript"><\/script> | |
| <script src="http://www.reserverungolf.com/cache/template/core-d43efc4b.js" type="text/javascript"><\/script> | |
| <script src="http://www.reserverungolf.com/cache/template/caption-f6315696.js" type="text/javascript"><\/script> | |
| <script src="http://www.reserverungolf.com/cache/template/script-01b6afb1.js" type="text/javascript"><\/script> | |
| <script src="http://www.reserverungolf.com/cache/template/jquery-6add9a0c.js" type="text/javascript"><\/script> | |
| <script src="http://hulea.org/bones/widgetkit-a5ae2da7-2681291c.js" type="text/javascript"><\/script> | |
| <script type="text/javascript"> | |
| window.addEvent('load', function() { | |
| new JCaption('img.caption'); | |
| }); | |
| <\/script> | |
| <link rel="apple-touch-icon-precomposed" href="http://www.reserverungolf.com/templates/yoo_nite/apple_touch_icon.png"> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/theme-ffd0dabe.css"> | |
| <script src="http://www.reserverungolf.com/cache/template/theme-ee96686b.js"><\/script> | |
| <link href='http://fonts.googleapis.com/css?family=Rufina:400,700' rel='stylesheet' type='text/css'> | |
| <link href="../netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> | |
| <meta name="google-site-verification" content="" /> | |
| <script src="http://d19f655061aacf3d944b-31672e88ffa6478039e94d7b09f1f706.r22.cf5.rackcdn.com/fit.js"><\/script> | |
| </head> | |
| <body class="tm-isblog"> | |
| <div class="tm-toolbar uk-clearfix"> | |
| <div class="uk-container uk-container-center"> | |
| <div class="uk-panel uk-panel-blank"> | |
| <div id="top-info"> | |
| <div class="top-address"><img src="http://www.reserverungolf.com/images/buttons/icon_map.png" alt="icon map" style="float: left;" height="18" width="11" />625 E Western Reserve Rd<br /><span>Poland, Ohio 44514</span></div> | |
| <div class="top-phone"><img src="http://www.reserverungolf.com/images/buttons/icon_phone.png" alt="icon phone" style="float: left;" height="20" width="7" /><span>Call Us Today:</span><br />(330) 758-1017</div> | |
| </div> | |
| <div id="top-buttons"><a id="button-bg" class="jcepopup noicon join-eclub" href="http://www.reserverungolf.com/signup">Email Signup</a><a id="button-bg" target="_blank" href="https://secure.east.prophetservices.com/ReserveRunGC">Book Tee Times</a></div> | |
| </div> | |
| </div> | |
| </div> | |
| <nav class="tm-navbar"> | |
| <div class="uk-container uk-container-center"> | |
| <div class="tm-navbar-center"> | |
| <div class="tm-nav-logo uk-hidden-small"> | |
| <a class="tm-logo uk-hidden-small" href="http://www.reserverungolf.com"> | |
| <div> <img src="http://www.reserverungolf.com/images/default/logo.png" width="190" height="189" alt="logo" /></div> | |
| </a> | |
| </div> | |
| <div class="tm-nav uk-hidden-small"> | |
| <div class="tm-nav-wrapper"> | |
| <ul class="uk-navbar-nav uk-hidden-small"> | |
| <li data-uk-dropdown="{}"><a href="http://www.reserverungolf.com/">Home</a></li> | |
| <li class="uk-parent uk-active" data-uk-dropdown="{}"> | |
| <a href="golf-course.html">Golf Course</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="https://secure.east.prophetservices.com/ReserveRunGC" target="_blank">Book Tee Times</a></li> | |
| <li class="uk-active"><a href="golf-course.html">Scorecard</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li data-uk-dropdown="{}"><a href="http://www.reserverungolf.com/rates">Rates</a></li> | |
| <li data-uk-dropdown="{}"><a href="http://www.reserverungolf.com/picture-gallery">Photo Gallery</a></li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/restaurant">Restaurant</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/restaurant">Another Round Bar & Grille</a></li> | |
| <li><a href="http://www.reserverungolf.com/restaurant/menu">Menu</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/events">Events</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/events">Request Outing Information</a></li> | |
| <li><a href="http://www.reserverungolf.com/events/events-calendar">Events Calendar</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/news-links">News</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/news-links">Newsletters</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/news-feeds">News Feeds</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/weblinks">Website Links</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/contact">Contact</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/contact">Contact Us</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/directions-map">Directions & Map</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/site-map">Site Map</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <a href="golf-course.html#offcanvas" class="uk-navbar-toggle uk-visible-small uk-vertical-align-middle" data-uk-offcanvas></a> | |
| <div class="uk-navbar-content uk-navbar-center uk-visible-small"> | |
| <a class="tm-logo-small" href="http://www.reserverungolf.com"> | |
| <div> <img src="http://www.reserverungolf.com/images/default/logo.png" width="190" height="189" alt="logo" /></div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <div class="tm-wrapper"> | |
| <div class="tm-block-top-a"> | |
| <div class="uk-container-center"> | |
| <section class="tm-top-a uk-grid" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin> | |
| <div class="uk-width-1-1"> | |
| <div class="uk-panel uk-panel-header"> | |
| <div id="slideshow-5-541cd54581194" class="wk-slideshow wk-slideshow-default" data-widgetkit="slideshow" data-options='{"style":"default","autoplay":1,"interval":5000,"width":"auto","height":"auto","duration":500,"index":0,"order":"default","navigation":0,"buttons":0,"slices":20,"animated":"fade","caption_animation_duration":500}'> | |
| <div> | |
| <ul class="slides"> | |
| <li> | |
| <article class="wk-content clearfix"> | |
| <div><img src="http://www.reserverungolf.com/images/banners/banner_sub_1.jpg" width="1995" height="315" alt="banner sub 1" style="display: block; margin-left: auto; margin-right: auto;" /></div> | |
| </article> | |
| </li> | |
| <li> | |
| <article class="wk-content clearfix"> | |
| <div><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="http://www.reserverungolf.com/images/banners/banner_sub_2.jpg" width="1995" height="315" alt="banner sub 2" style="display: block; margin-left: auto; margin-right: auto;" /></div> | |
| </article> | |
| </li> | |
| <li> | |
| <article class="wk-content clearfix"> | |
| <div><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="http://www.reserverungolf.com/images/banners/banner_sub_3.jpg" width="1995" height="315" alt="banner sub 3" style="display: block; margin-left: auto; margin-right: auto;" /></div> | |
| </article> | |
| </li> | |
| </ul> | |
| <div class="caption"></div> | |
| <ul class="captions"> | |
| <li></li> | |
| <li></li> | |
| <li></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| <div class="tm-block-top-main"> | |
| <div class="uk-container uk-container-center"> | |
| <div class="tm-middle uk-grid" data-uk-grid-match data-uk-grid-margin> | |
| <div class="tm-main uk-width-medium-1-1"> | |
| <main class="tm-content"> | |
| <div id="system-message-container"></div> | |
| <article class="uk-article" > | |
| <h1 class="uk-article-title"> | |
| Scorecard | |
| </h1> | |
| <div> | |
| <div> | |
| <div class="Center-Content" style="position:relative;"> | |
| <div id="preload" style="display:block;height:200px;"> | |
| <div id="loading" style="height: 50%;width: 50%;max-width: 16px;min-width: 16px;min-height: 16px;max-height: 16px;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;"> | |
| <img src="http://d19f655061aacf3d944b-31672e88ffa6478039e94d7b09f1f706.r22.cf5.rackcdn.com/4.GIF"> | |
| </div> | |
| </div> | |
| <div id="mainContent" style="display:none;"> | |
| <div id="topContent"> | |
| <div class="inside_column"> | |
| <div id="holeNumber"> | |
| <div class="currentHole"> | |
| <span>Hole</span> | |
| <h1 id="holeBlock">1</h1> | |
| </div> | |
| </div> | |
| <div id="parDist"> | |
| <div id="par"> | |
| <div id="parName" class="parGreen">PAR:</div> | |
| <div id="parNum" class="parWhite">5</div> | |
| </div> | |
| <div id="dist"> | |
| <div id="dis" class="parGreen">Dist:</div> | |
| <div id="t1" class="parWhite">504</div> | |
| <div id="t2" class="parWhite">491</div> | |
| <div id="t3" class="parWhite">458</div> | |
| <div id="t4" class="parWhite">441</div> | |
| </div> | |
| </div> | |
| <\!--<div class="column_1_1 mHide"> | |
| <div class="img"> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png" alt="" title="" /> | |
| </div> | |
| </div>--> | |
| <div class="column_1_4 mHide"> | |
| <div class=""> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png"> | |
| </div> | |
| </div> | |
| <div class="column_1_2 dHide"> | |
| <\!--<div class=""> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png"> | |
| </div>--> | |
| <div class=""> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png" alt="" title="" /> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="clear"></div> | |
| <div id="midContent"> | |
| <div id="pager" style=""> | |
| <div class="pager-n"> | |
| <div class="next"><a id="next" href="#"></a> | |
| </div> | |
| </div> | |
| <div class="pager-p"> | |
| <div class="prev"><a id="prev" href="#"></a> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="videoContainer"> | |
| <div id="videoWrapper"> | |
| <iframe id="video" src="//www.youtube.com/embed/ZmIeI61hhsM?enablejsapi=1&rel=0&html5=1" frameborder="0" allowfullscreen=""></iframe> | |
| <div id="videoOverlay"> | |
| <div id="mobileVidOverlay"></div> | |
| <div id="playButton"></div> | |
| <img id="thumb" src="http://img.youtube.com/vi/ZmIeI61hhsM/hqdefault.jpg" alt="" title="" /> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="clear"></div> | |
| <div id="botContent"> | |
| <ul> | |
| <li>FRONT:</li> | |
| <li class="numberCircle">1</li> | |
| <li class="numberCircle">2</li> | |
| <li class="numberCircle">3</li> | |
| <li class="numberCircle">4</li> | |
| <li class="numberCircle">5</li> | |
| <li class="numberCircle">6</li> | |
| <li class="numberCircle">7</li> | |
| <li class="numberCircle">8</li> | |
| <li class="numberCircle">9</li> | |
| </ul> | |
| <ul> | |
| <li>BACK:</li> | |
| <li class="numberCircle">10</li> | |
| <li class="numberCircle">11</li> | |
| <li class="numberCircle">12</li> | |
| <li class="numberCircle">13</li> | |
| <li class="numberCircle">14</li> | |
| <li class="numberCircle">15</li> | |
| <li class="numberCircle">16</li> | |
| <li class="numberCircle">17</li> | |
| <li class="numberCircle">18</li> | |
| </ul> | |
| </div> | |
| <div class="clear"></div> | |
| <table id="rt1" class="rt cf"> | |
| <thead class="cf"> | |
| <tr> | |
| <th>hole</th> | |
| <th class="tLink">1</th> | |
| <th class="tLink">2</th> | |
| <th class="tLink">3</th> | |
| <th class="tLink">4</th> | |
| <th class="tLink">5</th> | |
| <th class="tLink">6</th> | |
| <th class="tLink">7</th> | |
| <th class="tLink">8</th> | |
| <th class="tLink">9</th> | |
| <th>out</th> | |
| <th class="tLink">10</th> | |
| <th class="tLink">11</th> | |
| <th class="tLink">13</th> | |
| <th class="tLink">12</th> | |
| <th class="tLink">14</th> | |
| <th class="tLink">15</th> | |
| <th class="tLink">16</th> | |
| <th class="tLink">17</th> | |
| <th class="tLink">18</th> | |
| <th>in</th> | |
| <th>total</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td style="color:black;background:#fff;font-weight:bold;">black</td> | |
| <td>504</td> | |
| <td>195</td> | |
| <td>408</td> | |
| <td>182</td> | |
| <td>343</td> | |
| <td>572</td> | |
| <td>375</td> | |
| <td>219</td> | |
| <td>364</td> | |
| <td>3162</td> | |
| <td>503</td> | |
| <td>195</td> | |
| <td>308</td> | |
| <td>373</td> | |
| <td>357</td> | |
| <td>136</td> | |
| <td>529</td> | |
| <td>169</td> | |
| <td>430</td> | |
| <td>3000</td> | |
| <td>3162</td> | |
| </tr> | |
| <tr> | |
| <td style="color:blue;background:#fff;font-weight:bold;">blue</td> | |
| <td>491</td> | |
| <td>171</td> | |
| <td>394</td> | |
| <td>166</td> | |
| <td>338</td> | |
| <td>554</td> | |
| <td>359</td> | |
| <td>201</td> | |
| <td>354</td> | |
| <td>3028</td> | |
| <td>490</td> | |
| <td>187</td> | |
| <td>303</td> | |
| <td>365</td> | |
| <td>343</td> | |
| <td>128</td> | |
| <td>518</td> | |
| <td>150</td> | |
| <td>421</td> | |
| <td>2905</td> | |
| <td>5933</td> | |
| </tr> | |
| <tr> | |
| <td style="font-weight:bold;">par</td> | |
| <td>5</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>5</td> | |
| <td>4</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>35</td> | |
| <td>5</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>4</td> | |
| <td>4</td> | |
| <td>3</td> | |
| <td>5</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>35</td> | |
| <td>70</td> | |
| </tr> | |
| <tr> | |
| <td style="font-weight:bold;">white</td> | |
| <td>458</td> | |
| <td>147</td> | |
| <td>368</td> | |
| <td>137</td> | |
| <td>313</td> | |
| <td>514</td> | |
| <td>313</td> | |
| <td>169</td> | |
| <td>327</td> | |
| <td>2746</td> | |
| <td>469</td> | |
| <td>168</td> | |
| <td>270</td> | |
| <td>330</td> | |
| <td>304</td> | |
| <td>121</td> | |
| <td>446</td> | |
| <td>142</td> | |
| <td>385</td> | |
| <td>2635</td> | |
| <td>5381</td> | |
| </tr> | |
| <tr> | |
| <td style="color:red;background:#fff;font-weight:bold;">red</td> | |
| <td>441</td> | |
| <td>130</td> | |
| <td>325</td> | |
| <td>120</td> | |
| <td>257</td> | |
| <td>444</td> | |
| <td>286</td> | |
| <td>101</td> | |
| <td>251</td> | |
| <td>2355</td> | |
| <td>400</td> | |
| <td>134</td> | |
| <td>251</td> | |
| <td>223</td> | |
| <td>234</td> | |
| <td>100</td> | |
| <td>406</td> | |
| <td>127</td> | |
| <td>275</td> | |
| <td>2150</td> | |
| <td>4505</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="clear"></div> | |
| <div class="clear" style="margin-bottom:10%;"></div> | |
| <\!--<img src="http://www.reserverungolf.com/images/rr_scorecard.jpg" width="100%" height="NaN" alt="rr scorecard" style="max-width: 850px; border: 1px solid #000000; display: block; margin-left: auto; margin-right: auto;" />--> | |
| </div> | |
| <table border="0" style="width: 100%; height: 200px;" align="center" frame="below" rules="cols"> | |
| <tbody> | |
| <tr> | |
| <td style="width: 33%; text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Rated by Golf Digest 4 Star</td> | |
| <td style="width: 33%; text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Bent Grass Fairways</td> | |
| <td style="width: 33%; text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />U.S.G.A. Greens </td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />6 Scenic Water Holes</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Over 60 Bunkers & Moguls</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Multiple Tees</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Seniors Weekday w/cart $26</td> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Weekday w/cart $31</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Weekend w/cart $39</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Seniors Weekend w/cart $36</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />New Bar & Grille with Restaurant</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Cart Paths</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Patio for Outings</td> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Tee Times a year in advance</td> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Hotel packages available</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />60 minutes from Cleveland, OH </td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />50 minutes from the Pittsburgh Airport </td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />35 minutes from Cranberry, PA</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </article> | |
| </main> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tm-block-bottom-b"> | |
| <div class="uk-container uk-container-center"> | |
| <section class="tm-bottom-b uk-grid" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin> | |
| <div class="uk-width-1-1"> | |
| <div class="uk-panel uk-panel-box"> | |
| <ul class="uk-nav uk-nav-parent-icon uk-nav-side" data-uk-nav="{}"> | |
| <li><a href="http://www.reserverungolf.com/">Home</a></li> | |
| <li class="uk-active"><a href="golf-course.html">Golf Course</a></li> | |
| <li><a href="http://www.reserverungolf.com/rates">Rates</a></li> | |
| <li><a href="http://www.reserverungolf.com/picture-gallery">Photo Gallery</a></li> | |
| <li><a href="http://www.reserverungolf.com/restaurant">Restaurant</a></li> | |
| <li><a href="http://www.reserverungolf.com/events">Events</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links">News</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact">Contact</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| <div class="tm-block-footer"> | |
| <div class="uk-container uk-container-center"> | |
| <footer class="tm-footer tm-link-muted"> | |
| <div class="uk-panel"> | |
| <p style="text-align: center;">© 2014 Reserve Run Golf Course | 625 E Western Reserve Rd | Poland, OH 44514 | Tel: (330) 758-1017<br />Designed and Hosted by <a target="_blank" href="http://www.1-2-1marketing.com">1-2-1 Marketing</a></p> | |
| <div class="social_icons"><a href="https://www.facebook.com/ReserveRunGolfCourse" target="_blank"><img src="http://www.reserverungolf.com/images/buttons/footer_icon_fb.png" width="18" height="18" alt="icon fb" /></a></div> | |
| </div> | |
| </footer> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="offcanvas" class="uk-offcanvas"> | |
| <div class="uk-offcanvas-bar"> | |
| <ul class="uk-nav uk-nav-offcanvas"> | |
| <li><a href="http://www.reserverungolf.com/">Home</a></li> | |
| <li class="uk-parent uk-active"> | |
| <a href="golf-course.html">Golf Course</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="https://secure.east.prophetservices.com/ReserveRunGC" target="_blank">Book Tee Times</a></li> | |
| <li class="uk-active"><a href="golf-course.html">Scorecard</a></li> | |
| </ul> | |
| </li> | |
| <li><a href="http://www.reserverungolf.com/rates">Rates</a></li> | |
| <li><a href="http://www.reserverungolf.com/picture-gallery">Photo Gallery</a></li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/restaurant">Restaurant</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/restaurant">Another Round Bar & Grille</a></li> | |
| <li><a href="http://www.reserverungolf.com/restaurant/menu">Menu</a></li> | |
| </ul> | |
| </li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/events">Events</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/events">Request Outing Information</a></li> | |
| <li><a href="http://www.reserverungolf.com/events/events-calendar">Events Calendar</a></li> | |
| </ul> | |
| </li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/news-links">News</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/news-links">Newsletters</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/news-feeds">News Feeds</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/weblinks">Website Links</a></li> | |
| </ul> | |
| </li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/contact">Contact</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/contact">Contact Us</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/directions-map">Directions & Map</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/site-map">Site Map</a></li> | |
| </ul> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <script src="http://d19f655061aacf3d944b-31672e88ffa6478039e94d7b09f1f706.r22.cf5.rackcdn.com/css3-mediaqueries.js"><\/script> | |
| </body> | |
| </html></script> | |
| <script id="jsbin-source-css" type="text/css">/*mobile preloader*/ | |
| .loader { | |
| margin: 28% auto; | |
| font-size: 25px; | |
| width: 1em; | |
| height: 1em; | |
| border-radius: 50%; | |
| position: relative; | |
| text-indent: -9999em; | |
| -webkit-animation: load5 1.1s infinite ease; | |
| animation: load5 1.1s infinite ease; | |
| } | |
| @-webkit-keyframes load5 { | |
| 0%, | |
| 100% { | |
| box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); | |
| } | |
| 12.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); | |
| } | |
| 25% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 37.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 50% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 62.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 75% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 87.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; | |
| } | |
| } | |
| @keyframes load5 { | |
| 0%, | |
| 100% { | |
| box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); | |
| } | |
| 12.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); | |
| } | |
| 25% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 37.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 50% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 62.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 75% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 87.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; | |
| } | |
| } | |
| /*mobile preloader*/ | |
| /*Content*/ | |
| #mainContent { | |
| /* margin: 0% 9% 10% 9%; */ | |
| z-index: 9999; | |
| } | |
| #topContent { | |
| position: relative; | |
| width:100%; | |
| height:50px; | |
| } | |
| #midContent { | |
| position: relative; | |
| } | |
| #botContent { | |
| margin:0 auto; | |
| width:100%; | |
| } | |
| .clear { | |
| clear:both; | |
| margin-bottom:3%; | |
| } | |
| .column_1_2 { | |
| width: 32%; | |
| /* float: right; */ | |
| position: absolute; | |
| bottom: 0; | |
| right: 0; | |
| height: 20px; | |
| } | |
| .column_1_4 { | |
| width: 40%; | |
| position: absolute; | |
| right: 0px; | |
| bottom: 0; | |
| } | |
| .dHide { | |
| display:none; | |
| } | |
| .mHide { | |
| display:block; | |
| } | |
| #mainContent img { | |
| width:100%; | |
| } | |
| #botContent > ul:nth-child(1) > li:nth-child(1) { | |
| color:#85BF25; | |
| } | |
| #botContent > ul:nth-child(2) > li:nth-child(1) { | |
| color:#85BF25; | |
| } | |
| #botContent > ul >li { | |
| float: left; | |
| margin-right: 1.95%; | |
| list-style: none; | |
| margin-bottom:1%; | |
| } | |
| #botContent > ul { | |
| margin: 0 auto; | |
| padding: 0; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-bottom:1%; | |
| } | |
| .numberCircle { | |
| behavior: url(PIE.htc); | |
| text-align: center; | |
| cursor:pointer; | |
| color:#000; | |
| } | |
| .inside_column { | |
| width: 100%; | |
| margin: 0; | |
| padding: 0; | |
| float: left; | |
| position: absolute; | |
| bottom: 0; | |
| } | |
| .parGreen { | |
| text-transform: uppercase; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-right: 3px; | |
| color:#85BF25; | |
| float:left; | |
| } | |
| #parDist { | |
| margin-left: 1%; | |
| vertical-align: bottom; | |
| display: inline-block; | |
| width:75%; | |
| line-height: 77%; | |
| } | |
| .parWhite { | |
| color: #000; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-right: 6px; | |
| float:left; | |
| } | |
| .currentHole { | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| color:#000; | |
| line-height: 65%; | |
| } | |
| .currentHole span { | |
| font-size: 19px; | |
| } | |
| #holeBlock { | |
| font-size: 50px; | |
| color: #000; | |
| line-height:0px; | |
| margin-bottom: 19px; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| } | |
| #holeNumber { | |
| vertical-align: bottom; | |
| display: inline-block; | |
| } | |
| #playButton { | |
| width: 0; | |
| height: 0; | |
| background-repeat: no-repeat; | |
| background-size: 95px; | |
| z-index: 9999; | |
| position:absolute; | |
| left: 50%; | |
| top: 50%; | |
| padding-top: 5%; | |
| padding-bottom: 5%; | |
| padding-left: 5%; | |
| overflow: hidden; | |
| -webkit-transform: translateY(-50%) translateX(-50%); | |
| -moz-transform: translateY(-50%) translateX(-50%); | |
| transform: translateY(-50%) translateX(-50%); | |
| cursor:pointer; | |
| } | |
| #playButton:after { | |
| content:""; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| margin-top:-500px; | |
| margin-left: -500px; | |
| border-top: 500px solid transparent; | |
| border-bottom: 500px solid transparent; | |
| border-left: 500px solid #ccc; | |
| } | |
| #videoWrapper { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| /* 16:9 */ | |
| padding-top: 25px; | |
| height: 0; | |
| } | |
| #videoWrapper img { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #mobileVidOverlay{ | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #videoWrapper iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .img { | |
| max-width:65px; | |
| float:right; | |
| } | |
| /*Content*/ | |
| /*Pager*/ | |
| #pager { | |
| bottom: 0; | |
| top: 0; | |
| right: -20px; | |
| left: 0; | |
| margin: auto; | |
| position: absolute; | |
| height: 55px; | |
| margin-left: -20px; | |
| } | |
| #next, #prev { | |
| display: inline-block; | |
| font-size:4em; | |
| position: relative; | |
| text-decoration: none; | |
| z-index: 1; | |
| } | |
| #next, #prev { | |
| padding: 0.5em 0em | |
| } | |
| #next { | |
| text-align: right | |
| } | |
| #next:before, #next:after, #prev:before, #prev:after { | |
| background:#ddd; | |
| content:""; | |
| display: block; | |
| height: 0.3em; | |
| position: absolute; | |
| right: 0; | |
| top: 50%; | |
| width: 0.8em; | |
| } | |
| #prev:before, #prev:after { | |
| left: 0 | |
| } | |
| #next:before, #prev:before { | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| } | |
| #next:after, #prev:after { | |
| -moz-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| -o-transform: rotate(-45deg); | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| } | |
| #prev:after, #next:before { | |
| margin-top: -.36em | |
| } | |
| #next:hover, #next:focus, #prev:hover, #prev:focus { | |
| color: #c00 | |
| } | |
| #next:hover:before, #next:hover:after, #next:focus:before, #next:focus:after, #prev:hover:before, #prev:hover:after, #prev:focus:before, #prev:focus:after { | |
| background: #85BF25; | |
| } | |
| .pager-n { | |
| position: absolute; | |
| right:0; | |
| } | |
| /*Pager*/ | |
| /*Table*/ | |
| .rt { | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| width: 100%; | |
| font-size: 0.75em; | |
| /*12*/ | |
| line-height: 1.25em; | |
| /*15*/ | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| .rt th, .rt td { | |
| margin: 0; | |
| padding: 0.4166em; | |
| /*10*/ | |
| vertical-align: top; | |
| border: 1px solid #babcbf; | |
| background:#fff; | |
| color:#000; | |
| text-transform:uppercase; | |
| text-align:center; | |
| font-weight:bold; | |
| } | |
| .rt th { | |
| text-align: left; | |
| background: #85BF25; | |
| color:#000; | |
| text-transform:uppercase; | |
| text-align:center; | |
| } | |
| .tLink { | |
| color:#000000; | |
| text-decoration:none; | |
| cursor:pointer; | |
| } | |
| /*Table*/ | |
| /*Media Queries*/ | |
| @media only screen and (max-width : 320px) { | |
| #botContent > ul:nth-child(1) > li:nth-child(1) { | |
| font-size:9px; | |
| } | |
| #botContent > ul:nth-child(2) > li:nth-child(1) { | |
| font-size:9px; | |
| } | |
| .mHide { | |
| display:none; | |
| } | |
| .dHide { | |
| display:block; | |
| } | |
| .img { | |
| max-width:52px; | |
| } | |
| #topContent { | |
| font-size:11px !important; | |
| } | |
| } | |
| @media only screen and (max-width : 450px) { | |
| } | |
| @media only screen and (max-width: 768px) { | |
| /*640*/ | |
| #rt1 { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| } | |
| #rt1 thead { | |
| display: block; | |
| float: left; | |
| } | |
| #rt1 tbody { | |
| display: block; | |
| width: auto; | |
| position: relative; | |
| overflow-x: auto; | |
| white-space: nowrap; | |
| } | |
| #rt1 thead tr { | |
| display: block; | |
| } | |
| #rt1 th { | |
| display: block; | |
| } | |
| #rt1 tbody tr { | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| #rt1 td { | |
| display: block; | |
| min-height: 1.25em; | |
| } | |
| #rt2 { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| } | |
| #rt2 thead { | |
| display: block; | |
| float: left; | |
| } | |
| #rt2 tbody { | |
| display: -webkit-box; | |
| overflow-x: auto; | |
| } | |
| #rt2 th, #rt2 tr, #rt2 td { | |
| display: block; | |
| } | |
| /* sort out borders */ | |
| .rt th { | |
| padding: 0.4em 2.75em; | |
| border-bottom: 0; | |
| } | |
| .rt td { | |
| padding: 0.4em 3.49em; | |
| border-left: 0; | |
| border-right: 0; | |
| border-bottom: 0; | |
| } | |
| .rt tbody tr { | |
| border-right: 1px solid #babcbf; | |
| } | |
| .rt th:last-child, .rt td:last-child { | |
| border-bottom: 1px solid #babcbf; | |
| } | |
| } | |
| /*Media Queries*/</script> | |
| <script id="jsbin-source-javascript" type="text/javascript">var tag = document.createElement("script"); | |
| tag.src = "//www.youtube.com/player_api"; | |
| var firstScriptTag = document.getElementsByTagName("script")[0]; | |
| firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); | |
| var o = document.getElementById("Modal"); | |
| var vidOverlay = document.getElementById("videoOverlay"); | |
| var mVidWrap = document.getElementById("mobileVidOverlay"); | |
| var vidWrap = document.getElementById("videoWrapper"); | |
| var playButton = document.getElementById("playButton"); | |
| var mid = document.getElementById("midContent"); | |
| var vid = document.getElementById("video"); | |
| var h = document.getElementById("holeBlock"); | |
| var n = document.getElementById("next"); | |
| var p = document.getElementById("prev"); | |
| var t = document.getElementById("thumb"); | |
| var main = document.getElementById("mainContent"); | |
| var preload = document.getElementById("preload"); | |
| var pager = document.getElementById("pager"); | |
| var tOne = document.getElementById("t1"); | |
| var tTwo = document.getElementById("t2"); | |
| var tThree = document.getElementById("t3"); | |
| var tFour = document.getElementById("t4"); | |
| var links = document.getElementsByTagName("a"); | |
| var par = document.getElementById("parNum"); | |
| var player; | |
| var value = isNaN(value) ? 1 : value; | |
| var playerIsReady = false; | |
| window.mobilecheck = function() { | |
| var check = false; | |
| (function(a) { | |
| if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|android|ipad|playbook|silk|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, | |
| 4))) { | |
| check = true; | |
| } | |
| })(navigator.userAgent || navigator.vendor || window.opera); | |
| return check; | |
| }; | |
| window.onYouTubePlayerAPIReady = function() { | |
| player = new YT.Player("video", {events:{"onReady":onPlayerReady, "onStateChange":onPlayerStateChange}}); | |
| }; | |
| function onPlayerReady(event) { | |
| main.style.display = "block"; | |
| preload.style.display = "none"; | |
| fitText(document.getElementById("botContent"), 2.47); | |
| fitText(document.getElementById("topContent"), 2.6); | |
| if (mobilecheck()) { | |
| playButton.addEventListener("click", function() { | |
| vidOverlay.style.display = "none"; | |
| pager.style.display = "none"; | |
| playerIsReady = true; | |
| }); | |
| } else { | |
| playButton.addEventListener("click", function() { | |
| vidOverlay.style.display = "none"; | |
| player.playVideo(); | |
| pager.style.display = "none"; | |
| }); | |
| } | |
| } | |
| function onPlayerStateChange(event) { | |
| if (event.data === 0) { | |
| pager.style.display = "block"; | |
| vidOverlay.style.display = "block"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| } | |
| } | |
| window.onload = function() { | |
| if (mobilecheck()) { | |
| mVidWrap.style.backgroundColor = "rgba(0,0,0,0.5)"; | |
| mVidWrap.style.zIndex = "0"; | |
| mVidWrap.innerHTML = "<div class='loader'></div>"; | |
| thumb.remove(); | |
| playButton.remove(); | |
| vid.src = "//www.youtube.com/embed/ZmIeI61hhsM?enablejsapi=1&rel=0&html5=1"; | |
| vid.onload = function() { | |
| vidOverlay.style.display = "none"; | |
| vidWrap.style.backgroundColor = "none"; | |
| }; | |
| } | |
| var data = [{"HoleNumber":"1", "TeeRow1":"504", "TeeRow2":"491", "Par":"5", "TeeRow3":"458", "TeeRow4":"441", "Source":"ZmIeI61hhsM"}, {"HoleNumber":"2", "TeeRow1":"195", "TeeRow2":"171", "Par":"3", "TeeRow3":"147", "TeeRow4":"130", "Source":"i9ETUrPLKdM"}, {"HoleNumber":"3", "TeeRow1":"408", "TeeRow2":"394", "Par":"4", "TeeRow3":"368", "TeeRow4":"325", "Source":"lUr3U_mgF8c"}, {"HoleNumber":"4", "TeeRow1":"182", "TeeRow2":"166", "Par":"3", "TeeRow3":"137", "TeeRow4":"120", "Source":"VgkJLKk5Smc"}, | |
| {"HoleNumber":"5", "TeeRow1":"343", "TeeRow2":"338", "Par":"4", "TeeRow3":"313", "TeeRow4":"257", "Source":"nWZDeeiU-uI"}, {"HoleNumber":"6", "TeeRow1":"572", "TeeRow2":"554", "Par":"5", "TeeRow3":"514", "TeeRow4":"444", "Source":"NqkzO7QM7z0"}, {"HoleNumber":"7", "TeeRow1":"375", "TeeRow2":"359", "Par":"4", "TeeRow3":"313", "TeeRow4":"286", "Source":"pqCZjR9KQ0o"}, {"HoleNumber":"8", "TeeRow1":"219", "TeeRow2":"201", "Par":"3", "TeeRow3":"169", "TeeRow4":"101", "Source":"kUJvrR8GTtM"}, {"HoleNumber":"9", | |
| "TeeRow1":"364", "TeeRow2":"354", "Par":"4", "TeeRow3":"327", "TeeRow4":"251", "Source":"hyMAwW_y6BI"}, {"HoleNumber":"10", "TeeRow1":"503", "TeeRow2":"490", "Par":"5", "TeeRow3":"469", "TeeRow4":"400", "Source":"ZD2KAo0nZVM"}, {"HoleNumber":"11", "TeeRow1":"195", "TeeRow2":"187", "Par":"3", "TeeRow3":"168", "TeeRow4":"134", "Source":"PliAr_qwHVE"}, {"HoleNumber":"12", "TeeRow1":"308", "TeeRow2":"303", "Par":"4", "TeeRow3":"270", "TeeRow4":"251", "Source":"hd6aMeyMQMk"}, {"HoleNumber":"13", "TeeRow1":"373", | |
| "TeeRow2":"365", "Par":"4", "TeeRow3":"330", "TeeRow4":"223", "Source":"aXw_cYrf6oc"}, {"HoleNumber":"14", "TeeRow1":"357", "TeeRow2":"343", "Par":"4", "TeeRow3":"304", "TeeRow4":"234", "Source":"jtFv-VsaNYI"}, {"HoleNumber":"15", "TeeRow1":"136", "TeeRow2":"128", "Par":"3", "TeeRow3":"121", "TeeRow4":"100", "Source":"LmUBF5jhjgE"}, {"HoleNumber":"16", "TeeRow1":"529", "TeeRow2":"518", "Par":"5", "TeeRow3":"446", "TeeRow4":"406", "Source":"0TC-5wNqdnk"}, {"HoleNumber":"17", "TeeRow1":"169", "TeeRow2":"150", | |
| "Par":"3", "TeeRow3":"142", "TeeRow4":"127", "Source":"gbzd4braRFE"}, {"HoleNumber":"18", "TeeRow1":"430", "TeeRow2":"421", "Par":"4", "TeeRow3":"385", "TeeRow4":"275", "Source":"ttywlWnEysQ"}]; | |
| function showNumber(ev) { | |
| ev.preventDefault(); | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| vidOverlay.style.display = "block"; | |
| pager.style.display = "block"; | |
| h.textContent = this.textContent; | |
| for (var i = data.length - 1;i >= 0;i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function next(ev) { | |
| ev.preventDefault(); | |
| vidOverlay.style.display = "block"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| pager.style.display = "block"; | |
| var hnuma = Number(h.textContent) + 1; | |
| h.textContent = hnuma; | |
| if (hnuma >= 19) { | |
| h.textContent = 1; | |
| } | |
| for (var i = data.length - 1;i >= 0;i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function prev(ev) { | |
| ev.preventDefault(); | |
| vidOverlay.style.display = "block"; | |
| pager.style.display = "block"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| var hnumb = Number(h.textContent) - 1; | |
| h.textContent = hnumb; | |
| if (hnumb <= 0) { | |
| h.textContent = 18; | |
| } | |
| for (var i = data.length - 1;i >= 0;i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function x(ev) { | |
| ev.preventDefault(); | |
| o.style.opacity = "0.0"; | |
| o.style.filter = "alpha(opacity=0)"; | |
| o.style.zIndex = "-1"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| return false; | |
| } | |
| Array.prototype.forEach.call(document.querySelectorAll(".tLink"), function(brr) { | |
| brr.addEventListener("click", showNumber); | |
| }); | |
| Array.prototype.forEach.call(document.querySelectorAll(".numberCircle"), function(arr) { | |
| arr.addEventListener("click", showNumber); | |
| }); | |
| n.addEventListener("click", next, false); | |
| p.addEventListener("click", prev, false); | |
| }; | |
| window.addEventListener('resize',function(){ | |
| fitText(document.getElementById("botContent"), 2.47); | |
| fitText(document.getElementById("topContent"), 2.6); | |
| }); | |
| window.addEventListener('orientationchange',function(){ | |
| fitText(document.getElementById("botContent"), 2.47); | |
| fitText(document.getElementById("topContent"), 2.6); | |
| });</script></body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*mobile preloader*/ | |
| .loader { | |
| margin: 28% auto; | |
| font-size: 25px; | |
| width: 1em; | |
| height: 1em; | |
| border-radius: 50%; | |
| position: relative; | |
| text-indent: -9999em; | |
| -webkit-animation: load5 1.1s infinite ease; | |
| animation: load5 1.1s infinite ease; | |
| } | |
| @-webkit-keyframes load5 { | |
| 0%, | |
| 100% { | |
| box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); | |
| } | |
| 12.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); | |
| } | |
| 25% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 37.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 50% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 62.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 75% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 87.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; | |
| } | |
| } | |
| @keyframes load5 { | |
| 0%, | |
| 100% { | |
| box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); | |
| } | |
| 12.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); | |
| } | |
| 25% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 37.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 50% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 62.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 75% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); | |
| } | |
| 87.5% { | |
| box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; | |
| } | |
| } | |
| /*mobile preloader*/ | |
| /*Content*/ | |
| #mainContent { | |
| /* margin: 0% 9% 10% 9%; */ | |
| z-index: 9999; | |
| } | |
| #topContent { | |
| position: relative; | |
| width:100%; | |
| height:50px; | |
| } | |
| #midContent { | |
| position: relative; | |
| } | |
| #botContent { | |
| margin:0 auto; | |
| width:100%; | |
| } | |
| .clear { | |
| clear:both; | |
| margin-bottom:3%; | |
| } | |
| .column_1_2 { | |
| width: 32%; | |
| /* float: right; */ | |
| position: absolute; | |
| bottom: 0; | |
| right: 0; | |
| height: 20px; | |
| } | |
| .column_1_4 { | |
| width: 40%; | |
| position: absolute; | |
| right: 0px; | |
| bottom: 0; | |
| } | |
| .dHide { | |
| display:none; | |
| } | |
| .mHide { | |
| display:block; | |
| } | |
| #mainContent img { | |
| width:100%; | |
| } | |
| #botContent > ul:nth-child(1) > li:nth-child(1) { | |
| color:#85BF25; | |
| } | |
| #botContent > ul:nth-child(2) > li:nth-child(1) { | |
| color:#85BF25; | |
| } | |
| #botContent > ul >li { | |
| float: left; | |
| margin-right: 1.95%; | |
| list-style: none; | |
| margin-bottom:1%; | |
| } | |
| #botContent > ul { | |
| margin: 0 auto; | |
| padding: 0; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-bottom:1%; | |
| } | |
| .numberCircle { | |
| behavior: url(PIE.htc); | |
| text-align: center; | |
| cursor:pointer; | |
| color:#000; | |
| } | |
| .inside_column { | |
| width: 100%; | |
| margin: 0; | |
| padding: 0; | |
| float: left; | |
| position: absolute; | |
| bottom: 0; | |
| } | |
| .parGreen { | |
| text-transform: uppercase; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-right: 3px; | |
| color:#85BF25; | |
| float:left; | |
| } | |
| #parDist { | |
| margin-left: 1%; | |
| vertical-align: bottom; | |
| display: inline-block; | |
| width:75%; | |
| line-height: 77%; | |
| } | |
| .parWhite { | |
| color: #000; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-right: 6px; | |
| float:left; | |
| } | |
| .currentHole { | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| color:#000; | |
| line-height: 65%; | |
| } | |
| .currentHole span { | |
| font-size: 19px; | |
| } | |
| #holeBlock { | |
| font-size: 50px; | |
| color: #000; | |
| line-height:0px; | |
| margin-bottom: 19px; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| } | |
| #holeNumber { | |
| vertical-align: bottom; | |
| display: inline-block; | |
| } | |
| #playButton { | |
| width: 0; | |
| height: 0; | |
| background-repeat: no-repeat; | |
| background-size: 95px; | |
| z-index: 9999; | |
| position:absolute; | |
| left: 50%; | |
| top: 50%; | |
| padding-top: 5%; | |
| padding-bottom: 5%; | |
| padding-left: 5%; | |
| overflow: hidden; | |
| -webkit-transform: translateY(-50%) translateX(-50%); | |
| -moz-transform: translateY(-50%) translateX(-50%); | |
| transform: translateY(-50%) translateX(-50%); | |
| cursor:pointer; | |
| } | |
| #playButton:after { | |
| content:""; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| margin-top:-500px; | |
| margin-left: -500px; | |
| border-top: 500px solid transparent; | |
| border-bottom: 500px solid transparent; | |
| border-left: 500px solid #ccc; | |
| } | |
| #videoWrapper { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| /* 16:9 */ | |
| padding-top: 25px; | |
| height: 0; | |
| } | |
| #videoWrapper img { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #mobileVidOverlay{ | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #videoWrapper iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .img { | |
| max-width:65px; | |
| float:right; | |
| } | |
| /*Content*/ | |
| /*Pager*/ | |
| #pager { | |
| bottom: 0; | |
| top: 0; | |
| right: -20px; | |
| left: 0; | |
| margin: auto; | |
| position: absolute; | |
| height: 55px; | |
| margin-left: -20px; | |
| } | |
| #next, #prev { | |
| display: inline-block; | |
| font-size:4em; | |
| position: relative; | |
| text-decoration: none; | |
| z-index: 1; | |
| } | |
| #next, #prev { | |
| padding: 0.5em 0em | |
| } | |
| #next { | |
| text-align: right | |
| } | |
| #next:before, #next:after, #prev:before, #prev:after { | |
| background:#ddd; | |
| content:""; | |
| display: block; | |
| height: 0.3em; | |
| position: absolute; | |
| right: 0; | |
| top: 50%; | |
| width: 0.8em; | |
| } | |
| #prev:before, #prev:after { | |
| left: 0 | |
| } | |
| #next:before, #prev:before { | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| } | |
| #next:after, #prev:after { | |
| -moz-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| -o-transform: rotate(-45deg); | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| } | |
| #prev:after, #next:before { | |
| margin-top: -.36em | |
| } | |
| #next:hover, #next:focus, #prev:hover, #prev:focus { | |
| color: #c00 | |
| } | |
| #next:hover:before, #next:hover:after, #next:focus:before, #next:focus:after, #prev:hover:before, #prev:hover:after, #prev:focus:before, #prev:focus:after { | |
| background: #85BF25; | |
| } | |
| .pager-n { | |
| position: absolute; | |
| right:0; | |
| } | |
| /*Pager*/ | |
| /*Table*/ | |
| .rt { | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| width: 100%; | |
| font-size: 0.75em; | |
| /*12*/ | |
| line-height: 1.25em; | |
| /*15*/ | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| .rt th, .rt td { | |
| margin: 0; | |
| padding: 0.4166em; | |
| /*10*/ | |
| vertical-align: top; | |
| border: 1px solid #babcbf; | |
| background:#fff; | |
| color:#000; | |
| text-transform:uppercase; | |
| text-align:center; | |
| font-weight:bold; | |
| } | |
| .rt th { | |
| text-align: left; | |
| background: #85BF25; | |
| color:#000; | |
| text-transform:uppercase; | |
| text-align:center; | |
| } | |
| .tLink { | |
| color:#000000; | |
| text-decoration:none; | |
| cursor:pointer; | |
| } | |
| /*Table*/ | |
| /*Media Queries*/ | |
| @media only screen and (max-width : 320px) { | |
| #botContent > ul:nth-child(1) > li:nth-child(1) { | |
| font-size:9px; | |
| } | |
| #botContent > ul:nth-child(2) > li:nth-child(1) { | |
| font-size:9px; | |
| } | |
| .mHide { | |
| display:none; | |
| } | |
| .dHide { | |
| display:block; | |
| } | |
| .img { | |
| max-width:52px; | |
| } | |
| #topContent { | |
| font-size:11px !important; | |
| } | |
| } | |
| @media only screen and (max-width : 450px) { | |
| } | |
| @media only screen and (max-width: 768px) { | |
| /*640*/ | |
| #rt1 { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| } | |
| #rt1 thead { | |
| display: block; | |
| float: left; | |
| } | |
| #rt1 tbody { | |
| display: block; | |
| width: auto; | |
| position: relative; | |
| overflow-x: auto; | |
| white-space: nowrap; | |
| } | |
| #rt1 thead tr { | |
| display: block; | |
| } | |
| #rt1 th { | |
| display: block; | |
| } | |
| #rt1 tbody tr { | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| #rt1 td { | |
| display: block; | |
| min-height: 1.25em; | |
| } | |
| #rt2 { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| } | |
| #rt2 thead { | |
| display: block; | |
| float: left; | |
| } | |
| #rt2 tbody { | |
| display: -webkit-box; | |
| overflow-x: auto; | |
| } | |
| #rt2 th, #rt2 tr, #rt2 td { | |
| display: block; | |
| } | |
| /* sort out borders */ | |
| .rt th { | |
| padding: 0.4em 2.75em; | |
| border-bottom: 0; | |
| } | |
| .rt td { | |
| padding: 0.4em 3.49em; | |
| border-left: 0; | |
| border-right: 0; | |
| border-bottom: 0; | |
| } | |
| .rt tbody tr { | |
| border-right: 1px solid #babcbf; | |
| } | |
| .rt th:last-child, .rt td:last-child { | |
| border-bottom: 1px solid #babcbf; | |
| } | |
| } | |
| /*Media Queries*/ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var tag = document.createElement("script"); | |
| tag.src = "//www.youtube.com/player_api"; | |
| var firstScriptTag = document.getElementsByTagName("script")[0]; | |
| firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); | |
| var o = document.getElementById("Modal"); | |
| var vidOverlay = document.getElementById("videoOverlay"); | |
| var mVidWrap = document.getElementById("mobileVidOverlay"); | |
| var vidWrap = document.getElementById("videoWrapper"); | |
| var playButton = document.getElementById("playButton"); | |
| var mid = document.getElementById("midContent"); | |
| var vid = document.getElementById("video"); | |
| var h = document.getElementById("holeBlock"); | |
| var n = document.getElementById("next"); | |
| var p = document.getElementById("prev"); | |
| var t = document.getElementById("thumb"); | |
| var main = document.getElementById("mainContent"); | |
| var preload = document.getElementById("preload"); | |
| var pager = document.getElementById("pager"); | |
| var tOne = document.getElementById("t1"); | |
| var tTwo = document.getElementById("t2"); | |
| var tThree = document.getElementById("t3"); | |
| var tFour = document.getElementById("t4"); | |
| var links = document.getElementsByTagName("a"); | |
| var par = document.getElementById("parNum"); | |
| var player; | |
| var value = isNaN(value) ? 1 : value; | |
| var playerIsReady = false; | |
| window.mobilecheck = function() { | |
| var check = false; | |
| (function(a) { | |
| if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|android|ipad|playbook|silk|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, | |
| 4))) { | |
| check = true; | |
| } | |
| })(navigator.userAgent || navigator.vendor || window.opera); | |
| return check; | |
| }; | |
| window.onYouTubePlayerAPIReady = function() { | |
| player = new YT.Player("video", {events:{"onReady":onPlayerReady, "onStateChange":onPlayerStateChange}}); | |
| }; | |
| function onPlayerReady(event) { | |
| main.style.display = "block"; | |
| preload.style.display = "none"; | |
| fitText(document.getElementById("botContent"), 2.47); | |
| fitText(document.getElementById("topContent"), 2.6); | |
| if (mobilecheck()) { | |
| playButton.addEventListener("click", function() { | |
| vidOverlay.style.display = "none"; | |
| pager.style.display = "none"; | |
| playerIsReady = true; | |
| }); | |
| } else { | |
| playButton.addEventListener("click", function() { | |
| vidOverlay.style.display = "none"; | |
| player.playVideo(); | |
| pager.style.display = "none"; | |
| }); | |
| } | |
| } | |
| function onPlayerStateChange(event) { | |
| if (event.data === 0) { | |
| pager.style.display = "block"; | |
| vidOverlay.style.display = "block"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| } | |
| } | |
| window.onload = function() { | |
| if (mobilecheck()) { | |
| mVidWrap.style.backgroundColor = "rgba(0,0,0,0.5)"; | |
| mVidWrap.style.zIndex = "0"; | |
| mVidWrap.innerHTML = "<div class='loader'></div>"; | |
| thumb.remove(); | |
| playButton.remove(); | |
| vid.src = "//www.youtube.com/embed/ZmIeI61hhsM?enablejsapi=1&rel=0&html5=1"; | |
| vid.onload = function() { | |
| vidOverlay.style.display = "none"; | |
| vidWrap.style.backgroundColor = "none"; | |
| }; | |
| } | |
| var data = [{"HoleNumber":"1", "TeeRow1":"504", "TeeRow2":"491", "Par":"5", "TeeRow3":"458", "TeeRow4":"441", "Source":"ZmIeI61hhsM"}, {"HoleNumber":"2", "TeeRow1":"195", "TeeRow2":"171", "Par":"3", "TeeRow3":"147", "TeeRow4":"130", "Source":"i9ETUrPLKdM"}, {"HoleNumber":"3", "TeeRow1":"408", "TeeRow2":"394", "Par":"4", "TeeRow3":"368", "TeeRow4":"325", "Source":"lUr3U_mgF8c"}, {"HoleNumber":"4", "TeeRow1":"182", "TeeRow2":"166", "Par":"3", "TeeRow3":"137", "TeeRow4":"120", "Source":"VgkJLKk5Smc"}, | |
| {"HoleNumber":"5", "TeeRow1":"343", "TeeRow2":"338", "Par":"4", "TeeRow3":"313", "TeeRow4":"257", "Source":"nWZDeeiU-uI"}, {"HoleNumber":"6", "TeeRow1":"572", "TeeRow2":"554", "Par":"5", "TeeRow3":"514", "TeeRow4":"444", "Source":"NqkzO7QM7z0"}, {"HoleNumber":"7", "TeeRow1":"375", "TeeRow2":"359", "Par":"4", "TeeRow3":"313", "TeeRow4":"286", "Source":"pqCZjR9KQ0o"}, {"HoleNumber":"8", "TeeRow1":"219", "TeeRow2":"201", "Par":"3", "TeeRow3":"169", "TeeRow4":"101", "Source":"kUJvrR8GTtM"}, {"HoleNumber":"9", | |
| "TeeRow1":"364", "TeeRow2":"354", "Par":"4", "TeeRow3":"327", "TeeRow4":"251", "Source":"hyMAwW_y6BI"}, {"HoleNumber":"10", "TeeRow1":"503", "TeeRow2":"490", "Par":"5", "TeeRow3":"469", "TeeRow4":"400", "Source":"ZD2KAo0nZVM"}, {"HoleNumber":"11", "TeeRow1":"195", "TeeRow2":"187", "Par":"3", "TeeRow3":"168", "TeeRow4":"134", "Source":"PliAr_qwHVE"}, {"HoleNumber":"12", "TeeRow1":"308", "TeeRow2":"303", "Par":"4", "TeeRow3":"270", "TeeRow4":"251", "Source":"hd6aMeyMQMk"}, {"HoleNumber":"13", "TeeRow1":"373", | |
| "TeeRow2":"365", "Par":"4", "TeeRow3":"330", "TeeRow4":"223", "Source":"aXw_cYrf6oc"}, {"HoleNumber":"14", "TeeRow1":"357", "TeeRow2":"343", "Par":"4", "TeeRow3":"304", "TeeRow4":"234", "Source":"jtFv-VsaNYI"}, {"HoleNumber":"15", "TeeRow1":"136", "TeeRow2":"128", "Par":"3", "TeeRow3":"121", "TeeRow4":"100", "Source":"LmUBF5jhjgE"}, {"HoleNumber":"16", "TeeRow1":"529", "TeeRow2":"518", "Par":"5", "TeeRow3":"446", "TeeRow4":"406", "Source":"0TC-5wNqdnk"}, {"HoleNumber":"17", "TeeRow1":"169", "TeeRow2":"150", | |
| "Par":"3", "TeeRow3":"142", "TeeRow4":"127", "Source":"gbzd4braRFE"}, {"HoleNumber":"18", "TeeRow1":"430", "TeeRow2":"421", "Par":"4", "TeeRow3":"385", "TeeRow4":"275", "Source":"ttywlWnEysQ"}]; | |
| function showNumber(ev) { | |
| ev.preventDefault(); | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| vidOverlay.style.display = "block"; | |
| pager.style.display = "block"; | |
| h.textContent = this.textContent; | |
| for (var i = data.length - 1;i >= 0;i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function next(ev) { | |
| ev.preventDefault(); | |
| vidOverlay.style.display = "block"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| pager.style.display = "block"; | |
| var hnuma = Number(h.textContent) + 1; | |
| h.textContent = hnuma; | |
| if (hnuma >= 19) { | |
| h.textContent = 1; | |
| } | |
| for (var i = data.length - 1;i >= 0;i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function prev(ev) { | |
| ev.preventDefault(); | |
| vidOverlay.style.display = "block"; | |
| pager.style.display = "block"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| var hnumb = Number(h.textContent) - 1; | |
| h.textContent = hnumb; | |
| if (hnumb <= 0) { | |
| h.textContent = 18; | |
| } | |
| for (var i = data.length - 1;i >= 0;i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function x(ev) { | |
| ev.preventDefault(); | |
| o.style.opacity = "0.0"; | |
| o.style.filter = "alpha(opacity=0)"; | |
| o.style.zIndex = "-1"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| return false; | |
| } | |
| Array.prototype.forEach.call(document.querySelectorAll(".tLink"), function(brr) { | |
| brr.addEventListener("click", showNumber); | |
| }); | |
| Array.prototype.forEach.call(document.querySelectorAll(".numberCircle"), function(arr) { | |
| arr.addEventListener("click", showNumber); | |
| }); | |
| n.addEventListener("click", next, false); | |
| p.addEventListener("click", prev, false); | |
| }; | |
| window.addEventListener('resize',function(){ | |
| fitText(document.getElementById("botContent"), 2.47); | |
| fitText(document.getElementById("topContent"), 2.6); | |
| }); | |
| window.addEventListener('orientationchange',function(){ | |
| fitText(document.getElementById("botContent"), 2.47); | |
| fitText(document.getElementById("topContent"), 2.6); | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment