/html/new.html

https://gitlab.com/kaleado/note-collector · HTML · 106 lines · 96 code · 5 blank · 5 comment · 0 complexity · 6d074677c86e5e04974ebc5ddd26a6bb MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.   <head>
    4. 

  4.     <meta charset="utf-8">
    5. 

  5.     <title>Extrospect - Upload New Note</title>
    6. 

  6.     <link rel="shortcut icon" type="image/png" href="img/favicon.png"/>
    7. 

  7.     <!--Import Google Icon Font-->
    8. 

  8.     <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    9. 

  9.     <!--Import materialize.css-->
    10. 

  10.     <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
    11. 

  11.     <link type="text/css" rel="stylesheet" href="css/main.css"  media="screen,projection"/>
    12. 

  12.     <link type="text/css" rel="stylesheet" href="css/main.css"  media="screen,projection"/>
    13. 

  13.     <link rel="stylesheet" href="css/font-awesome.min.css"/>
    14. 

  14. 

  15.     <!--Let browser know website is optimized for mobile-->
    16. 

  16.     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    17. 

  17.   </head>
    18. 

  18. 

  19.   <body>
    20. 

  20.     <!-- BODY GOES HERE -->
    21. 

  21.     <nav>
    22. 

  22.       <div class="nav-wrapper">
    23. 

  23. 	<a href="#" class="brand-logo center"></a>
    24. 

  24. 	<ul id="nav-mobile" class="left">
    25. 

  25. 	  <li><a href="/search.html"><i class="material-icons">not_interested</i></a></li>
    26. 

  26. 	</ul>
    27. 

  27.       </div>
    28. 

  28.     </nav>
    29. 

  29.     
    30. 

  30.     <div class="content container">
    31. 

  31.       <div class="row card-panel">
    32. 

  32. 	<form class="col s12" enctype="multipart/form-data" action="create_note" method="post">
    33. 

  33. 	  <h5 class="header2">Create new note</h5>
    34. 

  34. 	  <div class="row">
    35. 

  35. 	    <div class="input-field col s6">
    36. 

  36. 	      <input id="note_title" type="text" name="title">
    37. 

  37. 	      <label for="note_title">Note Title</label>
    38. 

  38. 	    </div>
    39. 

  39. 	    <div class="input-field col s6">
    40. 

  40. 	      <input id="note_author" type="text" name="author">
    41. 

  41. 	      <label for="note_author">Author</label>
    42. 

  42. 	    </div>
    43. 

  43. 	  </div>
    44. 

  44. 	  <div class="row">
    45. 

  45. 	    <div class="input-field col s12">
    46. 

  46. 	      <textarea id="note_description" class="materialize-textarea" name="description"></textarea>
    47. 

  47. 	      <label for="note_description">Note Description</label>
    48. 

  48. 	    </div>
    49. 

  49. 	  </div>
    50. 

  50. 	  <div class="row">
    51. 

  51. 	    <div class="input-field col s12">
    52. 

  52. 	      <input id="note_tags" type="text" name="tags">
    53. 

  53. 	      <label for="note_tags">Tags (comma-separated)</label>
    54. 

  54. 	    </div>
    55. 

  55. 	  </div>
    56. 

  56. 	  <div class="row">
    57. 

  57. 	    <div class="file-field input-field col s12">
    58. 

  58. 	      <div class="btn orange">
    59. 

  59. 		<span>Upload Note</span>
    60. 

  60. 		<input id="note_file" type="file" name="notefile" size="30">
    61. 

  61. 	      </div>
    62. 

  62. 	      <div class="file-path-wrapper">
    63. 

  63. 		<input class="file-path validate" type="text">
    64. 

  64. 	      </div>
    65. 

  65. 	    </div>
    66. 

  66. 	  </div>
    67. 

  67. 	  <div class="row right">
    68. 

  68. 	    <div class="input-field col sm12">
    69. 

  69. 	      <button id="submit" class="orange btn waves-effect waves-light" type="submit" name="action">Create Note
    70. 

  70. 		<i class="material-icons left">send</i>
    71. 

  71. 	      </button>
    72. 

  72. 	    </div>
    73. 

  73. 	  </div>
    74. 

  74. 	</form>
    75. 

  75.       </div>
    76. 

  76.     </div>
    77. 

  77.     <footer class="page-footer">
    78. 

  78.       <div class="container">
    79. 

  79. 	<div class="row">
    80. 

  80. 	  <div class="col l6 s12">
    81. 

  81. 	    <h5 class="white-text">About XYZ</h5>
    82. 

  82. 	    <p class="grey-text text-lighten-4">XYZ is a free service for sharing and organising study notes.</p>
    83. 

  83. 	  </div>
    84. 

  84. 	  <div class="col l4 offset-l2 s12">
    85. 

  85. 	    <h5 class="white-text">Contact</h5>
    86. 

  86. 	    <ul>
    87. 

  87. 	      <li><a class="grey-text text-lighten-3" href="mailto: nick.malecki@hotmail.com">Email</a></li>
    88. 

  88. 	      <li><a class="grey-text text-lighten-3" href="https://au.linkedin.com/in/nick-malecki-95747a119">Linkedin</a></li>
    89. 

  89. 	    </ul>
    90. 

  90. 	  </div>
    91. 

  91. 	</div>
    92. 

  92.       </div>
    93. 

  93.       <div class="footer-copyright">
    94. 

  94. 	<div class="container center">
    95. 

  95. 	  © 2016 Nicholas Malecki
    96. 

  96. 	</div>
    97. 

  97.       </div>
    98. 

  98.     </footer>
    99. 

  99.     
    100. 

  100.     <!--Import jQuery before materialize.js-->
    101. 

  101.     <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    102. 

  102.     <script type="text/javascript" src="js/materialize.min.js"></script>
    103. 

  103.     <script type="text/javascript" src="js/new.js"></script>
    104. 

  104.   </body>
    105. 

  105. </html>
    106.