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

Updated frontend packages but tailwind

Browse Source
This commit is contained in:
Edwin Eames
2025-05-05 16:30:20 -04:00
parent dee20eacc3
commit 35c645a4dc
13 changed files with 746 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app.postcss
View File

@@ -16,6 +16,9 @@
.bg-orange-oil {
background-color: #ff6600;
}
.bg-gray-oil {
background-color:rgb(51, 56, 55);
}
.text-orange-oil {
color: #ff6600;
}

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

@@ -113,6 +113,7 @@
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/">Home</a></li>
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/oil">Our Oil</a></li>
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/delivery">Delivery</a></li>
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/service">Service</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-blue-900" href="/about">About Us</a></li>
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/contact">Contact</a></li>
@@ -129,10 +130,17 @@
</li>
</ul>
</div>
</div>
<div class="navbar-center hidden lg:flex ">
<ul class="menu menu-horizontal px-1 text-xl">
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/">Home</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/oil">Our Oil</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/delivery">Delivery</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/service">Service</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/servicearea">Delivery Area</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/about">About Us</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/contact">Contact</a></li>
<li>
<a class="hover:bg-blue-900" href="https://www.facebook.com/auburnoil">
<img class="px-5" src="/images/social/facebook.png" alt="Heating Oil lowest price near me" />
@@ -144,13 +152,6 @@
<img class="" src="/images/social/google.png" alt="Heating Oil lowest price near me" />
</a>
</li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/">Home</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/oil">Our Oil</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/delivery">Delivery</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/servicearea">Delivery Area</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/about">About Us</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/contact">Contact</a></li>
</ul>
</div>
<div class="navbar-end ">
@@ -172,12 +173,13 @@
<div
class="col-span-12 md:col-span-4 text-center text-bold text-xl text-white pb-10"
>
<div class="">Phone: {company_phone_number}</div>
<div class="">Phone: 508-426-8800</div>
<div class="">Backup Phone: 914-330-6100</div>
<div class="">Text : 914-330-6100</div>
<div class="">P.O. Box 174</div>
<div class="">Auburn Ma 01501</div>
<div class="">Mon - Fri 8:00 am - 5:00 pm</div>
<div class="">Sat 9:00 am - 12:00 pm | Sun Closed</div>
<div class="">Sat Closed | Sun Closed</div>
<div class="px-5 py-5 flex justify-center">
<a href="https://www.facebook.com/auburnoil">
<img class="px-5" src="/images/social/facebook.png" alt="Heating Oil lowest price near me" />
@@ -198,7 +200,7 @@
<div class="flex-1"><a href="/contact">Contact</a></div>
</div>
<div class="col-span-12 h-auto bg-secondary text-white w-full ">
<div class="col-span-12 h-auto bg-gray-oil text-white w-full ">
<div class=" mx-auto max-w-7xl p-5">
<div class="text-xl font-bold text-center">
© 2023 by Rocket Services LLC - Auburn, MA | All Rights Reserved
@@ -213,4 +215,4 @@
font-family: EnterS
}
</style>
</style>

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

