Update some styling and add some disclaimer text
This commit is contained in:
		
							parent
							
								
									e56b0470b3
								
							
						
					
					
						commit
						4ba2b02815
					
				
					 3 changed files with 68 additions and 59 deletions
				
			
		| 
						 | 
				
			
			@ -1,6 +1,6 @@
 | 
			
		|||
<div class="column is-one-quarter" id="book_{{id}}">
 | 
			
		||||
  <div class="box modal-button has-text-centered" data-modal="{{id}}">
 | 
			
		||||
    <h2 class="title">{{title}}</h2>
 | 
			
		||||
    <h2 class="title is-4">{{title}}</h2>
 | 
			
		||||
    <h4 class="subtitle">{{author}}</h4>
 | 
			
		||||
    <div class="tags has-addons">
 | 
			
		||||
      <span class="tag">File Format</span>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -72,9 +72,14 @@
 | 
			
		|||
  <footer class="footer">
 | 
			
		||||
    <div class="content has-text-centered">
 | 
			
		||||
      <p>
 | 
			
		||||
        <strong>Little Library</strong> by <a href="https://robbie.antenesse.net">Robbie Antenesse</a>.
 | 
			
		||||
        The source code is licensed <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
 | 
			
		||||
        is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
 | 
			
		||||
        <strong>Little Library</strong> by <a href="https://robbie.antenesse.net" target="_blank">Robbie Antenesse</a> is intended
 | 
			
		||||
        for personal use only.
 | 
			
		||||
        The <a href="https://github.com/Alamantus/little-library" target="_blank">source code</a> is
 | 
			
		||||
        licensed <a href="http://opensource.org/licenses/mit-license.php" target="_blank">MIT</a>.
 | 
			
		||||
      </p>
 | 
			
		||||
      <p>
 | 
			
		||||
        Any files uploaded to the server maintain the copyright attributed to them on their original creation on a
 | 
			
		||||
        case-by-case basis—please review the rights of the original authors before using them.
 | 
			
		||||
      </p>
 | 
			
		||||
    </div>
 | 
			
		||||
  </footer>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,60 +1,64 @@
 | 
			
		|||
<h2 class="title">
 | 
			
		||||
  Give a Book
 | 
			
		||||
</h2>
 | 
			
		||||
<div class="columns">
 | 
			
		||||
  <div class="column is-8 is-offset-2">
 | 
			
		||||
    <h2 class="title">
 | 
			
		||||
      Give a Book
 | 
			
		||||
    </h2>
 | 
			
		||||
 | 
			
		||||
<div class="content">
 | 
			
		||||
  <p>
 | 
			
		||||
    Use this form to add a book to the library!
 | 
			
		||||
  </p>
 | 
			
		||||
</div>
 | 
			
		||||
    <div class="content">
 | 
			
		||||
      <p>
 | 
			
		||||
        Use this form to add a book to the library!
 | 
			
		||||
      </p>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
