SponsorBlock/help/index.html

<head>
  <title> SponsorBlock </title>

  <link href="styles.css" rel="stylesheet"/>
</head>

<body>

  <div id="title">
    <img src="https://github.com/ajayyy/SponsorBlock/raw/master/icons/LogoSponsorBlocker256px.png" height="80" class="profilepic"/>
    SponsorBlock
  </div>

  <center>

    <p class="createdBy">Created By <a href="https://ajay.app">Ajay Ramachandran</a></p>

    <p>
        Thanks for installing SponsorBlock. Here are some quick tips for getting started. Please join the Discord if you have any questions or suggestions.
    </p>

    <p class="projectPreview">
      <span class="projectPreviewImage">
          <a href="https://discord.gg/QnmVMpU"><img width="80" src="https://www.logolynx.com/images/logolynx/1b/1bcc0f0aefe71b2c8ce66ffe8645d365.png"/></a>
      </span>
	  
	  Come contribute, make some suggestions and help out in the Discord: <a href="https://discord.gg/QnmVMpU">https://discord.gg/QnmVMpU</a>
    </p>

    <h1>How skipping works</h1>

    <p class="projectPreview">
      <span class="projectPreviewImageLarge">
          <img src="https://i.imgur.com/caf5Bju.png">
      </span>

      Videos will automatically be skipped if they are found in the database. You can open the popup by clicking the extension icon to get a preview of what they are.
      
      <br/>
      <br/>
      Whenever you skip a video, you will get a notice allowing you to vote on that submission. If it worked, upvote it! You can also vote in the popup.
    </p>

    <center><img height="120px" src="https://i.imgur.com/1M0WZ99.gif"></center>

    <h1>Submitting</h1>

    <p class="projectPreview">
        <span class="projectPreviewImageLargeRight">
            <img src="https://i.imgur.com/A1ilk6x.gif">
        </span>
  
        Submitting can either be done in the popup by hitting the "Sponsorship Starts Now" button or in the video player with the buttons on the player.
        
        <br/>
        <br/>

        Clicking the play button indicated the start of a sponsorship section and clicking the stop icon indicates the end. You can prepare multiple sponsors before hitting submit. Clicking the upload button will submit. Clicking the garbage can will delete.
    </p>

    <h1>Editing</h1>

    <p class="projectPreview">
        <span class="projectPreviewImageLarge">
            <img src="https://i.imgur.com/DZHqbsx.gif">
        </span>
  
        If you messed up, you can edit or delete your sponsor times in the popup or in the info menu (by hitting the info icon).

    </p>

    <h1>This is too slow</h1>

    <p>
      There are hotkeys if you want to use them. You must be focused on the YouTube player to use them. Press the semicolon key to indicate the start/end of a sponsor segment and click the appostrophe to submit.
    </p>

    <h1>I hate these buttons, they are so ugly</h1>

    <p>
      All player buttons can be hidden in the options.
    </p>

    <h1>Can I get a copy of the Database? What happens if you disappear?</h1>

    <p>
      The database is public and available at <a href="https://sponsor.ajay.app/database.db">https://sponsor.ajay.app/database.db</a>. The source code is freely available. So, even if something happens to me, your submissions are not lost.
    </p>

    <h1>News and how it is made</h1>

    <p>
      See <a href="https://sponsor.ajay.app/news">https://sponsor.ajay.app/news</a>.
    </p>

    <h1>I want more features!</h1>

    <p>
      Ask on Discord or make an Issue on GitHub. I am happy to hear suggestions or improvements you want. You may also contribute code or graphics if you would like.
    </p>

    <h1>Where can I get the source code</h1>

    <h4 style="display: inline">Client:</h4>
    <!-- Github logo -->
    <a href="https://github.com/ajayyy/SponsorBlock"><svg aria-hidden="true" version="1.1" viewBox="0 0 16 16" height="58px" style="padding-left: 15px"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a>

    <h4 style="display: inline; padding-left: 20px">Server:</h4>
    <!-- Github logo -->
    <a href="https://github.com/ajayyy/SponsorBlockServer"><svg aria-hidden="true" version="1.1" viewBox="0 0 16 16" height="58px" style="padding-left: 15px"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a>

    <h1>Credit</h1>

    <p>The awesome <a href="https://github.com/omarroth/invidious/wiki/API">Invidious API</a> is used to grab the time the video was published.</p>

    <p>Some icons made by <a href="https://www.flaticon.com/authors/gregor-cresnar" title="Gregor Cresnar">Gregor Cresnar</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> and are licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></p>
    
    <p>Some icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> and are licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></p>

  </center>

