https://github.com/brizandrew/ourgainesville
A community-engagement project highlighting the diverse stories and lives of the people who call Gainesville, Florida home.
https://github.com/brizandrew/ourgainesville
css gainesville html interactive-storytelling javascript journalism node swiper
Last synced: about 2 months ago
JSON representation
A community-engagement project highlighting the diverse stories and lives of the people who call Gainesville, Florida home.
- Host: GitHub
- URL: https://github.com/brizandrew/ourgainesville
- Owner: brizandrew
- License: mit
- Created: 2017-08-08T18:29:40.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-07T20:46:38.000Z (over 7 years ago)
- Last Synced: 2025-02-01T21:41:35.131Z (4 months ago)
- Topics: css, gainesville, html, interactive-storytelling, javascript, journalism, node, swiper
- Language: HTML
- Homepage: https://www.wuft.org/projects/ourgainesville/
- Size: 265 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# [Our Gainesville](https://www.wuft.org/projects/ourgainesville/)
Our Gainesville is comprised of individual stories of people living, working, praying, performing and more. It tells the stories of who we are, where we are and what we are. It shows what makes Gainesville, Gainesville.
Each page in the project was designed by the individual who reported the story using [LongForm](http://andrewbriz.com/?p=longform). LongForm, a web application I created, gives journalists the agency to decide how their multimedia stories look without writing a single line of code.
Once they finished designing their page, the journalist sent me their LongForm files. [Gabrielle Calise](https://github.com/gabriellecalise) and I then took the files and used an early alpha version of a new tool I've been working on to stitch them together.
The result is a consistent amalgamation of many creative visions in an elegant and intuitive platform.
## A Place Where We Belong
Gainesville.
Maybe best known for the University of Florida and its athletic prowess, the city stands at the intersection of the Old South and a new American city.
It's the birthplace of the sports drink Gatorade.
It's home to The Fest, a world renowned punk rock festival.
It's filled with foodies, eclectic restaurants and micro-brews.
It's a hub for innovation and entrepreneurship.
From dance to theater and photography, the arts are easily accessible, as is the lush Florida landscape.
Still it's so much more.
With a population of nearly 280,000 people, today's [Gainesville is welcoming](https://www.wuft.org/news/2016/11/15/gainesville-open-to-all-mayor-says-after-elections/). It's tolerant and accepting of all ethnicities, religions and sexual orientations. It's a safe haven for many.
This summer, WUFT reporters focused on a community-engagement project that highlights the rich diversity of the people who live here.
We asked them why they made Gainesville home. All of them came here for different reasons, but one thing has kept them here — it's a place where finally they belong.
## Credits
Our Gainesville was produced by undergraduate and graduate students at the University of Florida's Innovation News Center in the College of Journalism and Communications. Editors Meghan Mangrum and Sophia Tarasevich guided the reporting and edited the stories by Cecilia Mazanec, Sydney Brodie, Luke Sullivan, Angela Hyse, Madison Imschweiler, Tyler Jarnagin, Tayler McLamb, Fabiana Otero, Rachel Rockwell, Spencer Thompson, Chris Watkins, Abigail Zavaski and Nick Wisby. The cover video was produced by Emma Green. Andrew Briz and Gabrielle Calise designed and built the webpage and interactive story.
The code for Our Gainesville, including the code behind LongForm, was developed in Hatch at the University of Florida's College of Journalism and Communications. To learn more about the products and content Hatch incubates visit [https://jou.ufl.edu/hatch](http://jou.ufl.edu/hatch).
## Technical Stuff
To build a local version of this project...
Clone the git repository from GitHub.
```bash
$ git clone [email protected]:brizandrew/ourgainesville.git
```
Install all the dependencies.
```bash
$ npm install
```
Run the build command.
```bash
$ npm run build
```
Using a local server program (like XAMP), Go to the `ourgainesville/dist` directory on your server:
`localhost:port/path/to/directory/ourgainesville/dist/`