@@ -3,7 +3,7 @@
import { onMount } from "svelte";
import { PUBLIC_BASE_URL } from "$env/static/public";
import type { company, oilprice } from '$lib/types/types'
import '/static/fonts.css';
export let company_data: company;
export let oil_price_data: oilprice;
@@ -14,64 +14,100 @@
onMount(async () => {
await fetch(PUBLIC_BASE_URL + "/info/price/today", {
method: "get",
credentials: "include",
headers: {
"Content-Type": "application/json",
},
})
.then((response) => response.json())
.then((result) => (oil_price_data = result));
if (oil_price_data["ok"] == true) {
price_of_oil = oil_price_data["todays_price"];
try {
const response = await fetch(PUBLIC_BASE_URL + "/info/price/today", {
method: "get",
credentials: "include",
headers: {
"Content-Type": "application/json",
},
});
if (response.ok) {
const result = await response.json();
oil_price_data = result;
if (oil_price_data["ok"] == true) {
price_of_oil = oil_price_data["todays_price"];
}
} else {
console.error("Failed to fetch oil price data:", response.status);
}
} catch (error) {
console.error("Error fetching oil price data:", error);
}
});
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"];
company_phone_number = company_data["company_phone_number"];
try {
const response = await fetch(PUBLIC_BASE_URL + "/info/company", {
method: "get",
credentials: "include",
headers: {
"Content-Type": "application/json",
},
});
if (response.ok) {
const result = await response.json();
company_data = result;
if (company_data["ok"] == true) {
company_name = company_data["company_name"];
company_phone_number = company_data["company_phone_number"];
}
} else {
console.error("Failed to fetch company data:", response.status);
}
} catch (error) {
console.error("Error fetching company data:", error);
}
});
</script>
<style>
.custom-font {
font-family: 'EnterS', sans-serif;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<title>Auburn Oil: Quality Heating Oil Delivery in Southern Worcester County</title>
<div class="bg-blue-oil text-white">
<div class="bg-secondary px-10">
<div class="bg-gray-oil px-10">
<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>
</div>
</div>
<div class="mx-auto p-0 ">
<a href="/delivery">
<img class="mx-auto p-0 m-0 overflow-hidden" src="/images/truck.png" alt="Auburn Massachusetts" />
</a>
</div>
<div class="grid grid-cols-12 gap-5 px-5 text-center mt-10">
<div class="col-span-12 font-bold text-4xl text-orange-oil mx-auto custom-font">
<a href="/service" class="hover:text-white transition-colors duration-200">
24/7 Oil Service
</a>
</div>
<div class="col-span-12 font-bold text-3xl text-blue-400 mx-auto custom-font">
BOOK YOUR CLEANING NOW
</div>
</div>
<div class="mx-auto p-10">
<div class="flex justify-center gap-20">
<div class="text-center">
<div class="pb-5 text-5xl">Call Us</div>
<div class="text-5xl">508-426-8800</div>
<div class="flex justify-center gap-8 md:gap-20 flex-col md:flex-row custom-font">
<div class="text-center w-full md:w-auto">
<div class="pb-2 md:pb-5 text-3xl"><i class="fas fa-phone-alt mr-2"></i>Call Us</div>
<div class="text-3xl ">508-426-8800</div>
</div>
<div class="text-center">
<div class="pb-5 text-5xl">Txt Us</div>
<div class="text-5xl">914-330-6100</div>
<div class="text-center w-full md:w-auto">
<div class="pb-2 md:pb-5 text-3xl"><i class="fas fa-sms mr-2"></i>Text</div>
<div class="text-3xl">914-330-6100</div>
</div>
</div>
<!-- <div class="grid grid-cols-12 gap-5 px-5 text-center mt-10">
<div class="col-span-12 font-bold text-5xl text-orange-oil mx-auto custom-font">
<a href="/service" class="hover:text-white transition-colors duration-200">
BOOK YOUR CLEANING NOW!
</a>
</div>
</div> -->
<div class="grid grid-cols-12 gap-5 px-5 text-center mt-10">
<div class="col-span-12 font-bold text-4xl text-blue-400 mx-auto ">
Why call Auburn Oil?
@@ -87,7 +123,7 @@
<div class="col-span-12 lg:col-span-4 bg-base-100 p-10">
<div class="text-4xl mb-3">Phone Support</div>
<div class="text-lg">
Real live person on the phone when you call. Txt us if you prefer.
Real live person on the phone when you call. Text us if you prefer.
We are here to help you.
</div>
</div>
@@ -95,7 +131,7 @@
<div class="text-4xl mb-3">Top Quality Oil</div>
<div class="text-lg">
We dont cut our oil with biodiesel. We use the best available
fuel for your heating system
fuel for your heating system.
</div>
</div>
@@ -120,7 +156,7 @@
<div class="grid grid-cols-12">
<div class="col-span-12 py-5">
<div
class="font-bold text-5xl text-blue-400 max-w-7xl mx-auto text-center md:text-left"
class="font-bold text-5xl text-white max-w-7xl mx-auto text-center md:text-left"
>
Serving these communites
</div>

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

@@ -28,7 +28,7 @@
});
</script>
<title>About Auburn Oil </title>
<div class="bg-secondary px-10">
<div class="bg-gray-oil px-10">
<div
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
>
@@ -41,7 +41,7 @@
<div class="grid grid-cols-12 max-w-7xl gap-5">
<div class="col-span-12 text-2xl text-bold"></div>
<div class="col-span-12 md:col-span-6 mb-20">
<div class="col-span-12 mb-5 font-bold text-xl text-primary">
<div class="col-span-12 mb-5 font-bold text-xl text-blue-oil">
Mission Statement
</div>
<div class="col-span-12 text-lg pb-20">
@@ -50,7 +50,7 @@
We are not adding more bio to your oil
every year to increase profits at the expense of the customer. You call, we deliver top quality oil.
</div>
<div class="col-span-12 mb-5 font-bold text-xl text-primary">
<div class="col-span-12 mb-5 font-bold text-xl text-blue-oil">
Our history of delivering oil
</div>
<div class="col-span-12 text-lg pb-20">

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

