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

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

@@ -2,7 +2,6 @@
import { onMount } from "svelte";
import { PUBLIC_BASE_URL } from "$env/static/public";
import type { company, oilprice } from '$lib/types/types'
export let company_data: company;
export let oil_price_data: oilprice;
@@ -47,53 +46,42 @@
<html lang="en">
<head>
<meta 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.">
</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="text-center">{company_phone_number}</div>
<div class="grid grid-cols-12 bg-blue-oil overflow-hidden">
<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 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">
<a
class="normal-case text-8xl text-primary"
href="/"
>
Auburn
</a>
<a
class="normal-case text-8xl text-primary"
href="/"
>
Oil
</a>
<a href="/">
<img class="" src="/images/logo/1.png" alt="Auburn Oil Near Me" />
</a>
</div>
<a
class="normal-case text-3xl text-primary "
href="/">Oil thats good for your system</a
>
</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">${price_of_oil}</div>
<div class="text-center pt-5 text-white">Todays Price</div>
<div class="text-center ">${price_of_oil}</div>
</div>
</div>
<div class="navbar bg-primary">
<div class="navbar bg-orange-oil text-white">
<div class="navbar-start">
<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
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
@@ -111,24 +99,24 @@
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<ul
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-base-100" 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-base-100" 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="/">Home</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-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>
</ul>
</div>
<a href="/" class="btn btn-ghost text-xl">AuburnOil</a>
</div>
<div class="navbar-center hidden lg:flex text-white">
<ul class="menu menu-horizontal px-1 text-xl">
<li><a href="/">Home</a></li>
<li><a href="/delivery">Oil Delivery</a></li>
<li><a href="/servicearea">Delivery Area</a></li>
<li><a href="/about">About Us</a></li>
<li><a href="/contact">Contact</a></li>
<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="/delivery">Oil 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"></div>
@@ -140,13 +128,12 @@
</body>
<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
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=" text-white px-1">Auburn</div>
<div class=" text-white px-1">Oil</div>
<img class="" src="/images/logo/2.png" alt="Heating Oil lowest price near me" />
</div>
</div>
<div
@@ -165,7 +152,7 @@
<div class="flex-1"><a href="/contact">Contact</a></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="text-xl font-bold text-center">
© 2023 by Rocket Services LLC - Auburn, MA | All Rights Reserved