Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kikobr/UXVIDEOS
How would it be to have a sexy site to watch UX Videos
https://github.com/kikobr/UXVIDEOS
design experience funny joke joke-website parody user
Last synced: 3 months ago
JSON representation
How would it be to have a sexy site to watch UX Videos
- Host: GitHub
- URL: https://github.com/kikobr/UXVIDEOS
- Owner: kikobr
- Created: 2017-09-16T04:47:42.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-08-28T16:39:39.000Z (over 1 year ago)
- Last Synced: 2024-08-03T02:02:43.362Z (6 months ago)
- Topics: design, experience, funny, joke, joke-website, parody, user
- Language: Liquid
- Homepage: https://kikobr.github.io/UXVIDEOS/
- Size: 8.42 MB
- Stars: 68
- Watchers: 1
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-hilarious-repos - UXVideos - What if someone merges XVIDEOS website with UX content? lol (Standalone projects)
README
# UXVIDEOS
[See it with your eyes](https://kikobr.github.io/UXVIDEOS/)
## What is this nonsense?
UXVIDEOS is just a parody where we merge the identity of XVIDEOS (interface and writing) with content from the UX Design world. The objective is just to level up this name proximity joke.
#### "My video was listed and I want it out of this awful site"
I'm sorry about that. Please, send an e-mail to [[email protected]](mailto:[email protected]) or open an issue here in Github and I'll remove it as soon as possible.
---
## How to suggest a video
You just have to place a pull request, but that is really easy to do! Fork this repository, add a markdown page (.md) inside /videos folder following the pattern bellow. If you want to set a custom image, just add one inside /static/img folder.
Take some time to think about a funny title, it's really important! It needs to be a little suggestive, but without pornographic nor explicit language!
### Defining a new /videos page
Below are the properties you can use when defining a new page:
- **layout**: it should be always equal to "videos". Don't change it
- **title**: your creative title
- **duration**: invent one, respecting the pattern XXmin
- **views**: invent one, respecting the pattern 300,500k, 1.2M
- **channel**: invent one
- **youtube** *(optional)*: place the video id. When you open a video, in a URL that ends with "watch?v=0EVYTGYywX5", this code would be "0EVYTGYywX5"
- **image** *(optional)*: the name of the image inside /static/img you want to use as thumbnail. If not present, we'll try to get the image from YouTube video (if possible)
- **tags**: invent. list by line all tags
The file needs to be in the pattern bellow:
```markdown
---
layout: video
title: my hot title
duration: 10min
views: 500k
channel: Jon54
youtube: 0EVYTGYywX5
image: my-image.jpg
tags:
- ux
- design
---
```
### Previewing it on my local server
You don't need to preview it since it's just about creating one file. But if you wan't to preview it, you need to install nodejs, clone our repository and run the project, that uses 11ty library.
```bash
git clone https://github.com/kikobr/UXVIDEOS.git
cd UXVIDEOS/
npm install
npm run dev
```
(Then open your browser in the URL [http://localhost:8080](http://localhost:8080/))
## Have fun!
"HUE HUE BR" - GUY, Brazilian (2017)