Initial commit

.gitignore

@@ -0,0 +1,25 @@
+node_modules
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
+/.svelte-kit
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+
+.dev.vars*

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

.prettierignore

@@ -0,0 +1,6 @@
+# Package Managers
+package-lock.json
+pnpm-lock.yaml
+yarn.lock
+bun.lock
+bun.lockb

.prettierrc

@@ -0,0 +1,15 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
+}

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+	"files.associations": {
+		"wrangler.json": "jsonc"
+	}
+}

README.md

@@ -0,0 +1,38 @@
+# sv
+
+Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npx sv create
+
+# create a new project in my-app
+npx sv create my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

eslint.config.js

@@ -0,0 +1,26 @@
+import prettier from 'eslint-config-prettier';
+import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import svelte from 'eslint-plugin-svelte';
+import globals from 'globals';
+import { fileURLToPath } from 'node:url';
+import svelteConfig from './svelte.config.js';
+
+const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url));
+
+export default [
+	includeIgnoreFile(gitignorePath),
+	js.configs.recommended,
+	...svelte.configs.recommended,
+	prettier,
+	...svelte.configs.prettier,
+	{
+		languageOptions: {
+			globals: { ...globals.browser, ...globals.node }
+		}
+	},
+	{
+		files: ['**/*.svelte', '**/*.svelte.js'],
+		languageOptions: { parserOptions: { svelteConfig } }
+	}
+];

jsconfig.json

@@ -0,0 +1,13 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": false,
+		"moduleResolution": "bundler"
+	}
+	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
+	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}

package.json

@@ -0,0 +1,34 @@
+{
+	"name": "ssg-sveltekit-template",
+	"private": true,
+	"version": "0.0.1",
+	"type": "module",
+	"scripts": {
+		"start": "vite dev",
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "npm run build && wrangler pages dev",
+		"prepare": "svelte-kit sync || echo ''",
+		"format": "prettier --write .",
+		"lint": "prettier --check . && eslint .",
+		"deploy": "npm run build && wrangler pages deploy"
+	},
+	"devDependencies": {
+		"@eslint/compat": "^1.2.5",
+		"@eslint/js": "^9.18.0",
+		"@sveltejs/adapter-auto": "^6.0.0",
+		"@sveltejs/adapter-cloudflare": "^7.0.4",
+		"@sveltejs/kit": "^2.16.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"eslint": "^9.18.0",
+		"eslint-config-prettier": "^10.0.1",
+		"eslint-plugin-svelte": "^3.0.0",
+		"globals": "^16.0.0",
+		"prettier": "^3.4.2",
+		"prettier-plugin-svelte": "^3.3.3",
+		"svelte": "^5.0.0",
+		"vite": "^6.2.6",
+		"vite-plugin-devtools-json": "^0.2.0",
+		"wrangler": "^4.23.0"
+	}
+}

src/app.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover" style="margin: 0px">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>

src/lib/index.js

@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.

src/routes/+error.svelte

@@ -0,0 +1,11 @@
+<script>
+	import { page } from '$app/state';
+
+	console.log(page.status);
+</script>
+
+<div>
+	<h1>{page.status} Page not found</h1>
+	<p>We are terribly sorry, but the page you requested doesn't exist.</p>
+	<a href="/"><button>Return Home Here</button></a>
+</div>

src/routes/+layout.js

@@ -0,0 +1 @@
+export const prerender = true;

src/routes/+layout.server.js

@@ -0,0 +1 @@
+export const prerender = true;

src/routes/+layout.svelte

@@ -0,0 +1,11 @@
+<script>
+	let { children } = $props();
+</script>
+
+<header></header>
+
+{@render children()}
+
+<footer></footer>
+
+<style></style>

src/routes/+page.svelte

@@ -0,0 +1,2 @@
+<h1>Welcome to SvelteKit</h1>
+<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>

src/routes/routes/+error.svelte

