SFPC/sfpc.github.io — pull request #83 by caseyg (2015-01-01 01:12:15+00:00)
Title: Apply inline

In preparation for the Spring 15 Call for students, I've been working on improving our application flow in a branch called `apply-inline` and wanted to share my progress here.

## Nav

- Top navigation now links to `Participate` which is information about the call, and `Apply` which is the actual form. Bootstrap has a cool little highlighted label where I put the date, but we could also do a countdown.

![screen shot 2014-12-31 at 8 08 41 pm](https://cloud.githubusercontent.com/assets/462020/5591426/d739785e-9128-11e4-9c03-d373322ce58f.png)

## Participate

1. Short "Open Calls" introduction with buttons for **Apply Now** (jumps to: Apply) or **Read More** (jumps down to full text of Call for Students)
2. Alumni testimonials sidebar, (editable via `/_data/testimonials.yml`) (fixes #61?)
3. "Scenes from School" slideshow (we should add more images)
4. Full text of Spring 2015 Call for Students

![participate school for poetic computation 20141231](https://cloud.githubusercontent.com/assets/462020/5591348/7cbc3be0-9124-11e4-8e4d-4e5692bcdf89.png)

## Apply

1. Migrating from Google Forms (off-site form, spreadsheet backend, free) to Formkeep (on-site form, very usable backend, pay what you wish).
- With Google Forms we didn't have much control over how the application looked, and answers were stored in a hard to read spreadsheet.
- Formkeep is simply an endpoint that accepts answers from a form on our site, displays the answers in a much more readable backend, and allows us to search applications and mark spam if necessary.
2. Application is editable via `/_data/application.json`, and is completely customizable.
3. Sidebar shows application/admissions timeline and helpful hints.

![apply school for poetic computation 20141231](https://cloud.githubusercontent.com/assets/462020/5591350/809b6d3a-9124-11e4-94a8-46257ddf3a36.png)

## Thanks

1. After a successful submit, thank the applicant and shower them with virtual confetti. (Looks really smooth in the browser, the GIF just has a low frame rate.)
2. Added prompts to share the Participate page on Facebook and Twitter

![thanks](https://cloud.githubusercontent.com/assets/462020/5591351/88f8d616-9124-11e4-926f-c1cb65eb7783.gif)

## (Optional) Share Prompts

- There are optional, and we can customize what they say/how they look by adding some metadata tags, if anyone has edits.

| Twitter | Facebook |
| --------- | ------------- |
| ![screen shot 2014-12-31 at 7 01 37 pm](https://cloud.githubusercontent.com/assets/462020/5591266/8b09f0f2-911f-11e4-8ead-75f9a25cffe0.png) | ![screen shot 2014-12-31 at 7 01 51 pm](https://cloud.githubusercontent.com/assets/462020/5591268/8e1f18c6-911f-11e4-8cf7-a574620c1451.png) |

## FAQ

- Has a new Table of Contents navigation, which sticks to the screen as you scroll and highlights the answer you're on.

![faq school for poetic computation 20141231](https://cloud.githubusercontent.com/assets/462020/5591352/8ed4deae-9124-11e4-9bcc-846c2eefaaec.png)

## Formkeep Backend

- This is what Formkeep looks like.

![screen shot 2014-12-31 at 6 58 21 pm](https://cloud.githubusercontent.com/assets/462020/5591257/4e894a38-911f-11e4-8cc9-95e66249a978.png)

- - -

## Missing Pieces

I'm excited about all this! Hope you are too.

Here's what's left to do:

- Add in new FAQ content, once finalized (via `/_faqs/section.md`)
- Final application questions (via `/_data/application.json`)
- Final application schedule (via `/layouts/apply.html`)
- Any design/flow tweaks you might think of
- Internal testing (it worked for me, but would be great to kick the tires.)