AuburnOil/auburnoil_frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed major error. Custom css

Browse Source
This commit is contained in:
Edwin Eames
2024-08-27 09:34:29 -04:00
parent 0d7ab472ca
commit 2a1b61b79a
10 changed files with 123 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 B

2
src/app.html
View File

@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="/images/favicon.png" />
<meta name="viewport" content="width=device-width , initial-scale=1.0" /> <meta name="viewport" content="width=device-width , initial-scale=1.0" />
%sveltekit.head% %sveltekit.head%
</head> </head>

17
src/app.postcss
View File

@@ -2,3 +2,20 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
.btn-blue-oil {
background-color: #14368f;
}
.bg-blue-oil {
background-color: #14368f;
}
.text-blue-oil {
color: #14368f;
}
.bg-orange-oil {
background-color: #ff6600;
}
.text-orange-oil {
color: #ff6600;
}

BIN
src/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 B

77
src/routes/(app)/+layout.svelte
View File

@@ -2,7 +2,6 @@
import { onMount } from "svelte"; import { onMount } from "svelte";
import { PUBLIC_BASE_URL } from "$env/static/public"; import { PUBLIC_BASE_URL } from "$env/static/public";
import type { company, oilprice } from '$lib/types/types' import type { company, oilprice } from '$lib/types/types'
export let company_data: company; export let company_data: company;
export let oil_price_data: oilprice; export let oil_price_data: oilprice;
@@ -47,53 +46,42 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="description" content="Auburn Oil provides reliable heating oil delivery, expert HVAC service, and boiler maintenance to homes in Auburn, Worcester, Oxford, Sutton, and Webster. Experience comfort and peace of mind with our local service."> <meta name="description" content="Auburn Oil provides reliable heating oil delivery, expert HVAC service, and boiler maintenance to homes in Auburn, Worcester, Oxford, Sutton, and Webster. Experience comfort and peace of mind with our local service.">
</head> </head>
<div class="grid grid-cols-12 bg-white overflow-hidden">
<div class="col-span-12 md:col-span-3 text-3xl p-10 text-base-100 font-bold invisible md:visible h-0 md:h-auto">
<div class="text-center pt-5">Call Today</div> <div class="grid grid-cols-12 bg-blue-oil overflow-hidden">
<div class="text-center">{company_phone_number}</div> <div class="col-span-12 md:col-span-3 text-3xl p-10 text-orange-oil font-bold invisible md:visible h-0 md:h-auto">
<div class="text-center pt-5 text-white">Call Today</div>
<div class="text-center ">{company_phone_number}</div>
</div> </div>
<div class="col-span-12 md:col-span-6 md:p-10 text-center font-bold "> <div class="col-span-12 md:col-span-6 md:p-10 text-center font-bold ">
<div class="md:flex md:justify-center pb-5 md:pb-0 gap-5"> <div class="md:flex md:justify-center pb-5 md:pb-0 gap-5">
<a <a href="/">
class="normal-case text-8xl text-primary" <img class="" src="/images/logo/1.png" alt="Auburn Oil Near Me" />
href="/" </a>
>
Auburn
</a>
<a
class="normal-case text-8xl text-primary"
href="/"
>
Oil
</a>
</div> </div>
<a
class="normal-case text-3xl text-primary "
href="/">Oil thats good for your system</a
>
</div> </div>
<div <div
class=" col-span-12 md:col-span-3 md:p-10 text-3xl text-base-100 font-bold" class=" col-span-12 md:col-span-3 md:p-10 text-3xl text-orange-oil font-bold"
> >
<div class="text-center pt-5">Todays Price</div> <div class="text-center pt-5 text-white">Todays Price</div>
<div class="text-center">${price_of_oil}</div> <div class="text-center ">${price_of_oil}</div>
</div> </div>
</div> </div>
<div class="navbar bg-primary"> <div class="navbar bg-orange-oil text-white">
<div class="navbar-start"> <div class="navbar-start">
<div class="dropdown"> <div class="dropdown">
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden"> <div tabindex="0" role="button" class="btn btn-ghost hover:bg-blue-oil lg:hidden">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5" class="h-5 w-5"
@@ -111,24 +99,24 @@
<!-- svelte-ignore a11y-no-noninteractive-tabindex --> <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<ul <ul
tabindex="0" tabindex="0"
class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-white rounded-box w-52 font-bold text-blue-800 " class="menu menu-sm bg-orange-oil w-64 dropdown-content mt-3 z-[1] p-2 shadow rounded-box font-bold text-white"
> >
<li><a class="text-2xl py-2 hover:bg-base-100" href="/">Home</a></li> <li><a class="text-2xl py-2 hover:bg-blue-900" href="/">Home</a></li>
<li><a class="text-2xl py-2 hover:bg-base-100" href="/delivery">Oil Delivery</a></li> <li><a class="text-2xl py-2 hover:bg-blue-900" href="/delivery">Oil Delivery</a></li>
<li><a class="text-2xl py-2 hover:bg-base-100" href="/servicearea">Delivery Area</a></li> <li><a class="text-2xl py-2 hover:bg-blue-900" href="/servicearea">Delivery Area</a></li>
<li><a class="text-2xl py-2 hover:bg-base-100" href="/about">About Us</a></li> <li><a class="text-2xl py-2 hover:bg-blue-900" href="/about">About Us</a></li>
<li><a class="text-2xl py-2 hover:bg-base-100" href="/contact">Contact</a></li> <li><a class="text-2xl py-2 hover:bg-blue-900" href="/contact">Contact</a></li>
</ul> </ul>
</div> </div>
<a href="/" class="btn btn-ghost text-xl">AuburnOil</a>
</div> </div>
<div class="navbar-center hidden lg:flex text-white"> <div class="navbar-center hidden lg:flex ">
<ul class="menu menu-horizontal px-1 text-xl"> <ul class="menu menu-horizontal px-1 text-xl">
<li><a href="/">Home</a></li> <li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/">Home</a></li>
<li><a href="/delivery">Oil Delivery</a></li> <li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/delivery">Oil Delivery</a></li>
<li><a href="/servicearea">Delivery Area</a></li> <li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/servicearea">Delivery Area</a></li>
<li><a href="/about">About Us</a></li> <li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/about">About Us</a></li>
<li><a href="/contact">Contact</a></li> <li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/contact">Contact</a></li>
</ul> </ul>
</div> </div>
<div class="navbar-end"></div> <div class="navbar-end"></div>
@@ -140,13 +128,12 @@
</body> </body>
<footer> <footer>
<div class="grid grid-cols-12 bg-secondary py-10 w-full"> <div class="grid grid-cols-12 bg-blue-oil py-10 w-full">
<div <div
class="col-span-12 md:col-span-4 text-center text-white text-bold text-6xl " class="col-span-12 md:col-span-4 text-center text-white text-bold text-6xl "
> >
<div class="flex justify-center pt-5"> <div class="flex justify-center pt-5">
<div class=" text-white px-1">Auburn</div> <img class="" src="/images/logo/2.png" alt="Heating Oil lowest price near me" />
<div class=" text-white px-1">Oil</div>
</div> </div>
</div> </div>
<div <div
@@ -165,7 +152,7 @@
<div class="flex-1"><a href="/contact">Contact</a></div> <div class="flex-1"><a href="/contact">Contact</a></div>
</div> </div>
<div class="col-span-12 h-auto bg-primary text-white w-full "> <div class="col-span-12 h-auto bg-secondary text-white w-full ">
<div class=" mx-auto max-w-7xl p-5"> <div class=" mx-auto max-w-7xl p-5">
<div class="text-xl font-bold text-center"> <div class="text-xl font-bold text-center">
© 2023 by Rocket Services LLC - Auburn, MA | All Rights Reserved © 2023 by Rocket Services LLC - Auburn, MA | All Rights Reserved

