41 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
			
		
		
	
	
			41 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
<h1 class="text-center">YTDL Web</h1>
 | 
						|
<p class="text-center mb-5">
 | 
						|
  Download videos from many different websites using yt-dlp
 | 
						|
</p>
 | 
						|
 | 
						|
<form action="{{.BasePath}}/download" method="get">
 | 
						|
  <div class="mb-3">
 | 
						|
    <label for="url" class="form-label visually-hidden">Url</label>
 | 
						|
    <div class="input-group">
 | 
						|
      <input type="url" name="url" id="url" class="form-control" required />
 | 
						|
      <button
 | 
						|
        id="paste-button"
 | 
						|
        class="btn btn-outline-secondary"
 | 
						|
        type="button"
 | 
						|
        title="Paste"
 | 
						|
      >
 | 
						|
        <svg
 | 
						|
          xmlns="http://www.w3.org/2000/svg"
 | 
						|
          fill="none"
 | 
						|
          viewBox="0 0 24 24"
 | 
						|
          stroke-width="1.5"
 | 
						|
          stroke="currentColor"
 | 
						|
          style="width: 1.5rem; height: 1.5rem"
 | 
						|
        >
 | 
						|
          <path
 | 
						|
            stroke-linecap="round"
 | 
						|
            stroke-linejoin="round"
 | 
						|
            d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"
 | 
						|
          />
 | 
						|
        </svg>
 | 
						|
      </button>
 | 
						|
    </div>
 | 
						|
  </div>
 | 
						|
  <div class="d-grid">
 | 
						|
    <button type="submit" class="btn btn-primary">Download</button>
 | 
						|
  </div>
 | 
						|
  {{if .Flash}}
 | 
						|
  <div class="alert alert-danger mt-4" role="" alert>{{.Flash.message}}</div>
 | 
						|
  {{end}}
 | 
						|
</form>
 |