Images can now be uploaded via the media endpoint in a basic way

resources/assets/sass/note-form.scss

@@ -37,3 +37,8 @@
 #locate {
     margin-right: 0.4rem;
 }
+
+.mp-media img {
+    height: 4em;
+    width: 4em;
+}

resources/views/templates/new-note-form.blade.php

@@ -22,7 +22,7 @@
   @if($syndication)
     <div>
       <label for="syndication" accesskey="s">Syndication: </label>
-      <ul name="syndication">
+      <ul id="syndication">
         @foreach($syndication as $syn)
         <li><input type="checkbox"
                    name="mp-syndicate-to[]"
@@ -36,12 +36,21 @@
     </div>
   @endif
   @if($mediaURLs)
-    <ul>
+    <div class="mp-media">
+      <label for="media">Media:</label>
+      <ul>
     @foreach($mediaURLs as $mediaURL)
-      <li>{{ $mediaURL }}</li>
+        <li>
+          <input type="checkbox" name="media[]" id="{{ $mediaURL }}" value="{{ $mediaURL }}" checked>
+          <label for="{{ $mediaURL }}"><img src="{{ $mediaURL }}" alt=""></label>
+        </li>
     @endforeach
-    </ul>
-    <a href="/micropub/media/clearlinks">Clear media</a> 
+      </ul>
+    </div>
+    <div>
+      <label for="kludge"></label>
+      <a href="/micropub/media/clearlinks">Clear media</a>
+    </div>
   @endif
 @endif
 @if(!$mediaEndpoint)

resources/views/templates/note.blade.php

@@ -8,6 +8,9 @@
   <div class="note">
     <div class="e-content p-name">
       {!! $note->note !!}
+      @foreach($note->media()->get() as $media)
+        <img src="{{ $media->url }}" alt="">
+      @endforeach
     </div>
     <div class="note-metadata">
       <div>