+ Font awesome images

+ Styling for admin video list

.gitignore

@@ -29,3 +29,4 @@ ts/dist/
 ts/node_modules/
 .vscode/settings.json
 api/.vscode/settings.json
+api/.ycm_extra_conf.py

api/static/css/style.css

@@ -83,3 +83,18 @@ video {
 #video-meta {
 	text-align: left;
 }
+
+.admin-video-li {
+	color: black;
+	text-shadow: none;
+	padding-right: 1em;
+}
+
+.admin-video-li:hover {
+	color: #0a58ca;
+	text-shadow: none;
+}
+
+.align-left {
+	text-align: left;
+}

api/templates/admin.html.tera

@@ -4,6 +4,8 @@
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+	<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
+
 	<link rel="stylesheet" type="text/css" href="/static/css/style.css">
 	<title>Clippable Admin Dashboard</title>
 	<link rel="shortcut icon" type="image/png" href="/static/favicon.png"/>
@@ -60,6 +62,10 @@
 			    <button type="button" class="btn btn-primary" id="confirm-upload-btn">Upload</button>
 			</div>
 			<div id="upload-response"></div>
+			<div class="vids-meta-list">
+				<h1>Videos</h1>
+				<ul class="list-group" id="videos-list"></ul>
+			</div>
 		</div>
 	</div>
 </div>