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

Updated frontend

Browse Source
This commit is contained in:
Edwin Eames
2025-05-05 10:29:24 -04:00
parent 942d341527
commit bfdaab9c36
10 changed files with 85 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Dockerfile
View File

@@ -1,4 +1,4 @@
FROM node:latest
FROM node:20.11.1
ENV PUBLIC_BASE_URL=http://localhost:5170

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

@@ -4,7 +4,9 @@
import type { company, oilprice } from '$lib/types/types'
export let company_data: company;
export let oil_price_data: oilprice;
import '/static/fonts.css';
let price_of_oil: string = '';
let company_name: string = '';
let company_phone_number: string = '';
@@ -53,7 +55,6 @@
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7R7B94HG9M');
</script>
@@ -64,7 +65,7 @@
</head>
<div class="grid grid-cols-12 bg-blue-oil overflow-hidden">
<div class="grid grid-cols-12 bg-blue-oil overflow-hidden custom-font">
<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>
@@ -119,18 +120,41 @@
<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>
<li>
<a href="https://www.facebook.com/auburnoil">
<img class="px-5" src="/images/social/facebook.png" alt="Heating Oil lowest price near me" />
</a>
</li>
<li>
<a href="https://g.co/kgs/srVz9CQ">
<img class="" src="/images/social/google.png" alt="Heating Oil lowest price near me" />
</a>
</li>
</ul>
</div>
</div>
<div class="navbar-center hidden lg:flex ">
<ul class="menu menu-horizontal px-1 text-xl">
<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" />
</a>
</li>
<li>
<a class="hover:bg-blue-900" href="https://g.co/kgs/srVz9CQ">
<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 ">
@@ -155,11 +179,12 @@
<div
class="col-span-12 md:col-span-4 text-center text-bold text-xl text-white pb-10"
>
<div class="">{company_phone_number}</div>
<div class="">Phone: {company_phone_number}</div>
<div class="">Backup Phone: 508-859-8185</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 Closed | Sun Closed</div>
<div class="">Sat 9:00 am - 12:00 pm | 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" />
@@ -189,4 +214,11 @@
</div>
</div>
</footer>
</html>
</html>
<style>
.custom-font {
font-family: EnterS
}
</style>

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

@@ -133,13 +133,11 @@
<div class="text-2xl">Oxford</div>
<div class="text-2xl">North Oxford</div>
<div class="text-2xl">Webster</div>
<div class="text-2xl">SouthBridge</div>
<div class="text-2xl">Shrewsbury</div>
<div class="text-2xl">Grafton</div>
</div>
<div >
<div class="text-2xl">Dudley</div>
<div class="text-2xl">Sutton</div>
<div class="text-2xl">Charlton</div>
<div class="text-2xl">Leicester</div>
<div class="text-2xl">Cherry Valley</div>
@@ -153,7 +151,6 @@
<div class="text-center">
<div class="text-2xl">Auburn</div>
<div class="text-2xl">Millbury</div>
<div class="text-2xl">Sutton</div>
<div class="text-2xl">Oxford</div>
<div class="text-2xl">North Oxford</div>
<div class="text-2xl">Webster</div>
@@ -167,7 +164,6 @@
<div class="text-2xl">Rochdale</div>
<div class="text-2xl">Spencer</div>
<div class="text-2xl">Sutton</div>
<div class="text-2xl">Southbridge</div>
<div class="text-2xl">Worcester</div>
</div>
</div>

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

@@ -56,6 +56,7 @@
<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-xl">Email: auburnoilservices@gmail.com</div>
<div class="mb-10 "></div>
<div class=" text-xl">Auburn Oil</div>
@@ -85,7 +86,7 @@
<div class="text-xl">Wednesday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Thursday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Friday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Saturday: 8:00 a.m. – 1:00 p.m.</div>
<div class="text-xl">Saturday: 9:00 a.m. – 12:00 p.m.</div>
<div class="text-xl">Sunday: Closed</div>
</div>
</div>

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

@@ -73,10 +73,8 @@
<div class="col-span-12 font-bold text-xl text-primary">
Worcester County
</div>
<div class="col-span-12 text-lg">
<ul>100 Gallon Minimum to Worcester County</ul>
<ul>Prime - ${price_prime}</ul>
<ul>Same Day - ${price_same_day} + price oil</ul>
<div class="col-span-12 text-lg">
<ul>125 Gallon Minimum to Worcester </ul>
<ul>100 Gallon Minimum to any other town </ul>
</div>

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