@@ -0,0 +1,13 @@
+<script>
+	import { page } from '$app/state';
+
+	console.log(page.status);
+</script>
+
+<title>The Red Deer Market - Page Not Found</title>
+
+<div>
+	<h1>{page.status} Page not found</h1>
+	<p>We are terribly sorry, but the page you requested doesn't exist.</p>
+	<a href="/"><button>Return Home Here</button></a>
+</div>

src/routes/routes/+layout.js

@@ -0,0 +1 @@
+export const prerender = true;

src/routes/routes/+layout.server.js

@@ -0,0 +1 @@
+export const prerender = true;

src/routes/routes/+layout.svelte

@@ -0,0 +1,184 @@
+<script>
+	import FreeSite from '$lib/components/FreeSite.svelte';
+	import redDeerMarketLogo from '$lib/static/Red-Deer-Logo.webp';
+
+	const date = new Date();
+
+	let { children } = $props();
+	let isDropdownVisible = $state(false);
+
+	//makes the drop down menu visible when the mouse enters the Club Membership & Upcoming events button area
+	function handleMouseEnter() {
+		isDropdownVisible = true;
+	}
+	//makes the drop down menu invisible when the mouse leaves the Club Membership & Upcoming events button area
+	function handleMouseLeave() {
+		isDropdownVisible = false;
+	}
+</script>
+
+<meta name="keywords" content="Farmer's Market Red Deer" />
+<!-- <meta name="author" content=""> -->
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+<header>
+	<nav>
+		<a href="/">
+			<img src={redDeerMarketLogo} alt="Red Deer Market logo" />
+		</a>
+		<ul>
+			<li><a href="/">Home</a></li>
+			<li><a href="/market-history">Market History</a></li>
+
+			<li onmouseenter={handleMouseEnter} onmouseleave={handleMouseLeave} class="dropdown">
+				<a class="dropdown-header" href="/customer-faqs">FAQs</a>
+				<ul class="hide">
+					<li><a href="/customer-faqs">Customer FAQs</a></li>
+					<li><a href="/vendor-faqs">Vendor FAQs</a></li>
+				</ul>
+			</li>
+
+			<li><a href="/gallery">Gallery</a></li>
+			<li><a href="/contact-us">Contact Us</a></li>
+		</ul>
+	</nav>
+</header>
+
+{@render children()}
+
+<footer>
+	<p>The Original Market at Red Deer {date.getFullYear()}</p>
+	<a href="https://g.co/kgs/hpy3hnb">
+		<p>Location: 100 Donald Blvd, Red Deer, AB T4N 5H5</p>
+	</a>
+	<div>
+		<a href="https://www.facebook.com/Marketatreddeer/">
+			<img src="https://www.svgrepo.com/show/452196/facebook-1.svg" alt="Facebook icon" />
+			Facebook
+		</a>
+		<a href="https://g.co/kgs/hpy3hnb">
+			<img
+				src="https://www.svgrepo.com/show/375444/google-maps-platform.svg"
+				alt="Google Maps icon"
+			/>
+			Google Maps
+		</a>
+		<a href="https://google.com">
+			<img src="https://www.svgrepo.com/show/491226/email.svg" alt="Email icon" />
+			Email
+		</a>
+	</div>
+</footer>
+
+<FreeSite />
+
+<style>
+	:root {
+		--nav-background-colour: rgb(101, 140, 96);
+	}
+
+	a {
+		text-decoration: none;
+		color: inherit;
+	}
+
+	p {
+		padding: 0px;
+		margin: 0px;
+	}
+
+	nav {
+		background-color: var(--nav-background-colour);
+		display: flex;
+		flex-direction: row;
+		padding-left: 2svw;
+		overflow: visible;
+		color: white;
+	}
+
+	nav ul {
+		list-style-type: none;
+		display: flex;
+		flex-direction: row;
+		align-self: center;
+		justify-self: center;
+		margin: 0svh auto;
+		padding: 0px;
+		column-gap: 1svw;
+	}
+
+	nav ul a {
+		display: flex;
+		justify-content: center;
+		border: 1px solid white;
+		align-items: center;
+		padding: 2svh 1svw;
+	}
+
+	nav ul a:hover {
+		background-color: gray;
+	}
+
+	nav ul li ul {
+		display: flex;
+		flex-direction: column;
+	}
+
+	nav img {
+		height: 100px;
+	}
+
+	.dropdown {
+		position: relative;
+		display: inline-flex;
+		flex-direction: column;
+		text-align: center;
+		text-wrap: wrap;
+	}
+
+	.dropdown a {
+		cursor: pointer;
+		width: 130px;
+	}
+
+	.hide {
+		visibility: hidden;
+		position: absolute;
+		z-index: 1;
+		background-color: var(--nav-background-colour);
+		top: 100%;
+		left: 0;
+	}
+
+	/* makes dropdown visible */
+	.dropdown:hover .hide {
+		visibility: visible;
+	}
+
+	footer {
+		display: flex;
+		background-color: rgba(34, 34, 34, 0.9);
+		flex-direction: column;
+		align-items: center;
+		row-gap: 2svh;
+		color: white;
+	}
+
+	footer div {
+		display: flex;
+		flex-direction: row;
+		align-self: stretch;
+		justify-content: space-evenly;
+	}
+
+	footer div a {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	footer div a img {
+		width: 32px;
+		height: 32px;
+	}
+</style>

src/routes/routes/+page.svelte

@@ -0,0 +1,8 @@
+<title>The Red Deer Market - Home</title>
+<meta
+	name="description"
+	content="Welcome to the home page of Red Deer Market. Proudly celebrating its 55th year. Great vendors and wonderful customers. See you at the Market!"
+/>
+
+<h1>Welcome to SvelteKit</h1>
+<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>

svelte.config.js

@@ -0,0 +1,25 @@
+import adapter from '@sveltejs/adapter-cloudflare';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	kit: {
+		// adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
+		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
+		// See https://svelte.dev/docs/kit/adapters for more information about adapters.
+		adapter: adapter(),
+		prerender: {
+			entries: ['*'],
+			handleHttpError: 'ignore'
+
+			// default options are shown. On some platforms
+			// these options are set automatically — see below
+			// pages: 'build',
+			// assets: 'build',
+			// fallback: 'plaintext'
+			// precompress: false,
+			// strict: true
+		}
+	}
+};
+
+export default config;

