<commit_before># tv
![tv](https://media.giphy.com/media/l4FGIUP7ctUBrk0W4/giphy.gif)

less of a slide show, more like a tv.

This is more of an art project then a serious perspective of what the giphy tv experience could be. The goal was to provide a an example of the breath of the effects we can use on gifs using only client side processing power and to explore what giphy.com might look like if it was responsive.

Check out it out [here](https://agconti.github.io/tv/).

## Features
- Live postprocessing of gifs for a _artsy_ busted tv effect using webgl [shaders](https://github.com/agconti/tv/blob/master/src/tv/TVShader.js).
- Fully responsive gif grid using a [CSS multi-column layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts) that supports tv and tv-less grids.
- Dynamically changes to gifs from webps for mobile using `srcSet` over browser sniffing
- A redone tv that only needs a list of gif ids
- Supporting react grid components.

## Setup

Clone the repository:
```
git clone git@github.com:agconti/tv.git
```

Install the projects dependencies:
```
npm i
```

Start the dev server
```
npm start
```<commit_msg>docs(README): updated  project links<commit_after># tv
![tv](https://media.giphy.com/media/l4FGIUP7ctUBrk0W4/giphy.gif)

less of a slide show, more like a tv.

This is more of an art project then a serious perspective of what the giphy tv experience could be. The goal was to provide a an example of the breath of the effects we can use on gifs using only client side processing power and to explore what giphy.com might look like if it was responsive.

Check out it out [here](https://agconti.github.io/tv/).

## Features
- Live postprocessing of gifs for a _artsy_ busted tv effect using webgl [shaders](https://github.com/agconti/tv/blob/master/src/tv/TVShader.js).
- Fully [responsive gif grid](https://github.com/agconti/tv/blob/master/src/grid/ml.css) using a [CSS multi-column layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts) that supports tv and tv-less grids.
- Dynamically changes to gifs from webps for mobile using [`srcSet`](https://github.com/agconti/tv/blob/0a046cf845ef6e601f7668e3fd9e4157907fa245/src/grid/GridItem.js#L26-L29) over browser sniffing
- A redone tv that only needs a list of gif ids
- Supporting react grid components.

## Setup

Clone the repository:
```
git clone git@github.com:agconti/tv.git
```

Install the projects dependencies:
```
npm i
```

Start the dev server
```
npm start
```
{'fraction_non_alphanumeric': 0.10023584905660378, 'fraction_numerical': 0.015330188679245283, 'mean_word_length': 4.3466386554621845, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 10, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 2, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '691895', 'n_tokens_mistral': 854, 'n_tokens_neox': 810, 'n_words': 301}