<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Bootstrap CSS --> 
	<link rel="stylesheet" href="styles/css">
    <title>babil0nia</title>
<style>
body {
  background-color: #FFFDFA;
padding-top: 100px;
font-family: "Ubuntu Mono", monospace;
}



input[type="text"] {
  background-color : #FFFDFA;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.card-group {
margin-right:5%;			
}

.form-control-sm {
	font-family: inherit;
	width: 100%;
	border: 0;
	border-bottom: 2px solid black;
	outline: 0;
	font-size: 1.3rem;
	padding: 7px 0;
	background: transparent;
	transition: border-color 0.2s;
}

</style>
  </head>
  <body>

<nav class="navbar navbar-light fixed-top navbar-masthead">
	<div class="container-fluid">
		<a class="navbar-brand"> 
			<form action="/add">
				<input type="submit" class="btn btn-outline-dark" value="+ Add" />
			</form>
		</a>
		<h1>babil0nia</h1>
	</div>
</nav>

<div class="d-flex align-items-center">
	<div class="container py-5">
		
		<div class="row">
			<div class="col">
		<form class="d-flex" action="/">
			<input class="form-control-sm me-2" autocomplete="off" type="text" name="wordtosearch" id="wordtosearch" placeholder="Search" aria-label="Search">
		</form>
			</div>
		</div>
	</div>
</div>

<div class="d-flex align-items-center"> 
	<div class="container">
		<div class="row">

			<div class="col-10">
				{{range .}}
				<div>
				<span class="fw-light">{{.Date}}</span> <a target="_blank" href="{{.Url}}">{{.Url}}</a>
					    
					{{range .Separated}}
						<span class="badge bg-light"><a href="?tags={{.}}">{{.}}</a></span>
					{{end}}
					
					{{ if eq .Url "" }}
					{{ else }}
				
					<a href="/?delete={{.Url}}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
						<path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>
						<path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>
					  </svg></a>
						
						{{ if eq .Screenshot "" }}
						<a href="/?archive={{.Url}}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-arrow-down" viewBox="0 0 16 16">
							<path d="M8.5 6.5a.5.5 0 0 0-1 0v3.793L6.354 9.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 10.293V6.5z"/>
							<path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
						  </svg></a>
						{{ else }}
						<a target="_blank" href="screenshots/{{.Screenshot}}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-image" viewBox="0 0 16 16">
							<path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
							<path d="M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13zm13 1a.5.5 0 0 1 .5.5v6l-3.775-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12v.54A.505.505 0 0 1 1 12.5v-9a.5.5 0 0 1 .5-.5h13z"/>
						  </svg></a>
						{{end}}
					{{end}}

					{{ if eq .Description "" }}
					{{ else }}
					<p class="py-2">{{.Description}}</p>
					<hr>
					{{end}}
					
				</div>
				{{end}}
			</div>

<div class="col">
<h6>Tags</h6>
{{range .}}
{{range .Duplicated}}
<a href="?tags={{.}}"><span class="badge bg-dark">{{.}}</a></span>
{{end}}
{{end}}
</div>
</div>
</div>
</div>
</body>
</html>


