Skip to content

Commit

Permalink
fixed issues
Browse files Browse the repository at this point in the history
  • Loading branch information
@athulvis
athulvis committed Jul 8, 2024
1 parent d8e3136 commit 6b40d68
Show file tree
Hide file tree
Showing 10 changed files with 72 additions and 111 deletions.
Binary file added img/Hot_logo.svg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified img/Logo_Unroll.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/geominds.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions img/hot-logo-text.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/hotlogo.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
46 changes: 12 additions & 34 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,48 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>Kerala City Transport Tracker</title>
<title>Unroll Kerala</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://unpkg.com/[email protected]/dist/css/materialize/tabulator_materialize.min.css" rel="stylesheet">
<link rel="stylesheet" href="main.css">
<style>
@media (max-width: 768px) {
header {
flex-direction: column;
align-items: flex-start;
}
header > div {
justify-content: center;
width: 100%;
text-align: center;
}
.w3-right {
justify-content: center;
margin-top: 10px;
}
.w3-right img {
margin-left: 5px;
margin-right: 5px;
}
}
</style>
</head>

<body class="w3-light-grey" onload="on_load()">

<header class="w3-container w3-junglebus" style="display: flex; align-items: center; justify-content: space-between;">
<div style="display: flex; align-items: center; flex: 1;">
<img src="img/Logo_Unroll.png" alt="Logo" class="w3-left w3-margin-right" style="height:80px">
<h1>Kerala City Transport Tracker</h1>
</div>
<div class="w3-right" style="display: flex; align-items: center; margin-top: 10px;">
<img src="img/odk_logo.png" alt="Logo1" style="height:80px; margin-left: 10px;">
<img src="img/gm_Logo.png" alt="Logo2" style="height:80px; margin-left: 10px;">
<img src="img/SDCF-Logo.png" alt="Logo3" style="height:80px; margin-left: 10px;">
</div>
<header class="w3-container w3-junglebus">
<img src="img/Logo_Unroll.png" alt="Logo" class="w3-left w3-margin-right" style="height:80px">
<h1>Unroll Kerala</h1>
</header>

<!-- Header -->
Expand Down Expand Up @@ -102,9 +74,15 @@ <h3 data-i18n="Check out some examples to get inspired">Check out some examples
<!-- End page content -->
</div>

