Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/agarwalbharat/pictureinpicture

Picture In Picture demo with materializecss
https://github.com/agarwalbharat/pictureinpicture

css html javascript material-design materializecss picture-in-picture pictureinpicture pip

Last synced: about 1 month ago
JSON representation

Picture In Picture demo with materializecss

Awesome Lists containing this project

README 

        
# PictureInPicture

Picture In Picture demo with [materializecss](http://materializecss.com)



## Getting Started

It is complete ready to use Responsive blog template. It is basic website made in HTML, CSS.



To View this Website online visit [PictureInPicture](https://pip.iambharat.me/) 

***or*** 

Paste https://pip.iambharat.me/ in browser



### Show some :heart: and :star: the repo to support the project. 

For more contact me @[facebook](https://www.facebook.com/bharatagsrwal), @[Twitter](https://www.twitter.com/bharatagsrwal) or @[Website](https://iambharat.me)

### Screenshots

#### Desktop

 




#### Mobile

     



### Directions To use PIP

To use PIP mode in Desktop Use the Floating action button to `Enter` or `Exit` Picture in Picture Mode.

To use PIP mode in Android/IOS make it `full screen` by pressing `Full Screen Button` on video and then press `Home Button` to use PIP



# Pull Requests



I welcome and encourage all pull requests. It usually will take me within 10-21 hours to respond to any issue or request. Here are some basic rules to follow to ensure timely addition of your request:



1.  Match coding style (braces, spacing, etc.) This is best achieved using `Reformat Code` feature of VS Code `SHIFT`+`Option`+`F` on Mac and `SHIFT` + `ALT` + `F` on Linux + Windows .

2.  If its a feature, bugfix, or anything please only change code to what you specify.

3.  Please keep PR titles easy to read and descriptive of changes, this will make them easier to merge :)

4.  Pull requests _must_ be made against `develop` branch. Any other branch (unless specified by the maintainers) will get rejected.

5.  Check for existing [issues](https://github.com/bharatagsrwal/PictureInPicture/issues) first, before filing an issue.

6.  Make sure you follow the set standard as all other projects in this repo do

7.  Have fun!



# 👍 Contribution

1. Fork it

2. Create your feature branch (git checkout -b my-new-feature)

3. Commit your changes (git commit -m 'Add some feature')

4. Push to the branch (git push origin my-new-feature)

5. Create new Pull Request



### Created By :sunglasses:

[Bharat](https://github.com/bharatagsrwal) ([Facebook](https://www.facebook.com/bharatagsrwal)) ([Linkedin](https://www.linkedin.com/in/bharatagsrwal)) ([Hackerrank](https://www.hackerrank.com/bharatagsrwal))

([Website](https://iambharat.me))([Twitter](https://www.twitter.com/bharatagsrwal))



### Implementation :innocent:



This project is implemented in HTML,CSS and Javascript and it is completely Responsive With a https://teamtreehouse.com git intro video.



### Tested :clap:

This Project is Tested in Google Chrome browser.



## Facing Any Problem or need any Help:grey_question:

Write me in [issues](https://github.com/bharatagsrwal/PictureInPicture/issues) section. I will try solve your issue within 10-12 hours.

***Keep Developing and Destroying.*** :wink:



## Follow :trophy:

Follow me on :punch:

[Bharat](https://github.com/bharatagsrwal) ([Facebook](https://www.facebook.com/bharatagsrwal)) ([Linkedin](https://www.linkedin.com/in/bharatagsrwal)) ([Hackerrank](https://www.hackerrank.com/bharatagsrwal))

([Website](https://iambharat.tk))([Twitter](https://www.twitter.com/bharatagsrwal))