Add template files for List pages

internal/webserver/tpl/list_feed.tpl

@@ -0,0 +1,27 @@
+{{define "title"}}{{.List.Name}}{{end}}
+
+{{define "main"}}
+  {{$user := (user .UserID)}}
+  <div class="user-feed-header">
+    {{template "user-header" $user}}
+
+    <div class="row tabs-container">
+      <a class="tab unstyled-link {{if (eq .FeedType "")}}active-tab{{end}}" href="/{{$user.Handle}}">
+        <span class="tab-inner">Tweets and replies</span>
+      </a>
+      <a class="tab unstyled-link {{if (eq .FeedType "without_replies")}}active-tab{{end}}" href="/{{$user.Handle}}/without_replies">
+        <span class="tab-inner">Tweets</span>
+      </a>
+      <a class="tab unstyled-link {{if (eq .FeedType "media")}}active-tab{{end}}" href="/{{$user.Handle}}/media">
+        <span class="tab-inner">Media</span>
+      </a>
+      <a class="tab unstyled-link {{if (eq .FeedType "likes")}}active-tab{{end}}" href="/{{$user.Handle}}/likes">
+        <span class="tab-inner">Likes</span>
+      </a>
+    </div>
+  </div>
+
+  <div class="timeline user-feed-timeline">
+    {{template "timeline" .Feed}}
+  </div>
+{{end}}

internal/webserver/tpl/list_of_lists.tpl

@@ -0,0 +1,34 @@
+{{define "title"}}Lists{{end}}
+
+{{define "main"}}
+  <h1>Lists</h1>
+  <div class="users-list-previews">
+    {{range .}}
+      {{$max_display_users := 10}}
+      <div class="users-list-preview" hx-get="/lists/{{.ID}}" hx-trigger="click" hx-target="body" hx-push-url="true">
+        <span class="list-name">{{.Name}}</span>
+        <span class="num-users">({{(len .Users)}})</span>
+        <div class="first-N-profile-images" hx-trigger="click consume">
+          {{range $i, $user := .Users}}
+            {{/* Only render the first 10-ish users */}}
+            {{if (lt $i $max_display_users)}}
+              <a class="unstyled-link" href="/{{$user.Handle}}">
+                <img
+                  class="profile-image"
+                  {{if $user.IsContentDownloaded}}
+                    src="/content/{{$user.GetProfileImageLocalPath}}"
+                  {{else}}
+                    src="{{$user.ProfileImageUrl}}"
+                  {{end}}
+                />
+              </a>
+            {{end}}
+          {{end}}
+          {{if (gt (len .Users) $max_display_users)}}
+            <span class="ellipsis">...</span>
+          {{end}}
+        </div>
+      </div>
+    {{end}}
+  </div>
+{{end}}