From 45d56cd72789266900b2ea9d48c28eb95b46d1ea Mon Sep 17 00:00:00 2001
From: Aaron Parecki <aaron@parecki.com>
Date: Tue, 4 Jul 2017 13:45:53 -0700
Subject: [PATCH] fix links, add mf2

---
 resources/views/components/tweet.blade.php | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/resources/views/components/tweet.blade.php b/resources/views/components/tweet.blade.php
index d9c175b..b884493 100644
--- a/resources/views/components/tweet.blade.php
+++ b/resources/views/components/tweet.blade.php
@@ -1,23 +1,27 @@
-<div class="tweet">
+<div class="tweet h-entry">
 
-  <div class="profile">
-      <img src="{{ $tweet->player->photo }}" style="border-color: {{ '#'.$tweet->team->color }}"> 
-      <span><a href="'https://twitter.com/'+tweet.player_username">{{ '@'.$tweet->player->twitter }}</a></span>
+  <div class="profile u-author h-card">
+    <img src="{{ $tweet->player->photo }}" style="border-color: {{ '#'.$tweet->team->color }}" class="u-photo">
+    <span><a href="https://twitter.com/{{ $tweet->player->twitter }}" class="u-url p-name">{{ '@'.$tweet->player->twitter }}</a></span>
   </div>
 
-  <div class="text">{!! Twitter::linkify($tweet->text) !!}</div>
+  <div class="text e-content p-name">{!! Twitter::linkify($tweet->text) !!}</div>
 
   @if($tweet->photos())
     <div class="multi-photo photos-{{ count($tweet->photos()) }}">
       @foreach($tweet->photos() as $photo)
         <a class="photo" style="background-image:url({{ $photo }})" href="{{ $tweet->twitter_permalink() }}">
-          <img src="{{ $photo }}">
+          <img src="{{ $photo }}" class="u-photo">
         </a>
       @endforeach
     </div>
     <div class="multi-photo-clear"></div>
   @endif
 
-  <a href="{{ $tweet->twitter_permalink() }}">{{ $tweet->localtime()->format('F j, g:ia') }}</a>
+  <a href="{{ $tweet->twitter_permalink() }}" class="u-url">
+    <time datetime="{{ $tweet->localtime()->format('c') }}" class="dt-published">
+      {{ $tweet->localtime()->format('F j, g:ia') }}
+    </time>
+  </a>
 
 </div>