parse urls using the old parser

3 files changed, 40 insertions, 21 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 014fa83..7fa6676 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -50,6 +50,17 @@ h3 {
   display: flex;
   flex-direction: column;
 }
+.rows {
+  margin-bottom: 10px;
+}
+.rows .row {
+  width: 100%;
+}
+.rows .row > div {
+  padding: 3px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
 .app {
   display: flex;
@@ -88,6 +99,21 @@ h3 {
 .group h3 {
   margin-bottom: 3px;
 }
+.gray {
+  color: #888;
+  opacity: 0.5;
+}
+
+.heading {
+  width: 100%;
+  margin-bottom: 10px;
+}
+.row .heading,
+.col .heading {
+  margin-bottom: 3px;
+  align-items: center;
+  justify-content: space-between;
+}
 .paramGroup > label {
   display: flex;
   flex-direction: row;
@@ -141,28 +167,8 @@ h3 {
 .fileUpload button {
   pointer-events: none;
 }
-.gray {
-  color: #888;
-  opacity: 0.5;
-}
-/* dashboard */
-
-.heading {
-  width: 100%;
-  margin-bottom: 10px;
-}
-.rows {
-  margin-bottom: 10px;
-}
-.rows .row {
-  width: 100%;
-}
-.rows .row > div {
-  padding: 3px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
 
+/* file list */
 .filelist { border: 1px solid #d0d0e0; margin-top: 3px; }
 .filelist .file:nth-child(odd) { background-color: #e6f0f0; }
 .desktop .filelist .file:nth-child(odd):hover { background-color: #d8e0ec; color: #000000; }
@@ -184,6 +190,7 @@ h3 {
 .filelist .date {
   width: 100px;
 }
+
 .rows .row .link {
   color: #13f;
   text-decoration: none;
@@ -198,6 +205,8 @@ h3 {
   text-align: right;
   width: 100px;
 }
+
+/* semitransparent bg on datasets */
 .rows .row .dataset {
   width: 200px;
   border-left: 1px solid #c8c0c0;
@@ -207,6 +216,8 @@ h3 {
 .rows .row:last-child .dataset { border-bottom: 1px solid #c8c0c0; }
 .rows .row:nth-child(even) .dataset { background-color: rgba(10,13,18,0.1); }
 .rows .row:nth-child(odd) .dataset { background-color: rgba(10,13,18,0.05); }
+
+/* gallery */
 .gallery {
   margin-top: 10px;
   display: flex;
@@ -217,6 +228,14 @@ h3 {
   margin-right: 10px;
 }
 
+/* bucky bogart.css color shading :) */
+.new    { color: #000000; font-weight: bold; }
+.recent { color: #001111; }
+.med    { color: #203838; }
+.old    { color: #425050; }
+.older  { color: #5D6464; }
+.quiet  { color: #787878; }
+
 /* system */
 .screen {
   width: 600px;
diff --git a/public/assets/img/audio-thumbnail.png b/public/assets/img/audio-thumbnail.png
new file mode 100644
index 0000000..90facb8
--- /dev/null
+++ b/public/assets/img/audio-thumbnail.png
diff --git a/public/assets/img/video-thumbnail.png b/public/assets/img/video-thumbnail.png
new file mode 100644
index 0000000..a129916
--- /dev/null
+++ b/public/assets/img/video-thumbnail.png