Skip to content

Commit

Permalink
revert
Browse files Browse the repository at this point in the history
  • Loading branch information
@Asvin1
Asvin1 committed Oct 9, 2023
1 parent 8605b2d commit 90c3cfd
Show file tree
Hide file tree
Showing 6 changed files with 76 additions and 24 deletions.
Binary file added images/favicon2.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 images/logo2.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 images/toggle-image.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.
10 changes: 6 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,13 +14,13 @@
<script src="https://unpkg.com/[email protected]/dist/leaflet.js" crossorigin=""></script>
<!-- Setting page title -->
<title>Fuelish</title>
<link rel="icon" type="image/png" href="images/favicon.png" class="favicon">
<link rel="icon" type="image/png" href="images/favicon2.png" class="favicon">
</head>
<body>
<div id="page-container">
<div id="page-container">
<!-- Logo section -->
<div class="logo">
<a href="https://doofenshmirtz-evil-incorp.github.io/Fuelish/" target="_blank" rel="noopener noreferrer"><img src="images/logo.png" width="150px" alt=""></a>
<a href="https://doofenshmirtz-evil-incorp.github.io/Fuelish/" target="_blank" rel="noopener noreferrer"><img class="logo-image" src="images/logo2.png" width="150px" alt=""></a>
</div>
<!-- Search box section -->
<div class="container">
Expand All @@ -40,6 +40,7 @@
<i class="icontoggle fa fa-sun-o" id="toggle-icon" aria-hidden="true"></i>
<p class="mode-label">Sunny</p>
</label>

</div>
<!-- Map section -->
<div id='map'></div>
Expand Down Expand Up @@ -78,6 +79,7 @@
</div>
</div>
</div>


<!-- Importing Font Awesome icon library -->
<script src="https://kit.fontawesome.com/7c8801c017.js" crossorigin="anonymous"></script>
Expand All @@ -86,7 +88,7 @@
<script type="module" src="index.js"></script>
<!-- Footer Section -->
<footer>
<p id="animation">Made with &hearts; in India </p> <p>by <a href="https://www.github.com/actuallyaryaman" target="_blank" rel="noopener noreferrer">Aryaman</a> and <a href="https://www.github.com/asvin1" target="_blank" rel="noopener noreferrer"> Asvin</a></p>
<p id="animation">Made with &hearts; in India </p> <p>by <a class="name1" href="https://www.github.com/actuallyaryaman" target="_blank" rel="noopener noreferrer">Aryaman</a> and <a class="name2" href="https://www.github.com/asvin1" target="_blank" rel="noopener noreferrer"> Asvin</a></p>
<p>You can help improve this site! The code is open. <a href="https://github.com/Doofenshmirtz-Evil-Incorp/Fuelish" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-github"></i></a></p>
<a href="https://hits.seeyoufarm.com"><img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fdoofenshmirtz-evil-incorp.github.io%2FFuelish%2Fhit-counter&count_bg=%231AC5B4&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=Total+Visits&edge_flat=false"/></a>
</footer>
Expand Down
7 changes: 6 additions & 1 deletion index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,9 @@ const change = document.querySelector('.change');
const st = document.getElementById("map");
const getLoc = document.getElementById("getlocation");
const near = document.getElementById('nearby');
const modeToggle = document.getElementById("mode-toggle");
const pageContainer = document.getElementById("page-container");
const mapContainer = document.getElementById("map");

var cords=[];
var rslt=[];//state data
Expand All @@ -20,6 +23,8 @@ maxZoom: 19,
attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(map);

// var darkModeTileLayer = new L.StamenTileLayer("terrain");

async function getcsv(url,splitter='\r\n')
{
return await fetch(url)
Expand Down Expand Up @@ -423,4 +428,4 @@ modeToggle.addEventListener("change", () => {
classtogglename.classList.add('fa-sun-o');
classtogglename.style.color="white"
}
});
});
83 changes: 64 additions & 19 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,12 @@ body{
display: flex;
align-items: center;
justify-content:center;
background: #000000;
background:white
}

.dark-mode
{
background:black;
}

.footer {
Expand All @@ -38,6 +43,33 @@ body{
top: 0;
}

.dark-mode .logo-image
{
content: url('images/logo.png');
}
.dark .favicon
{
color:url('images/favicon.png')
}

.name1
{
color:black;
}
.name2
{
color:black
}
.dark-mode .name1
{
color: white;
}

.dark-mode .name2
{
color:white
}

.container {
position: relative;
margin-top: 15vh;
Expand All @@ -51,7 +83,7 @@ body{
}

.leaflet-container {
margin-top: 1px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
height: 50%;
Expand All @@ -64,10 +96,10 @@ body{
width:0
}

.leaflet-layer,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-control-attribution {
.dark-mode .leaflet-layer,
.dark-mode .leaflet-control-zoom-in,
.dark-mode .leaflet-control-zoom-out,
.dark-mode .leaflet-control-attribution {
filter: invert(100%) hue-rotate(180deg) brightness(100%) contrast(100%);
}

Expand Down Expand Up @@ -149,7 +181,7 @@ select option:disabled {
.price-box .price-petrol{
z-index: 2;
float: left;
color: #cfdfe9;
color: #000000;
font-size: 1.5rem;
font-weight: 800;
margin-top: 10px;
Expand All @@ -159,7 +191,7 @@ select option:disabled {
.price-box .price-diesel{
z-index: 2;
float: left;
color: #cfdfe9;
color: #000000;
font-size: 1rem;
font-weight: 800;
margin-top: 10px;
Expand Down Expand Up @@ -230,7 +262,7 @@ select option:disabled {
.change p{
z-index: 2;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
color: #cfdfe9;
color: #000000;
font-size: 14px;
font-weight: 500;
}
Expand All @@ -240,9 +272,17 @@ select option:disabled {
opacity: 0;
}

.dark-mode .price-box ,
.dark-mode .price-petrol ,
.dark-mode .price-diesel ,
.dark-mode .change p
{
color: white;
}

footer{
z-index: 2;
color: white;
color: black;
text-align: center;
bottom: 0;
right: 0;
Expand All @@ -254,6 +294,10 @@ footer{
height: 2.5rem;
}

.dark-mode footer
{
color:white;
}
footer a{
color: rgb(145, 222, 234);
}
Expand All @@ -263,6 +307,8 @@ footer a{
animation-delay: 0.5s;
}



@keyframes fadeIn{
to {
scale: 1;
Expand Down Expand Up @@ -292,11 +338,11 @@ footer a{
position: fixed;
left: 1%;
}
.search-box{
position: relative;
z-index: 2;
}
footer{
display: flex;
position: fixed;
Expand All @@ -305,20 +351,19 @@ footer a{
margin-bottom: 5vh;
}
}
*/
/* @media (max-width: 767px)
@media (max-width: 767px)
{ */
.price-box .price-diesel,
.price-box .price-petrol,
.change p
{
color:white;
}
/* } */
/* } */
/* Styles for the toggle button container */
/* Dark mode styles */
/* @media (prefers-color-scheme: light) {

/* @media (prefers-color-scheme: dark) {
body {
background-color: #121212;
color: #fff;
Expand Down Expand Up @@ -358,7 +403,7 @@ footer a{
.mode-label {
margin-left: 10px;
font-weight: bold;
color: white;
color: black;
position: relative;
top:-18px;
left:30px;
Expand All @@ -378,4 +423,4 @@ footer a{
background: #222;
color: #fff;
}


0 comments on commit 90c3cfd

Please sign in to comment.