@@ -44,7 +44,7 @@
});
</script>
<title>Contact Auburn Oil </title>
<div class="bg-secondary px-10">
<div class="bg-gray-oil px-10">
<div
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
>
@@ -54,9 +54,11 @@
<div class="max-w-7xl mx-auto px-10">
<div class="grid grid-cols-2 gap-5">
<div class="col-span-2 md:col-span-1">
<div class="text-2xl font-bold text-primary">Contact Us</div>
<div class=" text-xl">Phone: {company_phone_number}</div>
<div class=" text-xl">Backup Phone: 508-859-8185</div>
<div class="text-2xl font-bold text-blue-oil">Contact Us</div>
<div class="font-bold text-xl bg-blue-oil text-white h-2 mb-2"></div>
<div class=" text-xl">Phone: 508-426-8800</div>
<div class=" text-xl">Backup Phone: 914-330-6100</div>
<div class=" text-xl mb-4">Text: 914-330-6100</div>
<div class=" text-xl">Email: auburnoilservices@gmail.com</div>
<div class="mb-10 "></div>
<div class=" text-xl">Auburn Oil</div>
@@ -64,10 +66,10 @@
<div class=" text-xl">Auburn Ma 01501</div>
<div class="mb-10 "></div>
<div class="mb-10">
<div class="font-bold text-2xl text-primary max-w-7xl mx-auto">
<div class="font-bold text-2xl text-blue-oil max-w-7xl mx-auto">
Business Hours Summer
</div>
<div class="font-bold text-xl bg-primary text-white h-2 mb-2"></div>
<div class="font-bold text-xl bg-blue-oil text-white h-2 mb-2"></div>
<div class="text-xl">Monday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Tuesday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Wednesday: 8:00 a.m. – 5:00 p.m.</div>
@@ -77,10 +79,10 @@
<div class="text-xl">Sunday: Closed</div>
</div>
<div class="pb-10">
<div class="font-bold text-2xl text-primary max-w-7xl mx-auto">
<div class="font-bold text-2xl text-blue-oil max-w-7xl mx-auto">
Business Hours Winter
</div>
<div class="font-bold text-xl bg-primary text-white h-2 mb-2"></div>
<div class="font-bold text-xl bg-blue-oil text-white h-2 mb-2"></div>
<div class="text-xl">Monday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Tuesday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Wednesday: 8:00 a.m. – 5:00 p.m.</div>

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

@@ -51,7 +51,7 @@
</script>
<title>Home Heating Oil Delivery</title>
<title>Home Heating Oil Delivery</title>
<div class="bg-gray-oil px-10">
<div
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
@@ -69,7 +69,7 @@
We know it can be tough to order oil. We make it simple!
</div>
<div class="col-span-12 font-bold text-xl text-blue-oil">
Worcester County
</div>
@@ -78,7 +78,7 @@
<ul>100 Gallon Minimum to any other town </ul>
</div>
<div class="col-span-12 font-bold mt-10 text-xl text-blue-oil">
Payments Methods
</div>
@@ -91,7 +91,7 @@
<div class="col-span-12 mb-10">
<ul>
<ul>
<div class="col-span-12 font-bold mt-10 text-xl text-blue-oil">
How to Order Oil
</div>

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