<form action="{{resourcePath}}give" method="post" enctype="multipart/form-data">
 | 
			
		||||
  <div class="field">
 | 
			
		||||
    <div class="file is-boxed has-name">
 | 
			
		||||
      <label class="file-label">
 | 
			
		||||
        <input class="file-input" type="file" name="book" id="book" accept="{{allowedFormats}}">
 | 
			
		||||
        <span class="file-cta">
 | 
			
		||||
          <span class="file-icon">
 | 
			
		||||
            <i class="fas fa-upload"></i>
 | 
			
		||||
          </span>
 | 
			
		||||
          <span class="file-label has-text-centered">
 | 
			
		||||
            Choose a Book File <code>{{allowedFormats}}</code> ({{maxFileSize}} maximum size)
 | 
			
		||||
          </span>
 | 
			
		||||
        </span>
 | 
			
		||||
        <span class="file-name has-text-centered" id="bookFileName">
 | 
			
		||||
          None Selected
 | 
			
		||||
        </span>
 | 
			
		||||
      </label>
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
    <form action="{{resourcePath}}give" method="post" enctype="multipart/form-data">
 | 
			
		||||
      <div class="field">
 | 
			
		||||
        <div class="file is-boxed has-name">
 | 
			
		||||
          <label class="file-label">
 | 
			
		||||
            <input class="file-input" type="file" name="book" id="book" accept="{{allowedFormats}}">
 | 
			
		||||
            <span class="file-cta">
 | 
			
		||||
              <span class="file-icon">
 | 
			
		||||
                <i class="fas fa-upload"></i>
 | 
			
		||||
              </span>
 | 
			
		||||
              <span class="file-label has-text-centered">
 | 
			
		||||
                Choose a Book File <code>{{allowedFormats}}</code> ({{maxFileSize}} maximum size)
 | 
			
		||||
              </span>
 | 
			
		||||
            </span>
 | 
			
		||||
            <span class="file-name has-text-centered" id="bookFileName">
 | 
			
		||||
              None Selected
 | 
			
		||||
            </span>
 | 
			
		||||
          </label>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
  <div class="field">
 | 
			
		||||
    <label class="label" for="title">Book Title:</label>
 | 
			
		||||
    <div class="control">
 | 
			
		||||
      <input type="text" class="input" name="title" id="title" value="{{title}}">
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
  <div class="field">
 | 
			
		||||
    <label class="label" for="author"><span class="is-italic has-text-weight-normal has-text-grey">(Optional)</span> Book Author:</label>
 | 
			
		||||
    <div class="control">
 | 
			
		||||
      <input type="text" class="input" name="author" id="author" value="{{author}}">
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
  <div class="field">
 | 
			
		||||
    <label class="label" for="summary">Why you're sharing it:</label>
 | 
			
		||||
    <div class="control">
 | 
			
		||||
      <div class="help">Markdown Enabled</div>
 | 
			
		||||
      <textarea class="textarea" name="summary" id="summary">{{summary}}</textarea>
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
  <div class="field">
 | 
			
		||||
    <label class="label" for="contributor"><span class="is-italic has-text-weight-normal has-text-grey">(Optional)</span> Your name:</label>
 | 
			
		||||
    <div class="control">
 | 
			
		||||
      <input type="text" class="input" name="contributor" id="contributor" value="{{contributor}}">
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
      <div class="field">
 | 
			
		||||
        <label class="label" for="title">Book Title:</label>
 | 
			
		||||
        <div class="control">
 | 
			
		||||
          <input type="text" class="input" name="title" id="title" value="{{title}}">
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="field">
 | 
			
		||||
        <label class="label" for="author"><span class="is-italic has-text-weight-normal has-text-grey">(Optional)</span> Book Author:</label>
 | 
			
		||||
        <div class="control">
 | 
			
		||||
          <input type="text" class="input" name="author" id="author" value="{{author}}">
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="field">
 | 
			
		||||
        <label class="label" for="summary">Why you're sharing it:</label>
 | 
			
		||||
        <div class="control">
 | 
			
		||||
          <div class="help">Markdown Enabled</div>
 | 
			
		||||
          <textarea class="textarea" name="summary" id="summary">{{summary}}</textarea>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="field">
 | 
			
		||||
        <label class="label" for="contributor"><span class="is-italic has-text-weight-normal has-text-grey">(Optional)</span> Your name:</label>
 | 
			
		||||
        <div class="control">
 | 
			
		||||
          <input type="text" class="input" name="contributor" id="contributor" value="{{contributor}}">
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
  <div class="field">
 | 
			
		||||
    <input class="button" type="submit" value="Give Book" name="submit">
 | 
			
		||||
      <div class="field">
 | 
			
		||||
        <input class="button" type="submit" value="Give Book" name="submit">
 | 
			
		||||
      </div>
 | 
			
		||||
    </form>
 | 
			
		||||
  </div>
 | 
			
		||||
</form>
 | 
			
		||||
</div>
 | 
			
		||||
		Loading…
	
	Add table
		
		Reference in a new issue