vite.config.js

@@ -0,0 +1,7 @@
+import devtoolsJson from 'vite-plugin-devtools-json';
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+	plugins: [sveltekit(), devtoolsJson()]
+});

wrangler.jsonc

@@ -0,0 +1,47 @@
+/**
+ * For more details on how to configure Wrangler, refer to:
+ * https://developers.cloudflare.com/workers/wrangler/configuration/
+ */
+{
+	"$schema": "node_modules/wrangler/config-schema.json",
+	"name": "ssg-sveltekit-template",
+	"compatibility_date": "2025-07-03",
+	"pages_build_output_dir": ".svelte-kit/cloudflare",
+	"observability": {
+		"enabled": true
+	}
+	/**
+	 * Smart Placement
+	 * Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+	 */
+	// "placement": { "mode": "smart" },
+
+	/**
+	 * Bindings
+	 * Bindings allow your Worker to interact with resources on the Cloudflare Developer Platform, including
+	 * databases, object storage, AI inference, real-time communication and more.
+	 * https://developers.cloudflare.com/workers/runtime-apis/bindings/
+	 */
+
+	/**
+	 * Environment Variables
+	 * https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables
+	 */
+	// "vars": { "MY_VARIABLE": "production_value" },
+	/**
+	 * Note: Use secrets to store sensitive data.
+	 * https://developers.cloudflare.com/workers/configuration/secrets/
+	 */
+
+	/**
+	 * Static Assets
+	 * https://developers.cloudflare.com/workers/static-assets/binding/
+	 */
+	// "assets": { "directory": "./public/", "binding": "ASSETS" },
+
+	/**
+	 * Service Bindings (communicate between multiple Workers)
+	 * https://developers.cloudflare.com/workers/wrangler/configuration/#service-bindings
+	 */
+	// "services": [{ "binding": "MY_SERVICE", "service": "my-service" }]
+}