PageSourceSearch

https://oxontime.com/home

html oxontime.com collected 2026-10-04 21:45:15 UTC 19,737 bytes, 598 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="h-100">
3
4<head>
5    <!-- Google Tag Manager -->
6    
6<script nonce='pYwE6GZ5UsGlQH3huNzxoz2lsqCGSXQd' id="gtmScript">
7        (function(w, d, s, l, i) {
8            w[l] = w[l] || [];
9            w[l].push({
10                'gtm.start': new Date().getTime(),
11                event: 'gtm.js'
12            });
13            var f = d.getElementsByTagName(s)[0],
14                j = d.createElement(s),
15                dl = l != 'dataLayer' ? '&l=' + l : '';
16            j.async = true;
17            j.src =
18                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
19            var n = d.querySelector('[nonce]');
20            n && j.setAttribute('nonce', n.nonce || n.getAttribute('nonce'));
21            f.parentNode.insertBefore(j, f);
22        })(window, document, 'script', 'dataLayer', 'GTM-N5TRW4D');
23    </script>
23
24    <!-- End Google Tag Manager -->
25    <meta charset="utf-8">
26    
27    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
28    <meta name="referrer" content="strict-origin-when-cross-origin">
29    <meta name="description" content="Real Time Passenger Information across Oxfordshire - Bus Services and Timetable, Routes and Live Bus Times, Arrival and Departure Time for journeys within Oxford and environs - Track buses on the map/route in realtime">
30    <meta name="author" content="R2P UK Systems Limited">
31    <link rel="shortcut icon" href="images/oxontime/favicon.ico">
32    <link rel="canonical"
33        href="https://oxontime.com/live_times">
34    
34<script nonce="pYwE6GZ5UsGlQH3huNzxoz2lsqCGSXQd">
35        (function() {
36            let cookie_settings = localStorage.getItem('cookie_settings');
37            if (cookie_settings) {
38                cookie_settings = JSON.parse(cookie_settings);
39
40                if (cookie_settings.twitter) {
41                    dataLayer.push({
42                        event: 'acceptedTwitterCookies'
43                    });
44                }
45
46                if (cookie_settings.google_analytics) {
47                    //Nothing for now
48                } else {
49                    window['ga-disable-' + 'UA-164176345-2'] = true;
50                }
51
52                /*if(cookie_settings.zipabout){
53                    dataLayer.push({event: 'acceptedZipaboutCookies'});
54                }*/
55
56            } else {
57                cookie_settings = {
58                    welcome_message: false,
59                    policy_accepted: false,
60                    twitter: false,
61                    facebook: false,
62                    zipabout: false,
63                    google_analytics: false
64                };
65
66                //DELETES ALL COOCKIES
67                let cookies = document.cookie.split(";");
68                for (var i = 0; i < cookies.length; i++) {
69                    var cookie = cookies[i];
70                    var eqPos = cookie.indexOf("=");
71                    var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
72                    document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
73                }
74
75
76                localStorage.removeItem('welcomeMessage');
77                localStorage.removeItem('policynotice');
78                localStorage.setItem('cookie_settings', JSON.stringify(cookie_settings));
79            }
80            window.cookieSettings = cookie_settings;
81        })()
82    </script>
82
83    
83<script nonce="pYwE6GZ5UsGlQH3huNzxoz2lsqCGSXQd">
84        (function() {
85            
86            
87            let metaurl = location.href.replace(/\/$/, "");
88            window.pwiCanonicalRoot = "https://oxontime.com";
89            window.pwiSiteName =
90                "Oxontime";
91
92            window.pwiPageName = "Home";
93            window.realtimeRefresh = "20";
94            window.mapCenter = "51.7503955,-1.3176276".split(",").map(Number).reverse();
95
96            if (location.hash) {
97                const hash = metaurl.split("#");
98                if (['sms_services', 'terms', 'coverage', 'cookies'].includes(hash[1])) {
99                    // console.log(hash[1]);
100                    metaurl = pwiCanonicalRoot + "" + "#" + hash[1];
101                    document.querySelector('link[rel="canonical"]').setAttribute("href", metaurl);
102                }
103            }
104
105            let routegroups = false;
106            let operatorMapping = false;
107
108            try {
109                operatorMapping = '1';
110            } catch (e) {
111
112            }
113            try {
114                routegroups = '1';
115            } catch (e) {
116
117            }
118
119            if (routegroups) {
120                window.routegroups = [];
121            }
122
123            if (operatorMapping) {
124                window.operatorMapping = {"CTNY":{"operator_code":"TV","operator_name":"Courtney\/Thames Valley Buses"},"THVB":{"operator_code":"TV","operator_name":"Courtney\/Thames Valley Buses"},"NADS":{"operator_name":"Newbury & District","operator_code":"ND"}};
125            } else {
126                window.operatorMapping = {
127                    empty: "Null"
128                };
129            }
130
131            window.belongsToGroupWith = function(route) {
132                let group = window.routegroups.find(function(group) {
133                    return group.includes(route);
134                });
135                if (group) {
136                    let similar = group.find(function(member) {
137                        return member != route;
138                    });
139                    return similar.split('_');
140                }
141                return false;
142            };
143        })()
144    </script>
144
145    <!-- CSRF Token -->
146    <meta name="csrf-token" content="UKqmPT0gKPTektA6A9nnt52M3BSMfPL0dWhdpuV3">
147    <meta name="twitter:dnt" content="on">
148
149    <meta property="og:title"
150        content="Home | Oxontime" />
151    <meta property="og:type" content="website" />
152    <meta property="og:url"
153        content="https://oxontime.com/live_times" />
154    <meta property="og:description" content="Real Time Passenger Information across Oxfordshire - Bus Services and Timetable, Routes and Live Bus Times, Arrival and Departure Time for journeys within Oxford and environs - Track buses on the map/route in realtime" />
155    <meta property="og:image"
156        content="https://oxontime.com/images/oxontime/header-logo.png">
157    <meta property="og:image:secure_url"
158        content="https://oxontime.com/images/oxontime/header-logo.png">
159    <meta name="google-site-verification" content="_o3169--WPhur5-T_NGsPWpHc1M3Z2m_MYSSGclK2LI" />
160
161    <title>
162        Home | Oxontime
163    </title>
164
165    <!-- Scripts -->
166    
167    
167<script nonce="pYwE6GZ5UsGlQH3huNzxoz2lsqCGSXQd" src="/js/app.js?id=3b6cbebcc072f49272d7d92b9a47404b" defer></script>
167
168
169
170    <!-- Fonts -->
171    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
172        integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
173    <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
174    
175    
176
177    <!-- Styles -->
178    
179    <link href="/css/app.css?id=81d1e53139ccfbe993cd4d20d6367307" rel="stylesheet">
180
181    <style>
182        body {
183            font-family: 'Montserrat';
184        }
185
186        body::-webkit-scrollbar {
187            width: .6rem;
188        }
189
190        body::-webkit-scrollbar-track {
191            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
192        }
193
194        body::-webkit-scrollbar-thumb {
195            /*background-color: darkgrey;*/
196            background: linear-gradient(180deg, #e1e6f3, #824346);
197            outline: 1px solid #9c7073;
198            border-radius: .2rem;
199        }
200
201        .bd-placeholder-img {
202            font-size: 1.125rem;
203            text-anchor: middle;
204            -webkit-user-select: none;
205            -moz-user-select: none;
206            -ms-user-select: none;
207            user-select: none;
208        }
209
210        @media (min-width: 768px) {
211            .bd-placeholder-img-lg {
212                font-size: 3.5rem;
213            }
214        }
215
216        /* Custom page CSS
217-------------------------------------------------- */
218        /* Not required for template or sticky footer method. */
219        main {
220            margin-top: 93px;
221        }
222
223        main.live-times {
224            left: 0px;
225            width: 100%;
226            height: 100%;
227            margin-top: 68px;
228        }
229
230        img#logo-header {
231            height: 3.5rem !important;
232        }
233
234        .navbar {
235            padding: 0.1rem 0.4rem 0rem 0rem !important;
236        }
237
238        .navbar-brand {
239            padding-top: 0rem !important;
240            padding-bottom: 0rem !important;
241        }
242
243        .navbar-toggler {
244            padding: 0rem 0rem !important;
245            border: none !important;
246        }
247
248        .navbar-nav {
249            padding-left: 1rem;
250        }
251
252        .footer-socials {
253            margin-top: 12px;
254            text-align: right;
255        }
256
257        .list-inline {
258            padding-left: 0;
259            margin-left: -5px;
260            list-style: none;
261        }
262
263        .list-inline>li {
264            display: inline-block;
265            padding-right: 5px;
266            padding-left: 5px;
267        }
268
269        .pointer {
270            cursor: pointer;
271        }
272
273        .bg-pwi-light {
274            background-color: #f9f2f2 !important;
275        }
276
277        .bg-pwi-dark {
278            background-color: #824346 !important;
279        }
280
281        .bg-pwi-ticker {
282            background-color: #824346 !important;
283        }
284
285        .navbar-dark .navbar-nav .nav-link {
286            color: #793637;
287        }
288
289        .btn-oxontime {
290            background-color: #824346 !important;
291            color: #fafafa !important;
292        }
293
294        .text-oxontime {
295            color: #222222 !important;
296        }
297
298        .route-stop-bl-oxontime {
299            border-left: 3px solid #824346 !important;
300        }
301
302        .btn-outline-oxontime {
303            border-color: #824346 !important;
304            color: #824346 !important;
305        }
306
307        .box-oxontime {
308            border-top-color: #824346 !important;
309        }
310
311        .dropdown-menu.map-control-dropdown-menu.sm {
312            min-width: calc(100vw - 10px);
313        }
314
315        img.partners {
316            max-height: 40px;
317        }
318
319        #partners .vcenter {
320            display: inline-block;
321            vertical-align: middle;
322            float: none;
323        }
324
325        .footer-main .copyright {
326            background: #222222;
327            border-top: none;
328            padding: 10px 0 5px;
329        }
330
331        .footer-main .copyright p {
332            color: #eee;
333            margin-top: 14px
334        }
335
336        .footer-main .copyright a {
337            color: whitesmoke;
338        }
339
340        .pwi-ol-zoom {
341            bottom: .5em !important;
342            top: unset !important;
343        }
344
345        .pwi-ol-full-screen {
346            bottom: 2.7em !important;
347            right: .5em !important;
348        }
349
350        .pwi-ol-user-location.ol-control.ol-unselectable {
351            bottom: 77px !important;
352        }
353
354        .marquee {
355            height: 1.5em;
356            width: 100%;
357            overflow: hidden;
358            position: relative;
359        }
360
361        .marquee p {
362            position: inherit;
363            width: inherit;
364            white-space: nowrap;
365            height: 100%;
366            margin: 0;
367            line-height: 1.5em;
368            text-align: center;
369            -moz-animation: scroll-left 30s linear infinite;
370            -webkit-animation: scroll-left 30s linear infinite;
371            animation: scroll-left 30s linear infinite;
372
373            -moz-transform: translateX(100%);
374            -webkit-transform: translateX(100%);
375            transform: translateX(100%);
376        }
377
378        @-moz-keyframes scroll-left {
379            0% {
380                -moz-transform: translateX(100%);
381            }
382
383            100% {
384                -moz-transform: translateX(-100%);
385            }
386        }
387
388        @-webkit-keyframes scroll-left {
389            0% {
390                -webkit-transform: translateX(100%);
391            }
392
393            100% {
394                -webkit-transform: translateX(-100%);
395            }
396        }
397
398        @keyframes  scroll-left {
399            0% {
400                -moz-transform: translateX(100%);
401                -webkit-transform: translateX(100%);
402                transform: translateX(100%);
403            }
404
405            100% {
406                -moz-transform: translateX(-100%);
407                -webkit-transform: translateX(-100%);
408                transform: translateX(-100%);
409            }
410        }
411
412        @media  only screen and (max-width: 600px) {
413            .marquee p {
414                position: inherit;
415                width: inherit;
416                white-space: nowrap;
417                height: 100%;
418                margin-left: 0;
419                line-height: 1.5em;
420                text-align: left;
421                /*-moz-transform: translateX(20%);*/
422                /*-webkit-transform: translateX(20%);*/
423                /*transform: translateX(20%);*/
424                -moz-animation: scroll-left 15s linear infinite;
425                -webkit-animation: scroll-left 15s linear infinite;
426                animation: scroll-left 15s linear infinite;
427            }
428
429            /*@-moz-keyframes scroll-left {*/
430            /*    0% {*/
431            /*        -moz-transform: translateX(20%);*/
432            /*    }*/
433            /*    100% {*/
434            /*        -moz-transform: translateX(-100%);*/
435            /*    }*/
436            /*}*/
437
438            /*@-webkit-keyframes scroll-left {*/
439            /*    0% {*/
440            /*        -webkit-transform: translateX(20%);*/
441            /*    }*/
442            /*    100% {*/
443            /*        -webkit-transform: translateX(-100%);*/
444            /*    }*/
445            /*}*/
446
447            /*@keyframes  scroll-left {*/
448            /*    0% {*/
449            /*        -moz-transform: translateX(20%);*/
450            /*        -webkit-transform: translateX(20%);*/
451            /*        transform: translateX(20%);*/
452            /*    }*/
453            /*    100% {*/
454            /*        -moz-transform: translateX(-100%);*/
455            /*        -webkit-transform: translateX(-100%);*/
456            /*        transform: translateX(-100%);*/
457            /*    }*/
458            /*}*/
459        }
460
461        .pwi-vs .vs__search::placeholder,
462        .pwi-vs .vs__dropdown-toggle,
463        .pwi-vs .vs__dropdown-menu,
464        .pwi-vs .vs__selected {
465            background: #f9f2f2;
466            border: 0.1rem solid #a10f2b;
467            color: #a10f2b;
468            text-transform: lowercase;
469            font-variant: small-caps;
470        }
471
472        .home-info {
473            color: #824346;
474            font-weight: 700;
475        }
476
477        li.favourite {
478            padding: 0.25rem 0.5rem !important;
479            background-color: #9c7072 !important;
480            color: #fff !important;
481            margin: 0.2rem 0.4rem !important;
482        }
483
484        .text-info-pwi {
485            color: #824346 !important
486        }
487
488        .service-list {
489            max-height: 380px;
490            overflow-x: hidden;
491            overflow-y: auto;
492            background-color: #f9f2f2 !important;
493            border: 0.15rem solid #824346 !important;
494        }
495
496        .service-list::-webkit-scrollbar-thumb {
497            background: linear-gradient(180deg, #824346, #f9f2f2) !important;
498            outline: 1px solid #f3e2e3 !important;
499            border-radius: .1rem;
500        }
501
502        .list-group-item-pwi {
503            color: #fff !important;
504            background-color: #9c7072 !important;
505            margin: 0.2rem 0.4rem;
506        }
507
508        .pwi-oxontime-badge {
509            color: #f9f2f2 !important;
510            background-color: #824346 !important;
511        }
512
513        .pwi-badge {
514            color: #f9f2f2 !important;
515            background-color: #824346 !important;
516        }
517
518        li.stops:after {
519            content: '';
520            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 32 32' focusable='false'%3E%3Ccircle stroke='none' fill='%23824346' cx='16' cy='16' r='10'%3E%3C/circle%3E%3C/svg%3E") !important;
521            position: absolute;
522            left: -12px !important;
523            height: 21px !important;
524            width: 21px !important;
525        }
526
527        .location-searcher {
528            top: 100px !important;
529        }
530
531        .location-searcher-menu {
532            border: 1px solid #824346;
533        }
534
535        .location-searcher-menu a:hover {
536            color: white !important;
537            background-color: #9c7072 !important;
538        }
539
540        .search-heading {
541            color: white !important;
542            background-color: #824346 !important;
543        }
544    </style>
545    </head>
546
547<body class="d-flex flex-column h-100">
548    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 548-549
548
549    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
549GTM-N5TRW4D
vendor: 99 bytes, lines 549-551
549" height="0"
550            width="0" style="display:none;visibility:hidden"></iframe></noscript>
551    
551<!-- End Google Tag Manager (noscript) -->
552    <div id="app" style="display: contents">
553        <pwi-policy
554            :policies="{&quot;facebook&quot;:true,&quot;zipabout&quot;:false,&quot;twitter&quot;:true}"></pwi-policy>
555        <pwi-welcome-message-oxontime></pwi-welcome-message-oxontime>
556                <loader></loader>
557                <div>
558    <header class="d-flex flex-column flex-md-row align-items-md-center bg-pwi-ticker fixed-top" style="top: 58px !important; padding: 5px; color: #ffffff;">
559        <div class="marquee">
560            <p class="d-none"> <<  &emsp; Welcome to the Oxontime – here you can find live bus times for all the services in Oxford and the surrounding areas </p>
561        </div>
562    </header>
563    <header>
564        <!-- Fixed navbar -->
565        <nav class="navbar navbar-expand-md navbar-light fixed-top bg-pwi-light">
566            <div class="container">
567                <a class="navbar-brand" href="/">
568                    <img id="logo-header" src="images/oxontime/header-logo.png" height="30" alt="Berkshire Logo">
569                </a>
570                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
571                    <span class="navbar-toggler-icon"></span>
572                </button>
573                <div class="collapse navbar-collapse" id="navbarCollapse">
574                    <ul class="navbar-nav m-auto">
575                        <li class="nav-item active">
576                            <a class="nav-link" href="https://oxontime.com/home">Home <span class="sr-only">(current)</span></a>
577                        </li>
578                        <li class="nav-item ">
579                            <a class="nav-link" href="https://oxontime.com/latest_news">Latest News</a>
580                        </li>
581                        <li class="nav-item ">
582                            <a class="nav-link" href="https://oxontime.com/about">About</a>
583                        </li>
584                    </ul>
585                </div>
586            </div>
587        </nav>
588    </header>
589</div>
590
591                    <pwi-live-times :clientdata="{&quot;imageUrl&quot;:&quot;\/images\/oxontime\/oxfordspires.jpg&quot;,&quot;client&quot;:&quot;oxontime&quot;,&quot;city&quot;:&quot;Oxfordshire&quot;,&quot;headerHeight&quot;:&quot;92px&quot;,&quot;clientSearchString&quot;:&quot;&amp;format=json&amp;countrycodes=gb&amp;limit=3&amp;addressdetails=1&amp;viewbox=-1.316215,51.701090,-1.156240,51.796791&amp;bounded=1&quot;}"></pwi-live-times>
592       
593            </div>
594    
595
596</body>
597
598</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.