9
src/routes/(app)/+page.svelte
View File

@@ -46,7 +46,8 @@
}); });
</script> </script>
<title>Auburn Oil: Heating Oil Delivery Service in Southern Worcester County</title> <title>Auburn Oil: Heating Oil Delivery Service in Southern Worcester County</title>
<div class="bg-blue-900 text-white">
<div class="bg-blue-oil text-white">
<div class="bg-secondary px-10"> <div class="bg-secondary px-10">
<div class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"> <div class="max-w-7xl justify-center py-5 mx-auto font-bold text-white">
<h1 class="text-center text-xl">Delivering Oil to Worcester County</h1> <h1 class="text-center text-xl">Delivering Oil to Worcester County</h1>
@@ -55,7 +56,9 @@
<div class="mx-auto p-0 "> <div class="mx-auto p-0 ">
<img class="mx-auto p-0 m-0 overflow-hidden" src="/images/worc.png" alt="Auburn Massachusetts" /> <a href="/delivery">
<img class="mx-auto p-0 m-0 overflow-hidden" src="/images/truck.png" alt="Auburn Massachusetts" />
</a>
</div> </div>
<div class="mx-auto p-10"> <div class="mx-auto p-10">
@@ -91,7 +94,7 @@
</div> </div>
</div> </div>
<div class="col-span-12 lg:col-span-2"></div> <div class="col-span-12 lg:col-span-2"></div>
<div class="col-span-12 lg:text-center text-center bg-orange-700"> <div class="col-span-12 lg:text-center text-center bg-orange-oil">
<div class="text-3xl "> <div class="text-3xl ">
We Offer Automatic Delivery We Offer Automatic Delivery
</div> </div>

40
src/routes/(app)/about/+page.svelte
View File