@@ -5,7 +5,6 @@
import type { company } from '$lib/types/types'
export let company_data: company;
let company_name: string = '';
let tel_number: string = '';
@@ -33,7 +32,6 @@
<div
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
>
<h1>Our Oil</h1>
<h1>Our Oil</h1>
</div>
</div>
@@ -44,45 +42,42 @@
<div class="col-span-12 md:col-span-6 mb-20">
<div class="col-span-12 mb-5 font-bold text-xl text-primary">
Our Oil Wont Ruin your heating system!
</div>
<div class="col-span-12 text-lg">
We sell the best heating oil that is legally allowed on the market.
</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-primary">
The best oil in your Tank
</div>
<div class="col-span-12 mb-10">
<ul>
<div class="flex gap-5">
<li class=" font-bold text-orange-600">2-5% biodiesel (B2–B5) is Bioheat® fuel (Our Oil)</li>
</div>
<div class="flex gap-5">
<li class=" font-bold">
5-20% biodiesel (B5–B20) is Bioheat Plus® fuel
</li>
</div>
<div class="flex gap-5">
<li class=" font-bold">
20% biodiesel and above (B20+) is Bioheat Super Plus®
<div class="col-span-12 mb-10">
<div class="text-2xl font-bold mt-10 text-error mb-5">
What is bio oil?
</div>
<ul class="text-lg">
Bio is leftover vegetable oil that comes from places like restaurants.
It hardens up in cold temperature just like butter.
It is much cheaper than standard #2 heating oil.
It has a higher likelihood of clogging fuel lines.
More frequent filter changes are required.
If you run out of biofuel, there's a higher chance of the fuel
lines becoming clogged compared to using standard #2 heating oil. You will more likely
need a service call to restart the heating system.
</ul>
</ul>
</div>
</div>
<div class="col-span-12 mb-10">
<div class="text-2xl font-bold mt-10 text-error mb-5">
<div class="text-2xl font-bold mt-10 text-error mb-5">
Symptoms your oil company is selling you high bio oil.
</div>
<ul class="text-lg">
<li>- System needs filters frequently</li>
<li>- Furnace has bad flame and doesnt produce high heat</li>
<li>- System needs filters frequently</li>
<li>- Furnace needs repairs much more frequently than normal</li>
<li>- Oil line is clogged</li>
<li>- Tank goes bad all of a sudden!</li>
<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-primary">
We sell better heating oil at a cheaper price.

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

@@ -52,7 +52,6 @@
<div >
<div class="text-2xl">Auburn</div>
<div class="text-2xl">Millbury</div>
<div class="text-2xl">Sutton</div>
<div class="text-2xl">Oxford</div>
<div class="text-2xl">North Oxford</div>
<div class="text-2xl">Webster</div>
@@ -68,7 +67,6 @@
<div class="text-2xl">Cherry Valley</div>
<div class="text-2xl">Rochdale</div>
<div class="text-2xl">Spencer</div>
<div class="text-2xl">Southbridge</div>
<div class="text-2xl">Worcester</div>
</div>
</div>
@@ -76,11 +74,9 @@
<div class="text-center">
<div class="text-2xl">Auburn</div>
<div class="text-2xl">Millbury</div>
<div class="text-2xl">Sutton</div>
<div class="text-2xl">Oxford</div>
<div class="text-2xl">North Oxford</div>
<div class="text-2xl">Webster</div>
<div class="text-2xl">Southbridge</div>
<div class="text-2xl">Shrewsbury</div>
<div class="text-2xl">Grafton</div>
<div class="text-2xl">Dudley</div>

9
static/fonts.css Normal file
View File

@@ -0,0 +1,9 @@
@font-face {
font-family: 'EnterS';
font-style: normal;
font-weight: 500;
src: url('/fonts/entsans.tff'); /* IE9 Compat Modes */
src: local(''), url('/fonts/entsans.ttf') format('truetype'),
/* Modern Browsers */ url('/fonts/entsans.ttf') format('truetype'),
}

2
tailwind.config.js
View File

@@ -1,4 +1,6 @@
/** @type {import('tailwindcss').Config}*/
const config = {
content: [
"./src/**/*.{html,js,svelte,ts}",

14
vite.config.ts
View File

@@ -1,6 +1,16 @@
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import { defineConfig,searchForWorkspaceRoot } from 'vite';
export default defineConfig({
plugins: [sveltekit()]
plugins: [sveltekit()],
server: {
fs: {
allow: [
// search up for workspace root
searchForWorkspaceRoot(process.cwd()),
// your custom rules
'/static',
],
},
},
});