-67- source

by paradise · back to page

open page 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>submit work · challenge portal</title>
  <link rel="icon" href="/static/favicon.svg">
  <link rel="stylesheet" href="/static/style.css">
  
</head>
<body>
  <header class="nav">
    <!--<a class="brand" href="/">challenge portal</a>-->
    <div></div>
    <nav>
      <a href="/" >gallery</a>
      <a href="/challenges" >challenges</a>
      
        <a href="/account" >paradise</a>
        <form method="post" action="/logout"><button class="link">log out</button></form>
      
    </nav>
  </header>

  <main>
<section class="head">
  <div>
    <h1>submit work</h1>
    <p class="muted">upload one html file or give a link to your page</p>
  </div>
</section>


<form class="form" method="post" enctype="multipart/form-data">
  <label>
    <span>name</span>
    
      <input name="name" value="" required minlength="3" maxlength="40"
             pattern="[a-z0-9\-]{3,40}" placeholder="fluffy-cats" autocomplete="off">
      <small>3 to 40 chars: a-z, 0-9 and -. it becomes the page url and can't be changed later</small>
    
  </label>

  <label>
    <span>challenge</span>
    <select name="challenge_id">
      
        <option value="1" selected>random cat</option>
      
    </select>
  </label>

  <label>
    <span>description</span>
    <textarea name="description" rows="4" maxlength="1000"></textarea>
    <small>optional, up to 1000 chars</small>
  </label>

  <fieldset>
    <legend>page source: file or link</legend>
    <label>
      <span>html file</span>
      <input type="file" name="html_file" accept=".html,.htm">
      
        <small>.html or .htm, up to 5 mb</small>
      
    </label>
    <label>
      <span>or link</span>
      <input type="url" name="link_url" value="" placeholder="https://you.github.io/cats">
      
        <small>https only. leave empty if you upload a file</small>
      
    </label>
  </fieldset>

  <label>
    <span>git link</span>
    <input type="url" name="git_url" value="" placeholder="https://github.com/you/cats">
    <small>optional, https only</small>
  </label>

  <label>
    <span>thumbnail</span>
    
    <input type="file" name="thumb_file" accept=".png,.jpg,.jpeg,.webp">
    
      <small>optional. png, jpg or webp, up to 2 mb. shown in the gallery</small>
    
  </label>

  <label class="check">
    <input type="checkbox" name="is_draft" value="1" >
    <span>draft: hidden from the gallery, still reachable by its link</span>
  </label>

  <div class="actions">
    <button class="button primary">submit</button>
    <a class="button" href="/">cancel</a>
  </div>
</form>

</main>

  <div id="toasts" aria-live="polite">
    
  </div>

  <script src="/static/app.js"></script>
</body>
</html>