| <?php | <?php |
| // Copyright 2009 Google Inc. All Rights Reserved. | // Copyright 2009 Google Inc. All Rights Reserved. |
| $GA_ACCOUNT = "MO-22173039-1"; | $GA_ACCOUNT = "MO-22173039-1"; |
| $GA_PIXEL = "/lib/ga.php"; | $GA_PIXEL = "/lib/ga.php"; |
| function googleAnalyticsGetImageUrl() | function googleAnalyticsGetImageUrl() |
| { | { |
| global $GA_ACCOUNT, $GA_PIXEL; | global $GA_ACCOUNT, $GA_PIXEL; |
| //if (stristr($_SERVER['HTTP_USER_AGENT'], 'Googlebot') return ""; | //if (stristr($_SERVER['HTTP_USER_AGENT'], 'Googlebot') return ""; |
| $url = ""; | $url = ""; |
| $url.= $GA_PIXEL . "?"; | $url.= $GA_PIXEL . "?"; |
| $url.= "utmac=" . $GA_ACCOUNT; | $url.= "utmac=" . $GA_ACCOUNT; |
| $url.= "&utmn=" . rand(0, 0x7fffffff); | $url.= "&utmn=" . rand(0, 0x7fffffff); |
| $referer = $_SERVER["HTTP_REFERER"]; | $referer = $_SERVER["HTTP_REFERER"]; |
| $query = $_SERVER["QUERY_STRING"]; | $query = $_SERVER["QUERY_STRING"]; |
| $path = $_SERVER["REQUEST_URI"]; | $path = $_SERVER["REQUEST_URI"]; |
| if (empty($referer)) { | if (empty($referer)) { |
| $referer = "-"; | $referer = "-"; |
| } | } |
| $url.= "&utmr=" . urlencode($referer); | $url.= "&utmr=" . urlencode($referer); |
| if (!empty($path)) { | if (!empty($path)) { |
| $url.= "&utmp=" . urlencode($path); | $url.= "&utmp=" . urlencode($path); |
| } | } |
| $url.= "&guid=ON"; | $url.= "&guid=ON"; |
| return str_replace("&", "&", $url); | return str_replace("&", "&", $url); |
| } | } |
| function include_header($pageTitle, $pageType, $opendiv = true, $geolocate = false, $datepicker = false) | function include_header($pageTitle, $pageType, $opendiv = true, $geolocate = false, $datepicker = false) |
| { | { |
| global $labsPath; | global $labsPath; |
| echo ' | echo ' |
| <!DOCTYPE html> | <!DOCTYPE html> |
| <html lang="en"> | <html lang="en"> |
| <head> | <head> |
| <meta charset="UTF-8"> | <meta charset="UTF-8"> |
| <title>' . $pageTitle . '</title> | <title>' . $pageTitle . '</title> |
| <meta name="google-site-verification" | <meta name="google-site-verification" |
| content="-53T5Qn4TB_de1NyfR_ZZkEVdUNcNFSaYKSFkWKx-sY" /> | content="-53T5Qn4TB_de1NyfR_ZZkEVdUNcNFSaYKSFkWKx-sY" /> |
| <link rel="stylesheet" href="'.$labsPath.'css/jquery-ui-1.8.12.custom.css" />'; | <link rel="stylesheet" href="'.$labsPath.'css/jquery-ui-1.8.12.custom.css" />'; |
| if (isDebugServer()) { | if (isDebugServer()) { |
| echo '<link rel="stylesheet" href="'.$labsPath.'css/jquery.mobile-1.0b1.css" /> | echo '<link rel="stylesheet" href="'.$labsPath.'css/jquery.mobile-1.0b1.css" /> |
| <script type="text/javascript" src="'.$labsPath.'js/jquery-1.6.1.min.js"></script> | <script type="text/javascript" src="'.$labsPath.'js/jquery-1.6.1.min.js"></script> |
| <script>$(document).bind("mobileinit", function(){ | <script>$(document).bind("mobileinit", function(){ |
| $.mobile.ajaxEnabled = false; | $.mobile.ajaxEnabled = false; |
| }); | }); |
| </script> | </script> |
| <script type="text/javascript" src="'.$labsPath.'js/jquery.mobile-1.0b1.js"></script>'; | <script type="text/javascript" src="'.$labsPath.'js/jquery.mobile-1.0b1.js"></script>'; |
| } | } |
| else { | else { |
| echo '<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" /> | echo '<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" /> |
| <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> |
| <script>$(document).bind("mobileinit", function(){ | <script>$(document).bind("mobileinit", function(){ |
| $.mobile.ajaxEnabled = false; | $.mobile.ajaxEnabled = false; |
| }); | }); |
| </script> | </script> |
| <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>'; | <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>'; |
| } | } |
| echo ' | echo ' |
| <script src="'.$labsPath.'js/jquery.ui.autocomplete.min.js"></script> | <script src="'.$labsPath.'js/jquery.ui.autocomplete.min.js"></script> |
| <script src="'.$labsPath.'js/jquery.ui.core.min.js"></script> | <script src="'.$labsPath.'js/jquery.ui.core.min.js"></script> |
| <script src="'.$labsPath.'js/jquery.ui.position.min.js"></script> | <script src="'.$labsPath.'js/jquery.ui.position.min.js"></script> |
| <script src="'.$labsPath.'js/jquery.ui.widget.min.js"></script> | <script src="'.$labsPath.'js/jquery.ui.widget.min.js"></script> |
| <script> | <script> |
| $(function() { | $(function() { |
| $( "#geolocate" ).autocomplete({ | $( "#geolocate" ).autocomplete({ |
| source: "lib/autocomplete.php", | source: "lib/autocomplete.php", |
| minLength: 2 | minLength: 2 |
| }); | }); |
| $( "#from" ).autocomplete({ | $( "#from" ).autocomplete({ |
| source: "lib/autocomplete.php", | source: "lib/autocomplete.php", |
| minLength: 2 | minLength: 2 |
| }); | }); |
| $( "#to" ).autocomplete({ | $( "#to" ).autocomplete({ |
| source: "lib/autocomplete.php", | source: "lib/autocomplete.php", |
| minLength: 2 | minLength: 2 |
| }); | }); |
| }); | }); |
| </script> | </script> |
| '; | '; |
| echo '<style type="text/css"> | echo '<style type="text/css"> |
| .ui-li-thumb, .ui-li-icon { position: relative; }'; | .ui-li-thumb, .ui-li-icon { position: relative; }'; |
| if (strstr($_SERVER['HTTP_USER_AGENT'], 'Android')) echo '.ui-shadow,.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a,.ui-body-b,.ui-btn-up-b,.ui-btn-hover-b, | if (strstr($_SERVER['HTTP_USER_AGENT'], 'Android')) echo '.ui-shadow,.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a,.ui-body-b,.ui-btn-up-b,.ui-btn-hover-b, |
| .ui-btn-down-b,.ui-bar-c,.ui-body-c,.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c,.ui-bar-c,.ui-body-d, | .ui-btn-down-b,.ui-bar-c,.ui-body-c,.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c,.ui-bar-c,.ui-body-d, |
| .ui-btn-up-d,.ui-btn-hover-d,.ui-btn-down-d,.ui-bar-d,.ui-body-e,.ui-btn-up-e,.ui-btn-hover-e, | .ui-btn-up-d,.ui-btn-hover-d,.ui-btn-down-d,.ui-bar-d,.ui-body-e,.ui-btn-up-e,.ui-btn-hover-e, |
| .ui-btn-down-e,.ui-bar-e,.ui-overlay-shadow,.ui-shadow,.ui-btn-active,.ui-body-a,.ui-bar-a { | .ui-btn-down-e,.ui-bar-e,.ui-overlay-shadow,.ui-shadow,.ui-btn-active,.ui-body-a,.ui-bar-a { |
| text-shadow: none; | text-shadow: none; |
| box-shadow: none; | box-shadow: none; |
| -webkit-box-shadow: none; | -webkit-box-shadow: none; |
| }'; | }'; |
| echo ' | echo ' |
| .ui-navbar { | .ui-navbar { |
| width: 100%; | width: 100%; |
| } | } |
| .ui-btn-inner { | .ui-btn-inner { |
| white-space: normal !important; | white-space: normal !important; |
| } | } |
| .ui-li-heading { | .ui-li-heading { |
| white-space: normal !important; | white-space: normal !important; |
| } | } |
| .ui-listview-filter { | .ui-listview-filter { |
| margin: 0 !important; | margin: 0 !important; |
| } | } |
| .ui-icon-navigation { | .ui-icon-navigation { |
| background-image: url('.$labsPath.'css/images/113-navigation.png); | background-image: url('.$labsPath.'css/images/113-navigation.png); |
| background-position: 1px 0; | background-position: 1px 0; |
| } | } |
| .ui-icon-beaker { | .ui-icon-beaker { |
| background-image: url('.$labsPath.'css/images/91-beaker-2.png); | background-image: url('.$labsPath.'css/images/91-beaker-2.png); |
| background-position: 1px 0; | background-position: 1px 0; |
| } | } |
| #footer { | #footer { |
| text-size: 0.75em; | text-size: 0.75em; |
| text-align: center; | text-align: center; |
| } | } |
| body { | body { |
| background-color: #F0F0F0; | background-color: #F0F0F0; |
| } | } |
| #jqm-homeheader { | #jqm-homeheader { |
| text-align: center; | text-align: center; |
| } | } |
| .viaPoints { | .viaPoints { |
| display: none; | display: none; |
| text-size: 0.2em; | text-size: 0.2em; |
| } | } |
| .min-width-480px .viaPoints { | .min-width-480px .viaPoints { |
| display: inline; | display: inline; |
| } | } |
| #extrainfo { | #extrainfo { |
| visibility: hidden; | visibility: hidden; |
| display: none; | display: none; |
| } | } |
| #servicewarning { | #servicewarning { |
| padding: 1em; | padding: 1em; |
| margin-bottom: 0.5em; | margin-bottom: 0.5em; |
| text-size: 0.2em; | text-size: 0.2em; |
| background-color: #FF9; | background-color: #FF9; |
| -moz-border-radius: 15px; | -moz-border-radius: 15px; |
| border-radius: 15px; | border-radius: 15px; |
| } | } |
| #footer { | #footer { |
| clear:both; | clear:both; |
| text-align:center; | text-align:center; |
| } | } |
| // source http://webaim.org/techniques/skipnav/ | // source http://webaim.org/techniques/skipnav/ |
| #skip a, #skip a:hover, #skip a:visited | #skip a, #skip a:hover, #skip a:visited |
| { | { |
| position:absolute; | position:absolute; |
| left:0px; | left:0px; |
| top:-500px; | top:-500px; |
| width:1px; | width:1px; |
| height:1px; | height:1px; |
| overflow:hidden; | overflow:hidden; |
| } | } |
| #skip a:active, #skip a:focus | #skip a:active, #skip a:focus |
| { | { |
| position:static; | position:static; |
| width:auto; | width:auto; |
| height:auto; | height:auto; |
| } | } |
| // adaptive layout from jQuery Mobile docs site | // adaptive layout from jQuery Mobile docs site |
| .type-interior .content-secondary { | .type-interior .content-secondary { |
| border-right: 0; | border-right: 0; |
| border-left: 0; | border-left: 0; |
| margin: 10px -15px 0; | margin: 10px -15px 0; |
| background: #fff; | background: #fff; |
| border-top: 1px solid #ccc; | border-top: 1px solid #ccc; |
| } | } |
| .type-home .ui-content { | .type-home .ui-content { |
| margin-top: 5px; | margin-top: 5px; |
| } | } |
| .type-interior .ui-content { | .type-interior .ui-content { |
| padding-bottom: 0; | padding-bottom: 0; |
| } | } |
| .content-secondary .ui-collapsible-contain { | .content-secondary .ui-collapsible-contain { |
| padding: 10px 15px; | padding: 10px 15px; |
| } | } |
| .content-secondary .ui-collapsible-heading { | .content-secondary .ui-collapsible-heading { |
| margin: 0 0 30px; | margin: 0 0 30px; |
| } | } |
| .content-secondary .ui-collapsible-heading-collapsed, | .content-secondary .ui-collapsible-heading-collapsed, |
| .content-secondary .ui-collapsible-content { | .content-secondary .ui-collapsible-content { |
| padding:0; | padding:0; |
| margin: 0; | margin: 0; |
| } | } |
| @media all and (min-width: 650px){ | @media all and (min-width: 650px){ |
| .content-secondary { | .content-secondary { |
| text-align: left; | text-align: left; |
| float: left; | float: left; |
| width: 45%; | width: 45%; |
| background: none; | background: none; |
| border-top: 0; | border-top: 0; |
| } | } |
| .content-secondary, | .content-secondary, |
| .type-interior .content-secondary { | .type-interior .content-secondary { |
| margin: 30px 0 20px 2%; | margin: 30px 0 20px 2%; |
| padding: 20px 4% 0 0; | padding: 20px 4% 0 0; |
| background: none; | background: none; |
| } | } |
| .type-index .content-secondary { | .type-index .content-secondary { |
| padding: 0; | padding: 0; |
| } | } |
| .type-index .content-secondary .ui-listview { | .type-index .content-secondary .ui-listview { |
| margin: 0; | margin: 0; |
| } | } |
| .content-primary { | .content-primary { |
| width: 45%; | width: 45%; |
| float: right; | float: right; |
| margin-top: 30px; | margin-top: 30px; |
| margin-right: 1%; | margin-right: 1%; |
| padding-right: 1%; | padding-right: 1%; |
| } | } |
| .content-primary ul:first-child { | .content-primary ul:first-child { |
| margin-top: 0; | margin-top: 0; |
| } | } |
| .type-interior .content-primary { | .type-interior .content-primary { |
| padding: 1.5em 6% 3em 0; | padding: 1.5em 6% 3em 0; |
| margin: 0; | margin: 0; |
| } | } |
| /* fix up the collapsibles - expanded on desktop */ | /* fix up the collapsibles - expanded on desktop */ |
| .content-secondary .ui-collapsible-heading { | .content-secondary .ui-collapsible-heading { |
| display: none; | display: none; |
| } | } |
| .content-secondary .ui-collapsible-contain { | .content-secondary .ui-collapsible-contain { |
| margin:0; | margin:0; |
| } | } |
| .content-secondary .ui-collapsible-content { | .content-secondary .ui-collapsible-content { |
| display: block; | display: block; |
| margin: 0; | margin: 0; |
| padding: 0; | padding: 0; |
| } | } |
| .type-interior .content-secondary .ui-li-divider { | .type-interior .content-secondary .ui-li-divider { |
| padding-top: 1em; | padding-top: 1em; |
| padding-bottom: 1em; | padding-bottom: 1em; |
| } | } |
| .type-interior .content-secondary { | .type-interior .content-secondary { |
| margin: 0; | margin: 0; |
| padding: 0; | padding: 0; |
| } | } |
| } | } |
| @media all and (min-width: 750px){ | @media all and (min-width: 750px){ |
| .type-home .ui-content, | .type-home .ui-content, |
| .type-interior .ui-content { | .type-interior .ui-content { |
| background-position: 39%; | background-position: 39%; |
| } | } |
| .content-secondary { | .content-secondary { |
| width: 34%; | width: 34%; |
| } | } |
| .content-primary { | .content-primary { |
| width: 56%; | width: 56%; |
| padding-right: 1%; | padding-right: 1%; |
| } | } |
| .type-interior .ui-content { | .type-interior .ui-content { |
| background-position: 34%; | background-position: 34%; |
| } | } |
| } | } |
| @media all and (min-width: 1200px){ | @media all and (min-width: 1200px){ |
| .type-home .ui-content{ | .type-home .ui-content{ |
| background-position: 38.5%; | background-position: 38.5%; |
| } | } |
| .type-interior .ui-content { | .type-interior .ui-content { |
| background-position: 30%; | background-position: 30%; |
| } | } |
| .content-secondary { | .content-secondary { |
| width: 30%; | width: 30%; |
| padding-right:6%; | padding-right:6%; |
| margin: 30px 0 20px 5%; | margin: 30px 0 20px 5%; |
| } | } |
| .type-interior .content-secondary { | .type-interior .content-secondary { |
| margin: 0; | margin: 0; |
| padding: 0; | padding: 0; |
| } | } |
| .content-primary { | .content-primary { |
| width: 50%; | width: 50%; |
| margin-right: 5%; | margin-right: 5%; |
| padding-right: 3%; | padding-right: 3%; |
| } | } |
| .type-interior .content-primary { | .type-interior .content-primary { |
| width: 60%; | width: 60%; |
| } | } |
| } | } |
| </style>'; | </style>'; |
| if (strstr($_SERVER['HTTP_USER_AGENT'], 'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'], 'iPod') || strstr($_SERVER['HTTP_USER_AGENT'], 'iPad')) { | if (strstr($_SERVER['HTTP_USER_AGENT'], 'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'], 'iPod') || strstr($_SERVER['HTTP_USER_AGENT'], 'iPad')) { |
| echo '<meta name="apple-mobile-web-app-capable" content="yes" /> | echo '<meta name="apple-mobile-web-app-capable" content="yes" /> |
| <meta name="apple-mobile-web-app-status-bar-style" content="black" /> | <meta name="apple-mobile-web-app-status-bar-style" content="black" /> |
| <link rel="apple-touch-startup-image" href="startup.png" /> | <link rel="apple-touch-startup-image" href="startup.png" /> |
| <link rel="apple-touch-icon" href="apple-touch-icon.png" />'; | <link rel="apple-touch-icon" href="apple-touch-icon.png" />'; |
| } | } |
| if ($geolocate) { | if ($geolocate) { |
| echo "<script> | echo "<script> |
| function success(position) { | function success(position) { |
| $('#error').val('Location now detected. Please wait for data to load.'); | $('#error').val('Location now detected. Please wait for data to load.'); |
| $('#geolocate').val(position.coords.latitude+','+position.coords.longitude); | $('#geolocate').val(position.coords.latitude+','+position.coords.longitude); |
| $.ajax({ url: \"include/common.inc.php?geolocate=yes&lat=\"+position.coords.latitude+\"&lon=\"+position.coords.longitude }); | $.ajax({ url: \"include/common.inc.php?geolocate=yes&lat=\"+position.coords.latitude+\"&lon=\"+position.coords.longitude }); |
| location.reload(true); | location.reload(true); |
| } | } |
| function error(msg) { | function error(msg) { |
| $('#error').val('Error: '+msg); | $('#error').val('Error: '+msg); |
| } | } |
| function geolocate() { | function geolocate() { |
| if (navigator.geolocation) { | if (navigator.geolocation) { |
| var options = { | var options = { |
| enableHighAccuracy: true, | enableHighAccuracy: true, |
| timeout: 60000, | timeout: 60000, |
| maximumAge: 10000 | maximumAge: 10000 |
| } | } |
| navigator.geolocation.getCurrentPosition(success, error, options); | navigator.geolocation.getCurrentPosition(success, error, options); |
| } | } |
| } | } |
| $(document).ready(function() { | $(document).ready(function() { |
| $('#here').click(function(event) { $('#geolocate').val(geolocate()); return false;}); | $('#here').click(function(event) { $('#geolocate').val(geolocate()); return false;}); |
| $('#here').show(); | $('#here').show(); |
| /*if ($.mobile.media('screen and (min-width: 768px)')) { | |
| $('map a:first').click(); | |
| $('#settings a:first').click(); | |
| }*/ | |
| }); | }); |
| "; | "; |
| if (!isset($_SESSION['lat']) || $_SESSION['lat'] == "") echo "geolocate();"; | if (!isset($_SESSION['lat']) || $_SESSION['lat'] == "") echo "geolocate();"; |
| echo "</script> "; | echo "</script> "; |
| } | } |
| if (isAnalyticsOn()) echo ' | if (isAnalyticsOn()) echo ' |
| <script type="text/javascript">' . " | <script type="text/javascript">' . " |
| var _gaq = _gaq || []; | var _gaq = _gaq || []; |
| _gaq.push(['_setAccount', 'UA-22173039-1']); | _gaq.push(['_setAccount', 'UA-22173039-1']); |
| _gaq.push(['_trackPageview']); | _gaq.push(['_trackPageview']); |
| _gaq.push(['_trackPageLoadTime']); | _gaq.push(['_trackPageLoadTime']); |
| </script>"; | </script>"; |
| echo '</head> | echo '</head> |
| <body> | <body> |
| <div id="skip"> | <div id="skip"> |
| <a href="#maincontent">Skip to content</a> | <a href="#maincontent">Skip to content</a> |
| </div> | </div> |
| '; | '; |
| if ($opendiv) { | if ($opendiv) { |
| echo '<div data-role="page"> | echo '<div data-role="page"> |
| <div data-role="header" data-position="inline"> | <div data-role="header" data-position="inline"> |
| <a href="' . (isset($_SERVER["HTTP_REFERER"]) ? $_SERVER["HTTP_REFERER"] : "javascript:history.go(-1)") . '" data-icon="arrow-l" data-rel="back" class="ui-btn-left">Back</a> | <a href="' . (isset($_SERVER["HTTP_REFERER"]) ? $_SERVER["HTTP_REFERER"] : "javascript:history.go(-1)") . '" data-icon="arrow-l" data-rel="back" class="ui-btn-left">Back</a> |
| <h1>' . $pageTitle . '</h1> | <h1>' . $pageTitle . '</h1> |
| <a href="'.$labsPath.'/index.php" data-icon="home" class="ui-btn-right">Home</a> | <a href="'.$labsPath.'/index.php" data-icon="home" class="ui-btn-right">Home</a> |
| </div><!-- /header --> | </div><!-- /header --> |
| <a name="maincontent" id="maincontent"></a> | <a name="maincontent" id="maincontent"></a> |
| <div data-role="content"> '; | <div data-role="content"> '; |
| $overrides = getServiceOverride(); | $overrides = getServiceOverride(); |
| if ($overrides['service_id']) { | if ($overrides['service_id']) { |
| if ($overrides['service_id'] == "noservice") { | if ($overrides['service_id'] == "noservice") { |
| echo '<div id="servicewarning">Buses are <strong>not running today</strong> due to industrial action/public holiday. See <a | echo '<div id="servicewarning">Buses are <strong>not running today</strong> due to industrial action/public holiday. See <a |
| href="http://www.action.act.gov.au">http://www.action.act.gov.au</a> for details.</div>'; | href="http://www.action.act.gov.au">http://www.action.act.gov.au</a> for details.</div>'; |
| } | } |
| else { | else { |
| echo '<div id="servicewarning">Buses are running on an altered timetable today due to industrial action/public holiday. See <a href="http://www.action.act.gov.au">http://www.action.act.gov.au</a> for details.</div>'; | echo '<div id="servicewarning">Buses are running on an altered timetable today due to industrial action/public holiday. See <a href="http://www.action.act.gov.au">http://www.action.act.gov.au</a> for details.</div>'; |
| } | } |
| } | } |
| } | } |
| } | } |
| function include_footer() | function include_footer() |
| { | { |
| global $labsPath; | global $labsPath; |
| echo '<div id="footer"><a href="'.$labsPath.'about.php">About/Contact Us</a> <a href="'.$labsPath.'feedback.php">Feedback/Bug Report</a> <a href="'.$labsPath.'privacy.php">Privacy Policy</a>'; | echo '<div id="footer"><a href="'.$labsPath.'about.php">About/Contact Us</a> <a href="'.$labsPath.'feedback.php">Feedback/Bug Report</a> <a href="'.$labsPath.'privacy.php">Privacy Policy</a>'; |
| echo '</div>'; | echo '</div>'; |
| if (isAnalyticsOn()) { | if (isAnalyticsOn()) { |
| echo "<script> (function() { | echo "<script> (function() { |
| var ga = document.createElement('script'); ga.type = | var ga = document.createElement('script'); ga.type = |