@@ -27,7 +27,7 @@
});
</script>
<title>Our Oil at Auburn Oil </title>
<title>Our Oil at Auburn Oil </title>
<div class="bg-gray-oil px-10">
<div
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
@@ -39,14 +39,14 @@
<div class="max-w-7xl mx-auto px-10">
<div class="grid grid-cols-12 max-w-7xl gap-5">
<div class="col-span-12 text-2xl text-bold"></div>
<div class="col-span-12 md:col-span-6 mb-20">
<div class="col-span-12 md:col-span-6 mb-20">
<div class="col-span-12 mb-5 font-bold text-xl text-blue-oil">
Our Oil Wont Ruin your heating system!
</div>
<div class="col-span-12 text-xl">
We do not add bio to our oil!
</div>
<div class="col-span-12 mb-5 text-2xl font-bold mt-10 text-blue-oil">
The best oil in your Tank
</div>
@@ -78,7 +78,7 @@
<li>- Frozen lines in the winter. Bio brings the freezing point much higher!</li>
</ul>
</div>
<div class="col-span-12 mb-5 text-2xl font-bold mt-10 text-blue-oil">
We sell better heating oil at a cheaper price.
</div>

78
src/routes/(app)/service/+page.svelte Normal file
View File

@@ -0,0 +1,78 @@
<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 = '';
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"];
}
});
</script>
<title>Service at Auburn Oil </title>
<div class="bg-gray-oil px-10">
<div
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
>
<h1>24/7 oil service</h1>
</div>
</div>
<div class="max-w-7xl mx-auto px-10">
<div class="grid grid-cols-12 max-w-7xl gap-5">
<div class="col-span-12 text-2xl text-bold"></div>
<div class="col-span-12 md:col-span-6 mb-20">
<div class="col-span-12 mb-5 font-bold text-xl text-blue-oil">
We offer 24/7 service for our customers.
</div>
<div class="col-span-12 text-xl">
We do service calls, tuneups, cleanings, and tank replacement for our customers.
</div>
<div class="col-span-12 mb-10">
<div class="text-2xl font-bold mt-10 text-orange-oil mb-5">
Get your yearly tuneup done!
</div>
<ul class="text-lg">
<li> - We recommend getting your yearly tuneup done in the spring, summer or fall.</li>
<li>- We will check your system for any issues.</li>
<li>- We replace the oil filter, nozzle, and vacuum the boiler.</li>
<li>- We have state of the art tools to ensure perfect efficiency.</li>
</ul>
</div>
<div class="col-span-12 mb-10">
<div class="text-2xl font-bold mt-10 text-orange-oil mb-5">
We replace oil tanks
</div>
<ul class="text-lg">
<li>- Tank safety is critical and if your worried about your tank give us a call </li>
<li>- We install tanks quickly so your up and running fast</li>
</ul>
</div>
</div>
<div class="col-span-12 md:col-span-6 mb-10">
<img class="w-full p-0 m-0" src="/images/boiler1.jpg" alt="Boiler Oil" />
</div>
</div>

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

@@ -30,7 +30,7 @@
<title>Delivery towns and Map</title>
<div class="bg-secondary px-10">
<div class="bg-gray-oil px-10">
<div class="max-w-7xl justify-center py-5 mx-auto font-bold text-white">
<h1>Delivery Area</h1>
</div>
@@ -40,10 +40,10 @@
<div class="mx-auto p-5">
<div class="grid grid-cols-12 ">
<div class="col-span-12 py-5 ">
<div class="font-bold text-secondary mx-auto text-center md:text-left">
<div class="font-bold text-blue-oil mx-auto text-center md:text-left">
<h3>Serving these communites</h3>
</div>
<div class="font-bold text-xl bg-secondary text-primary h-10 mb-10">
<div class="font-bold text-xl bg-gray-oil text-blue-oil h-10 mb-10">
</div>
</div>