@@ -1,3 +1,33 @@
<script lang='ts'>
import "../../../app.postcss";
import { onMount } from "svelte";
import { PUBLIC_BASE_URL } from "$env/static/public";
import type { company } from '$lib/types/types'
export let company_data: company;
let company_name: string = '';
let tel_number: string = '';
onMount(async () => {
await fetch(PUBLIC_BASE_URL + "/info/company", {
method: "get",
credentials: "include",
headers: {
"Content-Type": "application/json",
},
})
.then((response) => response.json())
.then((result) => (company_data = result));
if (company_data["ok"] == true) {
company_name = company_data["company_name"];
tel_number = company_data["company_phone_number"];
}
});
</script>
<div class="bg-secondary px-10"> <div class="bg-secondary px-10">
<div <div
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white" class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
@@ -25,25 +55,23 @@
<div class="col-span-12 mb-10"> <div class="col-span-12 mb-10">
<ul> <ul>
<div class="flex gap-5"> <div class="flex gap-5">
<img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
<li class=" font-bold text-error">2-5% biodiesel (B2–B5) is Bioheat® fuel (Our Oil)</li> <li class=" font-bold text-error">2-5% biodiesel (B2–B5) is Bioheat® fuel (Our Oil)</li>
</div> </div>
<div class="flex gap-5"> <div class="flex gap-5">
<img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
<li class=" font-bold"> <li class=" font-bold">
5-20% biodiesel (B5–B20) is Bioheat Plus® fuel 5-20% biodiesel (B5–B20) is Bioheat Plus® fuel
</li> </li>
</div> </div>
<div class="flex gap-5"> <div class="flex gap-5">
<img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
<li class=" font-bold"> <li class=" font-bold">
20% biodiesel and above (B20+) is Bioheat Super Plus® 20% biodiesel and above (B20+) is Bioheat Super Plus®
</li> </li>
</div> </div>
</ul> </ul>
</div> <div class="text-xl text-primary">
<div class="col-span-12 mb-5 font-bold text-xl text-primary">
Symptoms your oil company is selling you bad oil Symptoms your oil company is selling you bad oil
</div>
</div> </div>
<div class="col-span-12 mb-10"> <div class="col-span-12 mb-10">
@@ -62,7 +90,7 @@
</div> </div>
<div class="col-span-12"> <div class="col-span-12">
<img class="w-full p-0 m-0" src="/images/slimefilter.png" alt="" />
</div> </div>
</div> </div>
<div class="col-span-12 md:col-span-6"> <div class="col-span-12 md:col-span-6">

2
src/routes/(app)/contact/+page.svelte
View File

@@ -85,7 +85,7 @@
</div> </div>
</div> </div>
<div class="col-span-2 md:col-span-1"> <div class="col-span-2 md:col-span-1">
<img class="w-auto" src="/images/contact.png" alt="" />
</div> </div>
</div> </div>
</div> </div>

5
src/routes/(app)/delivery/+page.svelte
View File

@@ -97,19 +97,18 @@
</ul> </ul>
</div> </div>
<div class="col-span-12 mx-auto py-10">
<div class="col-span-12 mx-auto py-10"> <div class="col-span-12 mx-auto py-10">
</div> </div>
</div> </div>
</div> </div>
<div class="col-span-12 md:col-span-6"> <div class="col-span-12 md:col-span-6">
<div class="col-span-12"> <div class="col-span-12">
<img alt="" class="w-full p-0 m-0" src="/images/worc.png" /> <img alt="" class="w-full p-0 m-0" src="/images/worc.png" />
</div> </div>
</div> </div>
<div class="col-span-12 mb-10 <div class="col-span-12 mb-10
text-bold bg-blue-oil text-white mt-10 text-5xl text-bold text-bold bg-blue-oil text-white mt-10 text-5xl text-bold
p-5 text-center"> p-5 text-center">
Call Today {tel_number} Call Today {tel_number}

30
src/routes/(app)/servicearea/+page.svelte
View File

@@ -1,3 +1,33 @@
<script lang='ts'>
import "../../../app.postcss";
import { onMount } from "svelte";
import { PUBLIC_BASE_URL } from "$env/static/public";
import type { company } from '$lib/types/types'
export let company_data: company;
let company_name: string = '';
let tel_number: string = '';
onMount(async () => {
await fetch(PUBLIC_BASE_URL + "/info/company", {
method: "get",
credentials: "include",
headers: {
"Content-Type": "application/json",
},
})
.then((response) => response.json())
.then((result) => (company_data = result));
if (company_data["ok"] == true) {
company_name = company_data["company_name"];
tel_number = company_data["company_phone_number"];
}
});
</script>
<title>Auburn Oil: Heating Oil Delivery Service in Southern Worcester County</title> <title>Auburn Oil: Heating Oil Delivery Service in Southern Worcester County</title>
<div class="bg-secondary px-10"> <div class="bg-secondary px-10">