</body>
Added help page on install. 2019-07-31 06:12:02 +02:00			`<head>`
			`<title> SponsorBlock </title>`

			`<link href="styles.css" rel="stylesheet"/>`
			`</head>`

			`<body>`

			`<div id="title">`
			`<img src="https://github.com/ajayyy/SponsorBlock/raw/master/icons/LogoSponsorBlocker256px.png" height="80" class="profilepic"/>`
			`SponsorBlock`
			`</div>`

			`<center>`

			`<p class="createdBy">Created By <a href="https://ajay.app">Ajay Ramachandran</a></p>`

			`<p>`
			`Thanks for installing SponsorBlock. Here are some quick tips for getting started. Please join the Discord if you have any questions or suggestions.`
			`</p>`

			`<p class="projectPreview">`
			`<span class="projectPreviewImage">`
			`<a href="https://discord.gg/QnmVMpU"><img width="80" src="https://www.logolynx.com/images/logolynx/1b/1bcc0f0aefe71b2c8ce66ffe8645d365.png"/></a>`
			`</span>`

			`Come contribute, make some suggestions and help out in the Discord: <a href="https://discord.gg/QnmVMpU">https://discord.gg/QnmVMpU</a>`
			`</p>`

			`<h1>How skipping works</h1>`

			`<p class="projectPreview">`
			`<span class="projectPreviewImageLarge">`
			`<img src="https://i.imgur.com/caf5Bju.png">`
			`</span>`

			`Videos will automatically be skipped if they are found in the database. You can open the popup by clicking the extension icon to get a preview of what they are.`

			`<br/>`
			`<br/>`
			`Whenever you skip a video, you will get a notice allowing you to vote on that submission. If it worked, upvote it! You can also vote in the popup.`
			`</p>`

			`<center><img height="120px" src="https://i.imgur.com/1M0WZ99.gif"></center>`

			`<h1>Submitting</h1>`

			`<p class="projectPreview">`
			`<span class="projectPreviewImageLargeRight">`
			`<img src="https://i.imgur.com/A1ilk6x.gif">`
			`</span>`

			`Submitting can either be done in the popup by hitting the "Sponsorship Starts Now" button or in the video player with the buttons on the player.`

			`<br/>`
			`<br/>`

			`Clicking the play button indicated the start of a sponsorship section and clicking the stop icon indicates the end. You can prepare multiple sponsors before hitting submit. Clicking the upload button will submit. Clicking the garbage can will delete.`
			`</p>`

			`<h1>Editing</h1>`

			`<p class="projectPreview">`
			`<span class="projectPreviewImageLarge">`
			`<img src="https://i.imgur.com/DZHqbsx.gif">`
			`</span>`

			`If you messed up, you can edit or delete your sponsor times in the popup or in the info menu (by hitting the info icon).`

			`</p>`

			`<h1>This is too slow</h1>`

			`<p>`
			`There are hotkeys if you want to use them. You must be focused on the YouTube player to use them. Press the semicolon key to indicate the start/end of a sponsor segment and click the appostrophe to submit.`
			`</p>`

			`<h1>I hate these buttons, they are so ugly</h1>`

			`<p>`
			`All player buttons can be hidden in the options.`
			`</p>`

			`<h1>Can I get a copy of the Database? What happens if you disappear?</h1>`

			`<p>`
			`The database is public and available at <a href="https://sponsor.ajay.app/database.db">https://sponsor.ajay.app/database.db</a>. The source code is freely available. So, even if something happens to me, your submissions are not lost.`
			`</p>`

			`<h1>News and how it is made</h1>`

			`<p>`
			`See <a href="https://sponsor.ajay.app/news">https://sponsor.ajay.app/news</a>.`
			`</p>`

			`<h1>I want more features!</h1>`

			`<p>`
			`Ask on Discord or make an Issue on GitHub. I am happy to hear suggestions or improvements you want. You may also contribute code or graphics if you would like.`
			`</p>`

			`<h1>Where can I get the source code</h1>`

			`<h4 style="display: inline">Client:</h4>`
			`<!-- Github logo -->`
			<a href="https://github.com/ajayyy/SponsorBlock"><svg aria-hidden="true" version="1.1" viewBox="0 0 16 16" height="58px" style="padding-left: 15px"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a>

			`<h4 style="display: inline; padding-left: 20px">Server:</h4>`
			`<!-- Github logo -->`
			<a href="https://github.com/ajayyy/SponsorBlockServer"><svg aria-hidden="true" version="1.1" viewBox="0 0 16 16" height="58px" style="padding-left: 15px"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a>

			`<h1>Credit</h1>`

			`<p>The awesome <a href="https://github.com/omarroth/invidious/wiki/API">Invidious API</a> is used to grab the time the video was published.</p>`

			`<p>Some icons made by <a href="https://www.flaticon.com/authors/gregor-cresnar" title="Gregor Cresnar">Gregor Cresnar</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> and are licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></p>`

Fixed grammer 2019-08-01 04:57:50 +02:00			`<p>Some icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> and are licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></p>`
Added help page on install. 2019-07-31 06:12:02 +02:00
			`</center>`

			`</body>`