Skip to content

Commit c3ce14a

Browse files
ok
1 parent a0271b5 commit c3ce14a

File tree

4 files changed

+49
-6
lines changed

4 files changed

+49
-6
lines changed

.vscode/settings.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
{
22
"deno.enable": true,
33
"deno.lint": true,
4-
"editor.defaultFormatter": "denoland.vscode-deno"
4+
"editor.defaultFormatter": "denoland.vscode-deno",
5+
"editor.formatOnSave": true
56
}

deno.lock

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

routes/index.tsx

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,20 @@ export default function Home() {
44
return (
55
<>
66
<Head>
7-
<title>Fresh App</title>
7+
<title>Seaside Pharmacy</title>
88
</Head>
9-
<div class="p-4 mx-auto max-w-screen-md">
10-
<h2>Seaside Pharmacy</h2>
11-
<a>781-284-6525</a>
9+
<div class="p-4 mx-auto text-center max-w-xs my-5">
10+
<h2
11+
class="font-lora uppercase relative mb-2"
12+
style="font-size: 4.15rem; line-height: 0.7;"
13+
>
14+
Seaside<span class="text-5xl inline-block">Pharmacy</span>
15+
</h2>
16+
<a href="tel:781-284-6525">781-284-6525</a>
1217
<p>Revere, MA</p>
18+
<a href="https://goo.gl/maps/ZuBSQdKqEavcKrgf9?coh=178571&entry=tt">
19+
Find us on Google Maps
20+
</a>
1321
</div>
1422
</>
1523
);

twind.config.ts

Lines changed: 32 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,36 @@
11
import { Options } from "$fresh/plugins/twind.ts";
2+
import * as colors from "twind/colors"
23

34
export default {
45
selfURL: import.meta.url,
5-
} as Options;
6+
preflight: {
7+
"@import":
8+
"https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap",
9+
"@font-face": [
10+
{
11+
fontFamily: "Lora",
12+
},
13+
],
14+
},
15+
theme: {
16+
extend: {
17+
transitionDuration: {
18+
"0": "0ms",
19+
"1600": "1600ms",
20+
"2000": "2000ms",
21+
},
22+
},
23+
fontFamily: {
24+
"lora": ['"Lora"', "serif"],
25+
},
26+
colors: {
27+
blue: "rgb(0,153,212)",
28+
violet: "rgb(108, 73, 136)",
29+
grey: colors.coolGray,
30+
dark: "rgb(15,15,15)",
31+
transparent: "rgba(0,0,0,0)",
32+
white: colors.white,
33+
black: colors.black,
34+
},
35+
},
36+
} as Options;

0 commit comments

Comments
 (0)