Skip to content

Commit a52c119

Browse files
earth-walkerearth-walker
committed
mostly implement visual design
1 parent c7227c9 commit a52c119

File tree

16 files changed

+198
-68
lines changed

16 files changed

+198
-68
lines changed

‎website/src/assets/backgrounds/wavy.png‎

1.5 MB
Loading

‎website/src/assets/copy/History.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
## History of BDT
2+
3+
There is a need in the non-profit community for easy-to-use and open source screener-building toolkits. Many small non-profits resort to building eligibility screening tools with Excel because this is the only low-cost and low-code option available to them.
4+
Many small non-profits resort to building eligibility screening tools with Excel because this is the only low-cost and low-code option available to them.
5+
6+
There are so many eligibility screeners in existence, purpose-built, for a variety of specific use cases. There are high-level screeners and comprehensive screeners. There are single-benefit screeners and multi-benefit screeners. There are screeners meant to be used directly by the person seeking benefits and others meant to be used by caseworkers.

‎website/src/assets/copy/Team.md‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
11
## Who We Are
22

33
There is a need in the non-profit community for easy-to-use and open source screener-building toolkits. Many small non-profits resort to building eligibility screening tools with Excel because this is the only low-cost and low-code option available to them.
4-
5-
There are so many eligibility screeners in existence, purpose-built, for a variety of specific use cases. There are high-level screeners and comprehensive screeners.  There are single-benefit screeners and multi-benefit screeners. There are screeners meant to be used directly by the person seeking benefits and others meant to be used by caseworkers.

‎website/src/assets/logos/bdt-logo-large-mono-light.svg‎

Lines changed: 28 additions & 0 deletions
Loading

‎website/src/assets/photos/man-in-office.png‎

559 KB
Loading

‎website/src/assets/photos/man-with-laptop.png‎

1.84 MB
Loading

‎website/src/assets/photos/woman-with-laptop.png‎

515 KB
Loading

‎website/src/components/Contact.astro‎

Lines changed: 38 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,44 @@
11
---
2+
import { Image } from "astro:assets";
23
import { Content } from "../assets/copy/Contact.md";
4+
import manInOffice from "../assets/photos/man-in-office.png";
35
---
46

5-
<section id="contact" class="py-6">
6-
<div class="prose">
7-
<Content />
8-
</div>
9-
<form action="message" class="mt-6">
10-
<div><label for="name">Name:</label></div>
11-
<div>
12-
<input type="text" name="name" id="name" placeholder="John Doe" />
13-
</div>
14-
<div><label for="name">Email:</label></div>
15-
<div>
16-
<input
17-
type="text"
18-
name="email"
19-
id="email"
20-
placeholder="[email protected]"
21-
/>
7+
<section id="contact">
8+
<div class="max-w-[130ch] mx-auto">
9+
<div class="flex flex-row">
10+
<div class="w-1/2 p-6">
11+
<div class="prose">
12+
<Content />
13+
</div>
14+
<form action="message" class="mt-6">
15+
<div><label for="name">Name:</label></div>
16+
<div>
17+
<input type="text" name="name" id="name" placeholder="John Doe" />
18+
</div>
19+
<div><label for="name">Email:</label></div>
20+
<div>
21+
<input
22+
type="text"
23+
name="email"
24+
id="email"
25+
placeholder="[email protected]"
26+
/>
27+
</div>
28+
<div><label for="name">Message:</label></div>
29+
<div>
30+
<input
31+
type="text"
32+
name="message"
33+
id="message"
34+
placeholder="Your message"
35+
/>
36+
</div>
37+
<input type="submit" value="Submit" />
38+
</form>
39+
</div>
40+
<div class="w-1/2 bg-[url(../assets/photos/man-in-office.png)] bg-cover">
41+
</div>
2242
</div>
23-
<div><label for="name">Message:</label></div>
24-
<div>
25-
<input
26-
type="text"
27-
name="message"
28-
id="message"
29-
placeholder="Your message"
30-
/>
31-
</div>
32-
<input type="submit" value="Submit" />
33-
</form>
43+
</div>
3444
</section>

‎website/src/components/Footer.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<footer class="py-6 text-center flex flex-col gap-3">
1+
<footer class="py-6 text-center flex flex-col gap-3 bg-green-300">
22
<p>Benefit Decision Toolkit</p>
33
<p>A Code For Philly Project</p>
44
</footer>

‎website/src/components/Header.astro‎

Lines changed: 18 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,22 +4,23 @@ import { Image } from "astro:assets";
44
import logo from "../assets/logos/bdt-logo-large-mono-dark.svg";
55
---
66

7-
<header
8-
id="top"
9-
class="py-6 flex flex-row justify-between items-baseline gap-6"
10-
>
11-
<div class="w-30">
12-
<Image src={logo} alt="BDT logo" />
7+
<header id="top" class="py-6 px-3 bg-sky-500">
8+
<div
9+
class="flex flex-row justify-between items-baseline gap-6 max-w-[130ch] mx-auto"
10+
>
11+
<div class="w-36">
12+
<Image src={logo} alt="BDT logo" />
13+
</div>
14+
<nav>
15+
<ul class="flex gap-4">
16+
{
17+
navLinks.map((link) => (
18+
<li>
19+
<a href={link.path}>{link.title}</a>
20+
</li>
21+
))
22+
}
23+
</ul>
24+
</nav>
1325
</div>
14-
<nav>
15-
<ul class="flex gap-4">
16-
{
17-
navLinks.map((link) => (
18-
<li>
19-
<a href={link.path}>{link.title}</a>
20-
</li>
21-
))
22-
}
23-
</ul>
24-
</nav>
2526
</header>

0 commit comments

Comments
 (0)