<footer class="w3-container w3-junglebus w3-center w3-margin-top w3-tiny">
<footer class="w3-container w3-junglelightbus w3-center w3-margin-top w3-tiny">
<p>Mobility open data, proudly crafted by the OpenStreetMap community - Open source tool by <a href="https://junglebus.io" target="_blank">Jungle Bus</a>. Website forked from <a href="https://github.com/Jungle-Bus/unroll", target="_blank">Unroll</a></p>
<p>Project maintained by <a href="https://opendatakerala.org" target="_blank">Open Data Kerala</a>, <a href="https://geominds.in/" target="_blank">Geominds</a> and <a href="https://meta.wikimedia.org/wiki/Sahya_Digital_Conservation_Foundation" target="_blank">Sahya Digital Conservation Foundation</a> </p>
<p>Project maintained by <a href="https://opendatakerala.org" target="_blank">Open Data Kerala</a>, <a href="https://geominds.in/" target="_blank">Geominds</a> and <a href="https://meta.wikimedia.org/wiki/Sahya_Digital_Conservation_Foundation" target="_blank">Sahya Digital Conservation Foundation</a>. Funded by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team </a> </p>
<div class="logo-container">
<img src="img/odk_logo.png" alt="Logo1" class="logo">
<img src="img/geominds.jpg" alt="Logo2" class="logo">
<img src="img/SDCF-Logo.png" alt="Logo3" class="logo">
<img src="img/Hot_logo.svg.png" alt="Logo3" class="logo">
</div>
<div class="w3-xlarge">
<a href="https://github.com/opendatakerala/unroll" target="_blank"><i class="fa fa-github w3-hover-opacity"></i></a>
</div>
Expand Down
4 changes: 2 additions & 2 deletions index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -230,7 +230,7 @@ function display_stats(lines){
var template = `
<div class="w3-row-padding w3-margin-bottom w3-margin-top">
<div class="w3-quarter">
<div class="w3-container w3-jungledeepbus w3-text-white w3-padding-16">
<div class="w3-container w3-junglebus w3-text-white w3-padding-16">
<div class="w3-left"><i class="fa fa-code-fork w3-xxxlarge"></i></div>
<div class="w3-right">
<h3>${line_nb}</h3>
Expand All @@ -250,7 +250,7 @@ function display_stats(lines){
</div>
</div>
<div class="w3-quarter">
<div class="w3-container w3-jungledeepbus w3-text-white w3-padding-16">
<div class="w3-container w3-junglebus w3-text-white w3-padding-16">
<div class="w3-left"><i class="fa fa-home w3-xxxlarge"></i></div>
<div class="w3-right">
<h3>${operators_nb}</h3>
Expand Down
46 changes: 12 additions & 34 deletions load.html
View file
Original file line number Diff line number Diff line change
@@ -1,47 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>Kerala City Transport Tracker</title>
<title>Unroll Kerala</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="main.css">
<style>
@media (max-width: 768px) {
header {
flex-direction: column;
align-items: flex-start;
}
header > div {
justify-content: center;
width: 100%;
text-align: center;
}
.w3-right {
justify-content: center;
margin-top: 10px;
}
.w3-right img {
margin-left: 5px;
margin-right: 5px;
}
}
</style>
</head>

<body class="w3-light-grey">

<header class="w3-container w3-junglebus" style="display: flex; align-items: center; justify-content: space-between;">
<div style="display: flex; align-items: center; flex: 1;">
<img src="img/Logo_Unroll.png" alt="Logo" class="w3-left w3-margin-right" style="height:80px">
<h1>Kerala City Transport Tracker</h1>
</div>
<div class="w3-right" style="display: flex; align-items: center; margin-top: 10px;">
<img src="img/odk_logo.png" alt="Logo1" style="height:80px; margin-left: 10px;">
<img src="img/gm_Logo.png" alt="Logo2" style="height:80px; margin-left: 10px;">
<img src="img/SDCF-Logo.png" alt="Logo3" style="height:80px; margin-left: 10px;">
</div>
<header class="w3-container w3-junglebus">
<img src="img/Logo_Unroll.png" alt="Logo" class="w3-left w3-margin-right" style="height:80px">
<h1>Unroll Kerala</h1>
</header>

<div class="w3-content w3-margin-top">
Expand All @@ -53,9 +25,15 @@ <h1>Kerala City Transport Tracker</h1>
<!-- End page content -->
</div>

<footer class="w3-container w3-junglebus w3-center w3-margin-top w3-tiny">
<footer class="w3-container w3-junglelightbus w3-center w3-margin-top w3-tiny">
<p>Mobility open data, proudly crafted by the OpenStreetMap community - Open source tool by <a href="https://junglebus.io" target="_blank">Jungle Bus</a>. Website forked from <a href="https://github.com/Jungle-Bus/unroll", target="_blank">Unroll</a></p>
<p>Project maintained by <a href="https://opendatakerala.org" target="_blank">Open Data Kerala</a>, <a href="https://geominds.in/" target="_blank">Geominds</a> and <a href="https://meta.wikimedia.org/wiki/Sahya_Digital_Conservation_Foundation" target="_blank">Sahya Digital Conservation Foundation</a> </p>
<p>Project maintained by <a href="https://opendatakerala.org" target="_blank">Open Data Kerala</a>, <a href="https://geominds.in/" target="_blank">Geominds</a> and <a href="https://meta.wikimedia.org/wiki/Sahya_Digital_Conservation_Foundation" target="_blank">Sahya Digital Conservation Foundation</a>. Funded by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team </a> </p>
<div class="logo-container">
<img src="img/odk_logo.png" alt="Logo1" class="logo">
<img src="img/geominds.jpg" alt="Logo2" class="logo">
<img src="img/SDCF-Logo.png" alt="Logo3" class="logo">
<img src="img/Hot_logo.svg.png" alt="Logo3" class="logo">
</div>
<div class="w3-xlarge">
<a href="https://github.com/opendatakerala/unroll" target="_blank"><i class="fa fa-github w3-hover-opacity"></i></a>
</div>
Expand Down
39 changes: 32 additions & 7 deletions main.css
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,24 @@
:root {
--jungle-color-blue: #a7ceeb;
--jungle-color-deepblue: #033861;
--jungle-color-orange: #750202;
--jungle-color-blue: #0267b1;
--jungle-color-lightblue: #99caee;
--jungle-color-orange: #fbb81d;
--jungle-color-red: #cd1534;
}
.w3-junglebus {
color: var(--jungle-color-orange);
background-color: var(--jungle-color-blue) !important;
}

.w3-jungledeepbus {
color: var(--jungle-color-orange);
background-color: var(--jungle-color-deepblue) !important;
.w3-junglelightbus {
color: var(--jungle-color-red);
background-color: var(--jungle-color-lightblue) !important;
}
.w3-text-junglebus {
color: var(--jungle-color-deepblue) !important;
color: var(--jungle-color-blue) !important;
}



.stop_dot {
background-color: #FFF;
border-style: solid;
Expand All @@ -40,3 +42,26 @@
height: 26px;
box-sizing: content-box;
}


.logo-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap; /* Allows logos to wrap to the next line on small screens */
padding: 10px; /* Padding around the logo container */
gap: 10px; /* Space between the logos */
}

.logo {
height: 50px; /* Reduced size */
flex-shrink: 0; /* Prevent shrinking */
}

/* Media query for mobile devices */
@media (max-width: 600px) {
.logo {
height: 40px; /* Further reduce size on small screens */
margin: 5px; /* Reduce margin on small screens */
}
}
47 changes: 13 additions & 34 deletions route.html
View file
Original file line number Diff line number Diff line change
@@ -1,49 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<title>Kerala City Transport Tracker</title>
<title>Unroll Kerala</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
<style>
@media (max-width: 768px) {
header {
flex-direction: column;
align-items: flex-start;
}
header > div {
justify-content: center;
width: 100%;
text-align: center;
}
.w3-right {
justify-content: center;
margin-top: 10px;
}
.w3-right img {
margin-left: 5px;
margin-right: 5px;
}
}
</style>
</head>

<body class="w3-light-grey">

<header class="w3-container w3-junglebus" style="display: flex; align-items: center; justify-content: space-between;">
<div style="display: flex; align-items: center; flex: 1;">
<img src="img/Logo_Unroll.png" alt="Logo" class="w3-left w3-margin-right" style="height:80px">
<h1>Kerala City Transport Tracker</h1>
</div>
<div class="w3-right" style="display: flex; align-items: center; margin-top: 10px;">
<img src="img/odk_logo.png" alt="Logo1" style="height:80px; margin-left: 10px;">
<img src="img/gm_Logo.png" alt="Logo2" style="height:80px; margin-left: 10px;">
<img src="img/SDCF-Logo.png" alt="Logo3" style="height:80px; margin-left: 10px;">
</div>
<header class="w3-container w3-junglebus">
<img src="img/Logo_Unroll.png" alt="Logo" class="w3-left w3-margin-right" style="height:80px">
<h1>Unroll Kerala</h1>
</header>

<div class="w3-content w3-margin-top">
Expand Down Expand Up @@ -76,13 +48,20 @@ <h3 class="w3-opacity"><b data-i18n="Credits"> Credits </b></h3>

</div>

<footer class="w3-container w3-junglebus w3-center w3-margin-top w3-tiny">
<footer class="w3-container w3-junglelightbus w3-center w3-margin-top w3-tiny">
<p>Mobility open data, proudly crafted by the OpenStreetMap community - Open source tool by <a href="https://junglebus.io" target="_blank">Jungle Bus</a>. Website forked from <a href="https://github.com/Jungle-Bus/unroll", target="_blank">Unroll</a></p>
<p>Project maintained by <a href="https://opendatakerala.org" target="_blank">Open Data Kerala</a>, <a href="https://geominds.in/" target="_blank">Geominds</a> and <a href="https://meta.wikimedia.org/wiki/Sahya_Digital_Conservation_Foundation" target="_blank">Sahya Digital Conservation Foundation</a> </p>
<p>Project maintained by <a href="https://opendatakerala.org" target="_blank">Open Data Kerala</a>, <a href="https://geominds.in/" target="_blank">Geominds</a> and <a href="https://meta.wikimedia.org/wiki/Sahya_Digital_Conservation_Foundation" target="_blank">Sahya Digital Conservation Foundation</a>. Funded by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team </a> </p>
<div class="logo-container">
<img src="img/odk_logo.png" alt="Logo1" class="logo">
<img src="img/geominds.jpg" alt="Logo2" class="logo">
<img src="img/SDCF-Logo.png" alt="Logo3" class="logo">
<img src="img/Hot_logo.svg.png" alt="Logo3" class="logo">
</div>
<div class="w3-xlarge">
<a href="https://github.com/opendatakerala/unroll" target="_blank"><i class="fa fa-github w3-hover-opacity"></i></a>
</div>
</footer>

<script src="https://unpkg.com/[email protected]/src/transport_thumbnail.js"></script>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="assets/osmtogeojson.js"></script>
Expand Down

0 comments on commit 6b40d68

Please sign in to comment.