<html>
	<head>
		<link rel="stylesheet" href="{{ csslink }}" type="text/css" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<!--<link href='https://fonts.googleapis.com/css?family=Source Sans Pro' rel='stylesheet'> -->
	<title>sqtasks</title>
	</head>
	<body>
		<div class="topbar">
			<h1 class="pagetitle">$ ~/sqtasks</h1>
			<form action="." method="GET"><button type="submit" value="switchpls" name="switchpls" class="topbutton">Change theme</button></form> 
			<button class="topbutton"><a class="exportlink" href="{{ url_for('rawtasks') }}">Raw tasks |</a></button>
		</div>
		<form action="." method="POST">
			<input type="text" name="title" class="title" placeholder="Title"><br>
			<textarea type="text" name="text" rows = "5" cols = "60*" class="text" placeholder="Text"></textarea><br>
			<label for="priority">Priority</label>
			<input type="number" name="priority" class="priorityinput" id="priority" min="0" max="10" value="5">
			<label for="personnal">Private</label><input type="checkbox" name="personnal" id="personnal"><br>
			<button type="submit" name="submit">Post</button>
			<div class="tasktime">Note : you can drag the textbox to make it bigger. Scroll down to see your previous tasks.</div>
		</form>
		<br>
  <hr>
  <h2 class="separator">Private</h2>
  <hr>
  <details>
  <summary>Click to expand.</summary>
  <p>		
  	{{ npers }}
  </p>
  </details>
  <hr>
  <h2 class="separator">Work</h2>
  <hr>
  	<div class="globalcontainer">
		{{ ntodo }}
	</div>
  <hr>
  <h2 class="separator">Done</h2>
  <hr>
  	<div class="globalcontainer">
  		{{ ndone }}
	</div>

  </body>
  <footer>
	<hr>
	<div class="tasktime">
		<p>
		You've reached the bottom. Made by Squip, 2022.
		</p>
	</div>
  </meta>
  </html>

