Big refactor and new features

2 files changed, 45 insertions, 5 deletions

diff --git a/views/event.handlebars b/views/event.handlebars
index e2529b8..a57f62a 100755
--- a/views/event.handlebars
+++ b/views/event.handlebars
@@ -81,6 +81,15 @@
 					<i class="fas fa-copy"></i> Copy
 				</button>
 			</li>
+			<li>
+				<span class="fa-li">
+					<i class="fas fa-fw fa-share-square"></i>
+				</span>
+				@{{eventData.id}}@{{domain}}
+				<button type="button" id="copyAPLink" class="eventInformationAction btn btn-outline-secondary btn-sm" data-clipboard-text="@{{eventData.id}}@{{domain}}">
+					<i class="fas fa-copy"></i> Copy
+				</button>
+			</li>
   	</ul>
 	</div>
 </div>
@@ -125,7 +134,7 @@
 		{{#if eventAttendees}}
 			<ul class="attendeesList">
 				{{#each eventAttendees}}
-					<li{{#if ../editingEnabled}} data-attendee-name="{{this.name}}" data-attendee-id="{{this._id}}"{{/if}}><span class="attendee-name">{{this.name}}</span>{{#if ../editingEnabled}} <a href="#" class="remove-attendee" data-toggle="modal" data-target="#removeAttendeeModal" title="Remove user from event"><i class="fas fa-user-times"></i></a>{{/if}}</li>
+					<li{{#if ../editingEnabled}} data-attendee-name="{{this.name}}" data-attendee-id="{{this._id}}"{{/if}}><a href="{{this.id}}"><span class="attendee-name">{{this.name}}</span></a>{{#if ../editingEnabled}} <a href="#" class="remove-attendee" data-toggle="modal" data-target="#removeAttendeeModal" title="Remove user from event"><i class="fas fa-user-times"></i></a>{{/if}}</li>
 				{{/each}}
 			</ul>
 		{{else}}
@@ -246,7 +255,11 @@
 				<div class="comment">
 					<div class="row commentContainer">
 						<div class="col-lg commentText">
-							<p class="mb-0"><strong>{{this.author}}</strong> <small class="commentTimestamp text-muted">{{this.timestamp}}</small></p>
+              {{#if this.actorId}}
+                <p class="mb-0"><a href="{{this.actorId}}"><strong>{{this.author}}</strong></a> <a href="{{this.activityId}}"><small class="commentTimestamp text-muted">{{this.timestamp}}</small></a></p>
+              {{else}}
+                <p class="mb-0"><strong>{{this.author}}</strong> <small class="commentTimestamp text-muted">{{this.timestamp}}</small></p>
+              {{/if}}
 							<p>{{this.content}}</p>
 							{{#if this.replies}}
 								<hr>
@@ -398,6 +411,12 @@
 			$(this).html('<i class="fas fa-copy"></i> Copied!');
 			setTimeout(function(){ $("#copyEventLink").html('<i class="fas fa-copy"></i> Copy');}, 5000);
 		})
+		new ClipboardJS('#copyAPLink');
+		$("#copyAPLink").click(function(){
+      console.log('hhhhh')
+			$(this).html('<i class="fas fa-copy"></i> Copied!');
+			setTimeout(function(){ $("#copyAPLink").html('<i class="fas fa-copy"></i> Copy');}, 5000);
+		})
 		$(".daysToDeletion").html(moment("{{eventEndISO}}").add(7, 'days').fromNow());
 		if ($("#joinCheckbox").is(':checked')){
 			$("#maxAttendeesCheckboxContainer").css("display","flex");
diff --git a/views/home.handlebars b/views/home.handlebars
index c1a610f..6f62a16 100755
--- a/views/home.handlebars
+++ b/views/home.handlebars
@@ -1,11 +1,32 @@
-<h1>Organise all the things</h1>
-
+<h1>🚨Experimental Fediverse Event Software🚨</h1>
 <p class="lead">
-  <strong>gath<span class="text-muted">io</span></strong> is a quick and easy way to make and share events which respects your privacy.
+  This is experimental software from <a href="https://tinysubversions.com">Darius Kazemi</a>.
 </p>
 
 <hr>
 
+<p>The Fediverse needs an event organizing system, so I've taken the incredibly lovely open source event organizing software <strong><a href="https://gath.io">gath.io</a></strong> and added my <a href="https://github.com/dariusk/express-activitypub">lightweight ActivityPub server</a> to the mix.</p>
+
+<p>I fully expect this to break, and I would love early testers. I'm especially interested to know how this interacts with people who aren't on Mastodon.</p>
+
+<h2>Directions</h2>
+
+<p>Hit the green New Event button and put in your event details. Your event will have a nice looking home page and it will also have an ActivityPub-compatible account and profile. It will give you the account handle for the event, which will look something like <strong>@aB3_2HI@{{domain}}</strong> and can be shared with people on the Fediverse who want to follow your event.</p>
+
+<p>When a person follows your event, they'll follow a feed that updates whenever you update event details. After a person follows, this software will DM the person a poll (aka an ActivityPub "Question") where, at least in Mastodon, they can vote Yes/No/Maybe. If they vote Yes, then they will be registered as an attendee on your page. No and Maybe don't do anything yet.</p>
+
+<p>Also when you update your event (changing any of the fields), you send a DM notification to every user who is registered as attending.</p>
+
+<h2>Further info</h2>
+
+<p>I'll publish the source code soon, but it's in crummy and undocumented shape right now and I'd rather see it perform "in the wild" before I do an official release.</p>
+
+<p>If you'd like to chat with me about this software, I can be reached at <a href="https://friend.camp/@darius">@darius@friend.camp</a>.</p>
+
+<p>What follows is the documentation from <strong>gath.io</strong>.</p>
+
+<hr>
+
 <p>You don't need to sign up for an account - we just use your email to send you a secret link you can use to edit or delete your event. Send all your guests the public link, and all your co-hosts the editing link. A week after the event finishes, it's deleted from our servers for ever, and your email goes with it.</p>
 
 <div id="example-event" class="text-center w-100 mt-4 mb-5">