Squashed commit of the following:

commit ac37a5d6bc0f0befd7bfaed08074b0f38b7a7501
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Tue Nov 29 20:52:49 2016 +0000

    Update changelog

commit d8fae341224f6dee1c1e32c3895dd8a038ff511d
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Tue Nov 29 20:10:12 2016 +0000

    output of gulp

commit 7c25002ffdf77134d6b5ffa04ee7c945024f0666
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Tue Nov 29 20:09:44 2016 +0000

    slightly better layout of replies

commit 8c9fda30af582ef1de87962f1293545e065ecfac
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Tue Nov 29 19:58:52 2016 +0000

    Close the anchor tags

commit 9c75d3c97fc1ef5a4706f2433c9c41b74b9bb9bd
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Tue Nov 29 19:58:04 2016 +0000

    Add test reply to style

changelog.md

@@ -3,6 +3,7 @@
 ## Version {next}
   - Add a basic search feature using Laravel Scout and Algolia (issue#38)
   - Get CI testing working with algolia
+  - Slightly better layout of replies
 
 ## Version 0.0.16.3 (2016-11-25)
   - StyleCI fix

database/migrations/2015_03_02_114340_create_web_mentions_table.php

@@ -20,7 +20,7 @@ class CreateWebMentionsTable extends Migration
             $table->integer('commentable_id')->nullable();
             $table->string('commentable_type')->nullable();
             $table->string('type')->nullable();
-            $table->text('content');
+            $table->text('content')->nullable();
             $table->tinyInteger('verified')->default(1);
             $table->timestamps();
             $table->softDeletes();

database/seeds/DatabaseSeeder.php

@@ -16,5 +16,6 @@ class DatabaseSeeder extends Seeder
         $this->call(ContactsTableSeeder::class);
         $this->call(PlacesTableSeeder::class);
         $this->call(NotesTableSeeder::class);
+        $this->call(WebMentionsTableSeeder::class);
     }
 }

database/seeds/WebMentionsTableSeeder.php

@@ -0,0 +1,23 @@
+<?php
+
+use Illuminate\Database\Seeder;
+
+class WebMentionsTableSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run()
+    {
+        $webmention = App\WebMention::create([
+            'source' => 'https://aaornpk.local/reply/1',
+            'target' => 'https://jonnybarnes.localhost/notes/D',
+            'commentable_id' => '13',
+            'commentable_type' => 'App\Note',
+            'type' => 'in-reply-to',
+            'mf2' => '{"rels": [], "items": [{"type": ["h-entry"], "properties": {"url": ["https://aaronpk.localhost/reply/1"], "name": ["Hi too"], "author": [{"type": ["h-card"], "value": "Aaron Parecki", "properties": {"url": ["https://aaronpk.localhost"], "name": ["Aaron Parecki"], "photo": ["https://aaronparecki.com/images/profile.jpg"]}}], "content": [{"html": "Hi too", "value": "Hi too"}], "published": ["' . date(DATE_W3C) . '"], "in-reply-to": ["https://aaronpk.loclahost/reply/1", "https://jonnybarnes.uk/notes/D"]}}]}'
+        ]);
+    }
+}

resources/assets/sass/layout.scss

@@ -55,3 +55,18 @@ footer button {
     display: inline;
     height: 2em;
 }
+
+.u-comment {
+    margin-top: 1em;
+    padding: 0 1em;
+    font-size: 0.75rem;
+}
+
+.u-comment.h-cite img {
+    height: 0.75rem;
+}
+
+.u-comment .e-content {
+    margin-top: 0.5em;
+    font-size: 1rem;
+}

resources/views/singlenote.blade.php

@@ -8,10 +8,10 @@
     <div class="h-entry">
       @include('templates.note', ['note' => $note])
 @foreach($replies as $reply)
-      <div class="reply p-comment h-cite">
+      <div class="u-comment h-cite">
-        <a class="h-card vcard mini-h-card p-author" href="{{ $reply['url'] }}">
+        <a class="u-author h-card mini-h-card" href="{{ $reply['url'] }}">
           <img src="{{ $reply['photo'] }}" alt="" class="photo u-photo logo"> <span class="fn">{{ $reply['name'] }}</span>
-        </a> said at <a class="dt-published" href="{{ $reply['source'] }}">{{ $reply['date'] }}</a>
+        </a> said at <a class="dt-published u-url" href="{{ $reply['source'] }}">{{ $reply['date'] }}</a>
         <div class="e-content p-name">
           {!! $reply['reply'] !!}
         </div>
@@ -28,8 +28,8 @@
 </a> reposted this at <a href="{{ $repost['source'] }}">{{ $repost['date'] }}</a>.</p>
 @endforeach
       <!-- these empty tags are for https://brid.gy’s publishing service -->
-      <a href="https://brid.gy/publish/twitter">
+      <a href="https://brid.gy/publish/twitter"></a>
-      <a href="https://brid.gy/publish/facebook">
+      <a href="https://brid.gy/publish/facebook"></a>
     </div>
 @stop