Standardize on "@user | captured_at | sitelink" for attribution

css/60_photos.css

@@ -142,6 +142,12 @@
 }
 
 .osc-attribution a,
+.osc-attribution a:visited,
 .osc-attribution span {
     padding: 4px 2px;
+    color: #fff;
+}
+.osc-attribution a:active,
+.osc-attribution a:hover {
+    color: #77ddff;
 }

modules/services/mapillary.js

@@ -539,12 +539,12 @@ export default {
         var attribution = d3_select('.mapillary-js-dom .Attribution');
         var capturedAt = attribution.selectAll('.captured-at');
         if (capturedAt.empty()) {
-            attribution
-                .append('span')
-                .text('|');
             capturedAt = attribution
-                .append('span')
+                .insert('span', ':last-child')
                 .attr('class', 'captured-at');
+            attribution
+                .insert('span', ':last-child')
+                .text('|');
         }
         capturedAt
             .text(timestamp);

modules/services/openstreetcam.js

@@ -314,6 +314,7 @@ export default {
                 attribution
                     .append('a')
                     .attr('class', 'captured_by')
+                    .attr('target', '_blank')
                     .attr('href', apibase + '/user/' + d.captured_by)
                     .text('@' + d.captured_by);
 
@@ -336,6 +337,7 @@ export default {
             attribution
                 .append('a')
                 .attr('class', 'image_link')
+                .attr('target', '_blank')
                 .attr('href', apibase + '/details/' + d.sequence_id + '/' + d.sequence_index)
                 .text('openstreetcam.org');
         }