Bumped version number

changed the add paste icon
colour tweaks
2024-07-25 16:37:11 +10:00 · 2024-07-25 16:36:56 +10:00 · 2024-07-25 16:09:37 +10:00 · 2024-07-25 15:54:06 +10:00 · 2024-07-25 13:59:57 +10:00 · 2024-07-25 13:39:36 +10:00
168 changed files with 3476 additions and 12478 deletions
--- a/App.xaml.cs
+++ b/App.xaml.cs
@ -1,12 +0,0 @@
-namespace Neighbourhood.omg.lol {
-  public partial class App : Application {
-    public App(NavigatorService navigatorService) {
-      InitializeComponent();
-
-      MainPage = new AppShell();
-      NavigatorService = navigatorService;
-    }
-
-    internal NavigatorService NavigatorService { get; private set; }
-  }
-}
--- a/Classes/ApiService.cs
+++ b/Classes/ApiService.cs
@ -0,0 +1,310 @@
+using Microsoft.AspNetCore.Components;
+using Neighbourhood.omg.lol.Models;
+using System.Diagnostics;
+using System.Net.Http.Json;
+using System.Text;
+using System.Text.Json;
+
+namespace Neighbourhood.omg.lol
+{
+  public class ApiService {
+    HttpClient _client;
+    JsonSerializerOptions _serializerOptions;
+    public const string BaseUrl = "https://api.omg.lol";
+    private string? apiToken = null;
+
+    public ApiService(string? token = null) {
+      _client = new HttpClient();
+      _client.BaseAddress = new Uri(BaseUrl);
+      _client.DefaultRequestHeaders.UserAgent.Add(new System.Net.Http.Headers.ProductInfoHeaderValue(App.Name, App.Version));
+      _serializerOptions = new JsonSerializerOptions {
+        PropertyNamingPolicy = JsonNamingPolicy.SnakeCaseLower,
+#if DEBUG
+        WriteIndented = true
+#else
+        WriteIndented = false
+#endif
+      };
+      AddToken(token);
+    }
+
+    /// <summary>
+    /// Deserialize json convenience function with default serializer options
+    /// </summary>
+    /// <typeparam name="T">The type to deserialize</typeparam>
+    /// <param name="str">The string to deserialize</param>
+    /// <returns>The deserialized object if successful, otherwise default</returns>
+    public T? Deserialize<T>(string str) {
+      T? responseObj = default;
+      try {
+        responseObj = JsonSerializer.Deserialize<T>(str, _serializerOptions);
+      }
+      catch (JsonException ex) {
+        Debug.WriteLine(@"\tERROR {0}", ex.Message);
+        Debug.WriteLine(str);
+      }
+      return responseObj;
+    }
+
+    #region Base Requests
+
+    /// <summary>
+    /// Decode the response from an API call
+    /// </summary>
+    /// <typeparam name="TResponse">The type of response object we are trying to get</typeparam>
+    /// <param name="response">The raw Http Response Message</param>
+    /// <param name="cancellationToken">A cancellation token to cancel the operation</param>
+    /// <returns>The decoded object if successfull, otherwise default</returns>
+    private async Task<TResponse?> DecodeResponse<TResponse>(HttpResponseMessage response, CancellationToken cancellationToken = default)
+      where TResponse : IOmgLolResponseData
+    {
+      TResponse? responseData = default;
+      try {
+        string str = await response.Content.ReadAsStringAsync();
+        if (response.IsSuccessStatusCode) {
+          OmgLolResponse<TResponse>? responseObj = Deserialize<OmgLolResponse<TResponse>>(str);
+          if (responseObj?.Request == null || (responseObj?.Request?.Success ?? false)) {
+            responseData = responseObj!.Response;
+          }
+        }
+        else {
+          OmgLolResponse<TResponse>? responseObj = Deserialize<OmgLolResponse<TResponse>>(str);
+          throw responseObj == null ? new OmgLolApiException<TResponse>(str) : new OmgLolApiException<TResponse>(responseObj);
+        }
+      }
+      catch (Exception ex) {
+        Debug.WriteLine(@"\tERROR {0}", ex.Message);
+      }
+
+      return responseData;
+    }
+
+    /// <summary>
+    /// Performs a request for the supplied uri, with the supplied Http Method,
+    /// with the supplied data in the body (if present)
+    /// </summary>
+    /// <typeparam name="TResponse">The type of response we are expecting</typeparam>
+    /// <typeparam name="TData">The type of data we are sending</typeparam>
+    /// <param name="uri">The uri to request</param>
+    /// <param name="method">The Http Method to use for the request</param>
+    /// <param name="data">The data to send in the body of the request</param>
+    /// <param name="file">A FileResult for the file to send in the body of the request as binary data</param>
+    /// <param name="cancellationToken">A cancellation token</param>
+    /// <returns>The returned data if successful, otherwise default</returns>
+    private async Task<TResponse?> Request<TResponse, TData>(string uri, HttpMethod method, TData? data = default, FileResult? file = null, bool useAuthToken = true, CancellationToken cancellationToken = default)
+      where TResponse : IOmgLolResponseData
+    {
+      TResponse? responseData = default;
+      try {
+        HttpRequestMessage request = new HttpRequestMessage(method, uri);
+        Stream? fileStream = null;
+        if (file != null) {
+          // append "binary" query parameter (if not already present)
+          Uri url = new Uri(_client.BaseAddress?.AbsoluteUri + uri);
+          if (string.IsNullOrEmpty(url.Query)) uri += "?binary";
+          else if (!url.Query.Contains("binary")) uri += "&binary";
+          request = new HttpRequestMessage(method, uri);
+
+          fileStream = await file.OpenReadAsync();
+          HttpContent fileStreamContent = new StreamContent(fileStream);
+          fileStreamContent.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue(file.ContentType ?? "application/octet-stream");
+          fileStreamContent.Headers.ContentLength = fileStream.Length;
+          request.Content = fileStreamContent;
+        }
+        else if (data != null) {
+          string json = JsonSerializer.Serialize(data, _serializerOptions);
+          request.Content = new StringContent(json, Encoding.UTF8, "application/json");
+        }
+
+        if(useAuthToken) {
+          if (apiToken == null) apiToken = Task.Run(() => SecureStorage.GetAsync("accounttoken")).GetAwaiter().GetResult();
+          if (apiToken != null) request.Headers.Authorization = new System.Net.Http.Headers.AuthenticationHeaderValue("Bearer", apiToken);
+        }
+
+        HttpResponseMessage response = await _client.SendAsync(request, cancellationToken: cancellationToken);
+        responseData = await DecodeResponse<TResponse>(response, cancellationToken);
+
+        fileStream?.Dispose();
+      }
+      catch (Exception ex) {
+        Debug.WriteLine(@"\tERROR {0}", ex.Message);
+      }
+
+      return responseData;
+    }
+
+    // GET request
+    private async Task<TResponse?> Get<TResponse>(string uri, bool useAuthToken = true, CancellationToken cancellationToken = default)
+      where TResponse : IOmgLolResponseData
+      => await Request<TResponse, object>(uri, HttpMethod.Get, useAuthToken: useAuthToken, cancellationToken: cancellationToken);
+
+    // POST request
+    private async Task<TResponse?> Post<TResponse, TData>(string uri, TData data, CancellationToken cancellationToken = default)
+      where TResponse : IOmgLolResponseData 
+      => await Request<TResponse, TData>(uri, HttpMethod.Post, data: data, cancellationToken: cancellationToken);
+
+    // POST request, but with a file as binary data
+    private async Task<TResponse?> PostBinary<TResponse>(string uri, FileResult? fileResult = null, CancellationToken cancellationToken = default)
+      where TResponse : IOmgLolResponseData 
+      => await Request<TResponse, object>(uri, HttpMethod.Post, file: fileResult, cancellationToken: cancellationToken);
+
+    // PUT request
+    private async Task<TResponse?> Put<TResponse, TData>(string uri, TData data, CancellationToken cancellationToken = default)
+      where TResponse : IOmgLolResponseData
+      => await Request<TResponse, TData>(uri, HttpMethod.Put, data: data, cancellationToken: cancellationToken);
+
+    // PATCH request
+    private async Task<TResponse?> Patch<TResponse, TData>(string uri, TData data, CancellationToken cancellationToken = default)
+      where TResponse : IOmgLolResponseData
+      => await Request<TResponse, TData>(uri, HttpMethod.Patch, data: data, cancellationToken: cancellationToken);
+
+    // Delete request
+    private async Task<TResponse?> Delete<TResponse>(string uri, CancellationToken cancellationToken = default)
+      where TResponse : IOmgLolResponseData 
+      => await Request<TResponse, object>(uri, HttpMethod.Delete, cancellationToken: cancellationToken);
+    #endregion
+
+    #region Specific Requests
+    public async Task<List<Status>> StatuslogLatest() =>
+      (await Get<StatusResponseData>("/statuslog/latest"))?.Statuses ?? new List<Status>();
+
+    public async Task<List<Status>> Statuslog(string address) =>
+      (await Get<StatusResponseData>($"/address/{address}/statuses"))?.Statuses ?? new List<Status>();
+
+    public async Task<string> StatuslogBio(string address) =>
+      (await Get<StatusBioResponseData>($"/address/{address}/statuses/bio"))?.Bio ?? string.Empty;
+
+    public async Task<string> PostStatuslogBio(string address, string bio) =>
+      (await Post<StatusBioResponseData, PostStatusBio>($"/address/{address}/statuses/bio", new PostStatusBio() { Content = bio }))?.Bio ?? string.Empty;
+
+    public async Task<AccountResponseData?> AccountInfo() =>
+      await Get<AccountResponseData>("/account/application/info");
+
+    public async Task<AddressResponseList?> Addresses() =>
+      await Get<AddressResponseList>("/account/application/addresses");
+
+    public async Task<StatusPostResponseData?> StatusPost(string address, StatusPost statusPost) =>
+      await Post<StatusPostResponseData, StatusPost>($"/address/{address}/statuses", statusPost);
+
+    public async Task<List<Pic>> SomePics() =>
+      (await Get<SomePicsResponseData>("/pics"))?.Pics ?? new List<Pic>();
+
+    public async Task<List<Pic>> SomePics(string address) =>
+      (await Get<SomePicsResponseData>($"/address/{address}/pics"))?.Pics ?? new List<Pic>();
+
+    public async Task<PutPicResponseData?> PutPic(string address, string base64Image) =>
+      (await Put<PutPicResponseData, PutPic>($"/address/{address}/pics/upload", new PutPic { Pic = base64Image }));
+
+    public async Task<PutPicResponseData?> PutPic(string address, byte[] bytes) =>
+      await PutPic(address, Convert.ToBase64String(bytes));
+
+    public async Task<PutPicResponseData?> PostPicDescription(string address, string id, string? description) =>
+      (await Post<PutPicResponseData, PostPic>($"/address/{address}/pics/{id}", new PostPic { Description = description }));
+    public async Task<BasicResponseData?> DeletePic(string address, string id) =>
+      (await Delete<BasicResponseData>($"/address/{address}/pics/{id}"));
+
+    public async Task<PatchStatusResponseData?> PatchStatus(string address, string id, string content, string? emoji) =>
+      (await Patch<PatchStatusResponseData, PatchStatus>($"/address/{address}/statuses/", new PatchStatus { Id = id, Content = content, Emoji = emoji }));
+
+    public async Task<BasicResponseData?> DeleteStatus(string address, string id) =>
+      (await Delete<BasicResponseData>($"/address/{address}/statuses/{id}"));
+
+    public async Task<List<NowData>?> NowGarden() =>
+      (await Get<NowResponseData>($"/now/garden"))?.Garden ?? new List<NowData>();
+
+    public async Task<List<string>?> Directory() =>
+      (await Get<DirectoryResponseData>($"/directory"))?.Directory ?? new List<string>();
+
+    public async Task<NowContentData?> GetNowPage(string address) =>
+      (await Get<NowPageResponseData>($"/address/{address}/now"))?.Now;
+
+    public async Task<BasicResponseData?> PostNowPage(string address, string content, bool listed) =>
+      await Post<BasicResponseData, NowContentData>($"/address/{address}/now", new NowContentData { Content = content, Listed = listed ? 1 : 0 });
+
+    public async Task<List<MarkupString>> Ephemeral() =>
+      (await Get<EphemeralResponseData>($"/ephemeral"))?.Content?.Select(s => (MarkupString)s)?.ToList() ?? new List<MarkupString>();
+
+    public async Task<BasicResponseData?> PostEphemeral(string content) =>
+      await Post<BasicResponseData, EphemeralData>("/ephemeral", new EphemeralData { Content = content });
+
+    public async Task<ProfileResponseData?> GetProfile(string address) =>
+      await Get<ProfileResponseData>($"/address/{address}/web");
+
+    public async Task<BasicResponseData?> PostProfile(string address, string content, bool publish = true) =>
+      await Post<BasicResponseData, PostProfile>($"/address/{address}/web", new PostProfile { Content = content, Publish = publish });
+
+    public async Task<BasicResponseData?> PostProfile(string address, PostProfile data) =>
+      await Post<BasicResponseData, PostProfile>($"/address/{address}/web", data);
+    public async Task<Dictionary<string, Theme>?> GetThemes() =>
+      (await Get<ThemeResponseData>($"/theme/list"))?.Themes;
+
+    public async Task<MarkupString?> GetThemePreview(string theme) =>
+      (MarkupString)((await Get<ThemePreviewResponseData>($"/theme/{theme}/preview"))?.Html ?? string.Empty);
+
+    public async Task<BasicResponseData?> PostProfilePic(string address, FileResult image) =>
+        await PostBinary<BasicResponseData>($"/address/{address}/pfp", fileResult: image);
+
+    public async Task<List<Paste>> GetPastes(string address) =>
+      (await Get<PastesResponseData>($"/address/{address}/pastebin", useAuthToken: false))?.Pastebin ?? new List<Paste>();
+    public async Task<List<Paste>> GetMyPastes(string address) =>
+      (await Get<PastesResponseData>($"/address/{address}/pastebin", useAuthToken: true))?.Pastebin ?? new List<Paste>();
+
+    public async Task<BasicResponseData?> DeletePaste(string address, string title) =>
+      await Delete<BasicResponseData>($"/address/{address}/pastebin/{title}");
+
+    public async Task<PostPasteResponseData?> PostPaste(string address, string title, string content, bool listed) =>
+      await Post<PostPasteResponseData, Paste>($"/address/{address}/pastebin/", new Paste() { Title = title, Content = content, IsListed = listed });
+
+    #endregion
+
+    #region Auth
+    /// <summary>
+    /// Add the api token into the default headers
+    /// </summary>
+    /// <param name="token">The api token</param>
+    public void AddToken(string? token = null) {
+      if (token == null) token = Task.Run(() => SecureStorage.GetAsync("accounttoken")).GetAwaiter().GetResult();
+      if (token != null) apiToken = token;
+    }
+
+    /// <summary>
+    /// Remove the api token from the default headers
+    /// </summary>
+    public void RemoveToken() {
+      _client.DefaultRequestHeaders.Remove("Authorization");
+    }
+
+    public async Task<string?> OAuth(string code, string client_id, string client_secret, string redirect_uri) {
+      string? token = null;
+      string uri = $"/oauth/?code={code}&client_id={client_id}&client_secret={client_secret}&redirect_uri={redirect_uri}&scope=everything";
+      try {
+        HttpResponseMessage response = await _client.GetAsync(uri);
+        if (response.IsSuccessStatusCode) {
+          TokenResponseData? responseObj = await response.Content.ReadFromJsonAsync<TokenResponseData>(_serializerOptions);
+          if (responseObj != null && !string.IsNullOrEmpty(responseObj.AccessToken)) {
+            token = responseObj.AccessToken;
+          }
+        }
+      }
+      catch (Exception ex) {
+        Debug.WriteLine(@"\tERROR {0}", ex.Message);
+      }
+      return token;
+    }
+    #endregion
+
+    public async Task<MarkupString?> GetHtml(string url) {
+      string? raw = null;
+      try {
+        HttpResponseMessage response = await _client.GetAsync(url);
+        if (response.IsSuccessStatusCode) {
+          raw = await response.Content.ReadAsStringAsync();
+        }
+      }
+      catch (Exception ex) {
+        Debug.WriteLine(@"\tERROR {0}", ex.Message);
+      }
+      return string.IsNullOrEmpty(raw) ? null : (MarkupString)raw;
+    }
+  }
+}
--- a/Classes/CustomAuthenticationStateProvider.cs
+++ b/Classes/CustomAuthenticationStateProvider.cs
@ -1,8 +1,5 @@
 using Microsoft.AspNetCore.Components.Authorization;
-using Neighbourhood.omg.lol.Models;
 using System.Security.Claims;
-using System.Text.Json;
-using System.Text.Json.Serialization;

 namespace Neighbourhood.omg.lol {
 	public class CustomAuthenticationStateProvider : AuthenticationStateProvider {
--- a/Classes/FeatureFlags.cs
+++ b/Classes/FeatureFlags.cs
@ -0,0 +1,5 @@
+namespace Neighbourhood.omg.lol {
+  public static class FeatureFlags {
+    public static bool Following { get; } = true;
+  }
+}
--- a/Classes/NavigatorService.cs
+++ b/Classes/NavigatorService.cs
@ -0,0 +1,8 @@
+using Microsoft.AspNetCore.Components;
+
+namespace Neighbourhood.omg.lol {
+  public class NavigatorService {
+    internal NavigationManager? NavigationManager { get; set; }
+    internal Page? Page { get; set; }
+  }
+}
--- a/Classes/State.cs
+++ b/Classes/State.cs
@ -0,0 +1,339 @@
+using Microsoft.AspNetCore.Components;
+using System.ComponentModel;
+using System.Globalization;
+using System.Text.Json;
+using Neighbourhood.omg.lol.Models;
+using System.Runtime.CompilerServices;
+
+namespace Neighbourhood.omg.lol {
+  public class State : INotifyPropertyChanged {
+
+    // Events
+    public event EventHandler<EventArgs>? IntentReceived;
+    public event PropertyChangedEventHandler? PropertyChanged;
+
+    // Create the OnPropertyChanged method to raise the event
+    // The calling member's name will be used as the parameter.
+    protected void OnPropertyChanged([CallerMemberName] string? name = null) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
+    protected void OnIntentRecieved() => IntentReceived?.Invoke(this, EventArgs.Empty);
+
+    // Main data lists
+    public List<Status>? Statuses { get; set; }
+    public List<Pic>? Pics { get; set; }
+    public List<NowData>? NowGarden { get; set; }
+    public List<MarkupString>? EphemeralMessages { get; set; }
+    public List<string>? AddressDirectory { get; set; }
+
+    public List<FeedItem>? Feed { get; set; }
+
+    public Dictionary<string, Theme>? Themes { get; set; }
+
+    // Account data
+    private AccountResponseData? _accountInfo;
+    public AccountResponseData? AccountInfo {
+      get => _accountInfo;
+      set {
+        _accountInfo = value;
+        OnPropertyChanged(nameof(AccountInfo));
+      }
+    }
+    public AddressResponseList? AddressList { get; set; }
+
+    public bool IsAuthorized { get => AccountInfo != null; }
+    public string? Name { get => AccountInfo?.Name; }
+    public string? Email { get => AccountInfo?.Email; }
+    public IEnumerable<string>? AddressNames { get => AddressList?.Select(a => a.Address); }
+
+    // Selected Address
+    private AddressResponseData? _selectedAddress;
+    public AddressResponseData? SelectedAddress {
+      get {
+        if (_selectedAddress == null) {
+          string selectedAddressJson = Preferences.Default.Get("selectedaddress", string.Empty);
+          if (!string.IsNullOrEmpty(selectedAddressJson)) _selectedAddress = JsonSerializer.Deserialize<AddressResponseData>(selectedAddressJson);
+        }
+        return _selectedAddress;
+      }
+      set {
+        if (_selectedAddress != value) {
+          _selectedAddress = value;
+          if (_selectedAddress == null) Preferences.Default.Remove("selectedaddress");
+          else {
+            string selectedAddressJson = JsonSerializer.Serialize(_selectedAddress);
+            Preferences.Default.Set("selectedaddress", selectedAddressJson);
+            OnPropertyChanged();
+          }
+        }
+      }
+    }
+
+    public List<string>? Following { get; private set; }
+    public string? SelectedAddressName { get => SelectedAddress?.Address; }
+
+    // data for selected address
+    public List<Status>? CachedAddressStatuses { get; set; }
+    public List<Pic>? CachedAddressPics { get; set; }
+    public List<Paste>? CachedAddressPastes { get; set; }
+    public MarkupString? CachedAddressBio { get; set; }
+    private string? _cachedAddress;
+    public string? CachedAddress {
+      get => _cachedAddress;
+      set {
+        if (_cachedAddress != value) {
+          _cachedAddress = value;
+          CachedAddressStatuses = new List<Status>();
+          CachedAddressPics = new List<Pic>();
+          CachedAddressPastes = new List<Paste>();
+          CachedAddressBio = null;
+        }
+      }
+    }
+
+    // share intent stuff
+    private string? _shareString;
+    public string? ShareString {
+      get => _shareString;
+      set {
+        _shareString = value;
+        OnIntentRecieved();
+      }
+    }
+    public string? ShareStringSubject { get; set; }
+
+    private string? _sharePhoto;
+    public string? SharePhoto {
+      get => _sharePhoto;
+      set {
+        _sharePhoto = value;
+        OnIntentRecieved();
+      }
+    }
+    public long? SharePhotoSize { get; set; }
+    public string? SharePhotoContentType { get; set; }
+    public string? SharePhotoText { get; set; }
+
+    // refreshing
+    private bool _isRefreshing;
+    public bool IsRefreshing {
+      get => _isRefreshing;
+      private set {
+        _isRefreshing = value;
+        OnPropertyChanged();
+      }
+    }
+
+    public void SendRefresh() => IsRefreshing = true;
+
+    private static int _refresherCount = 0;
+    private static Mutex mutex = new Mutex();
+
+    public class RefreshToken : IDisposable {
+      public event EventHandler? Disposed;
+      public void Dispose() => Disposed?.Invoke(this, EventArgs.Empty);
+    }
+    public RefreshToken GetRefreshToken() {
+      mutex.WaitOne();
+      _refresherCount++;
+      mutex.ReleaseMutex();
+      RefreshToken token = new RefreshToken();
+      token.Disposed += RefreshToken_Disposed;
+      return token;
+    }
+
+    private void RefreshToken_Disposed(object? sender, EventArgs e) {
+      mutex.WaitOne();
+      _refresherCount--;
+      if (_refresherCount == 0) IsRefreshing = false;
+      mutex.ReleaseMutex();
+    }
+
+    private bool _canRefresh;
+    public bool CanRefresh {
+      get => _canRefresh;
+      set {
+        _canRefresh = value;
+        OnPropertyChanged();
+      }
+    }
+
+    // api service
+    private ApiService api { get; set; }
+
+    public State(ApiService restService) {
+      api = restService;
+    }
+
+    public async Task PopulateAccountDetails(string token) {
+      api.AddToken(token);
+
+      string accountJson = Preferences.Default.Get("accountdetails", string.Empty);
+      string addressJson = Preferences.Default.Get("accountaddresses", string.Empty);
+      string selectedAddressJson = Preferences.Default.Get("selectedaddress", string.Empty);
+      string followingJson = Preferences.Default.Get("following", string.Empty);
+
+      if (!string.IsNullOrEmpty(accountJson)) AccountInfo = JsonSerializer.Deserialize<AccountResponseData>(accountJson);
+      if (!string.IsNullOrEmpty(addressJson)) AddressList = JsonSerializer.Deserialize<AddressResponseList>(addressJson);
+      if (!string.IsNullOrEmpty(selectedAddressJson)) SelectedAddress = JsonSerializer.Deserialize<AddressResponseData>(selectedAddressJson);
+      if (!string.IsNullOrEmpty(followingJson)) Following = JsonSerializer.Deserialize<List<string>>(followingJson);
+
+      // if we haven't got account info, attempt to retrieve it.
+      if (AccountInfo == null) {
+        AccountInfo = await api.AccountInfo();
+        if (AccountInfo != null) {
+          // quick fix for users without names (such as the review account)
+          if(AccountInfo.Name == null) AccountInfo.Name = AccountInfo.Email.Split('@').FirstOrDefault() ?? "person";
+          Preferences.Default.Set("accountdetails", JsonSerializer.Serialize(AccountInfo));
+        }
+      }
+
+      // if we don't have the list of addresses, attempt to retrieve that.
+      if (AddressList == null) {
+        AddressList = await api.Addresses();
+        if (AddressList != null) {
+          Preferences.Default.Set("accountaddresses", JsonSerializer.Serialize(AddressList));
+          SelectedAddress = AddressList.FirstOrDefault();
+          Preferences.Default.Set("selectedaddress", JsonSerializer.Serialize(SelectedAddress));
+        }
+      }
+    }
+
+    public async Task RemoveAccountDetails() {
+      await Task.Run(() => {
+        Preferences.Default.Clear();
+        AccountInfo = null;
+        AddressList = null;
+        SelectedAddress = null;
+        Following = null;
+        api.RemoveToken();
+      });
+    }
+
+    public bool IsFollowing(string address) => Following?.Contains(address) ?? false;
+    public async Task Follow(string address) {
+      if (Following == null) Following = new List<string>();
+      Following.Add(address);
+      Preferences.Default.Set("following", JsonSerializer.Serialize(Following));
+      await GetFeed(forceRefresh: true);
+    }
+
+    public async Task Unfollow(string address) {
+      if (Following == null) Following = new List<string>();
+      Following.Remove(address);
+      Preferences.Default.Set("following", JsonSerializer.Serialize(Following));
+      await GetFeed(forceRefresh: true);
+    }
+
+    public async Task<MarkupString?> GetBio(string address, bool forceRefresh = false) {
+      CachedAddress = address;
+      if (forceRefresh || CachedAddressBio == null) {
+        CachedAddressBio = Utilities.MdToHtmlMarkup(await api.StatuslogBio(address));
+      }
+      return CachedAddressBio;
+    }
+
+    public async Task<List<MarkupString>?> GetEphemeralMessages(bool forceRefresh = false) {
+      if (forceRefresh || this.EphemeralMessages == null || this.EphemeralMessages.Count == 0) {
+        this.EphemeralMessages = await api.Ephemeral();
+      }
+      return this.EphemeralMessages;
+    }
+
+    public async Task<List<string>?> GetDirectory(bool forceRefresh = false) {
+      if (forceRefresh || this.AddressDirectory == null || this.AddressDirectory.Count == 0) {
+        IdnMapping idn = new IdnMapping();
+        this.AddressDirectory = (await api.Directory())?.Select(s => {
+          if (s.StartsWith("xn--")) return idn.GetUnicode(s);
+          else return s;
+        }).ToList();
+      }
+      return this.AddressDirectory;
+    }
+
+    public async Task<List<Status>?> GetStatuses(bool forceRefresh = false) {
+      if (forceRefresh || this.Statuses == null || this.Statuses.Count == 0) {
+        this.Statuses = await api.StatuslogLatest();
+      }
+      return this.Statuses;
+    }
+
+    public async Task<List<Status>?> GetStatuses(string address, bool forceRefresh = false) {
+      this.CachedAddress = address;
+      if (forceRefresh || this.CachedAddressStatuses == null || this.CachedAddressStatuses.Count == 0) {
+        this.CachedAddressStatuses = await api.Statuslog(address);
+      }
+      return this.CachedAddressStatuses;
+    }
+
+    public async Task<List<NowData>?> GetNowGarden(bool forceRefresh = false) {
+      if (forceRefresh || this.NowGarden == null || this.NowGarden.Count == 0) {
+        this.NowGarden = await api.NowGarden();
+      }
+      return this.NowGarden;
+    }
+
+    public async Task<List<Pic>?> GetPics(bool forceRefresh = false) {
+      if (forceRefresh || this.Pics == null || this.Pics.Count == 0) {
+        this.Pics = await api.SomePics();
+      }
+      return this.Pics;
+    }
+
+    public async Task<List<Pic>?> GetPics(string address, bool forceRefresh = false) {
+      CachedAddress = address;
+      if (forceRefresh || this.CachedAddressPics == null || this.CachedAddressPics.Count == 0) {
+        CachedAddressPics = (await api.SomePics(address)) ?? new List<Pic>();
+      }
+      return CachedAddressPics;
+    }
+
+    public async Task<List<Paste>?> GetPastes(string address, bool forceRefresh = false) {
+      CachedAddress = address;
+      if (forceRefresh || this.CachedAddressPastes == null || this.CachedAddressPastes.Count == 0) {
+        if (AddressNames?.Contains(address) ?? false) {
+          CachedAddressPastes = (await api.GetMyPastes(address)) ?? new List<Paste>();
+        }
+        else {
+          CachedAddressPastes = (await api.GetPastes(address)) ?? new List<Paste>();
+        }
+      }
+      return CachedAddressPastes;
+    }
+
+    public async Task RefreshStatuses() {
+      await GetStatuses(forceRefresh: true);
+      if(SelectedAddressName != null)
+        await GetStatuses(SelectedAddressName, forceRefresh: true);
+    }
+    public async Task RefreshPics() {
+      await GetPics(forceRefresh: true);
+      if (SelectedAddressName != null)
+        await GetPics(SelectedAddressName, forceRefresh: true );
+    }
+    public async Task RefreshNow() => await GetNowGarden(forceRefresh: true);
+
+    public async Task RefreshPastes() {
+      if (SelectedAddressName != null)
+        await GetPastes(SelectedAddressName, forceRefresh: true);
+    }
+
+    public async Task<IOrderedEnumerable<FeedItem>> GetFeed(bool forceRefresh = false) {
+      if(forceRefresh || Feed == null || Feed.Count == 0) {
+        Feed = new List<FeedItem>();
+        foreach(string address in Following ?? new List<string>()) {
+          Feed.AddRange((await GetStatuses(address, forceRefresh))?.Select(s => new FeedItem { Status = s }) ?? new List<FeedItem>());
+          Feed.AddRange((await GetPics(address, forceRefresh))?.Select(p => new FeedItem { Pic = p }) ?? new List<FeedItem>());
+          Feed.AddRange((await GetPastes(address, forceRefresh))?.Select(p => new FeedItem { Paste = p }) ?? new List<FeedItem>());
+        }
+      }
+      return Feed.OrderByDescending(s => s.CreatedTime);
+    }
+
+    public async Task<Dictionary<string, Theme>?> GetThemes(bool forceRefresh = false) {
+      if (forceRefresh || this.Themes == null || this.Themes.Count == 0) {
+        this.Themes = await api.GetThemes();
+      }
+      return this.Themes;
+    }
+
+  }
+}
--- a/Classes/Utilities.cs
+++ b/Classes/Utilities.cs
@ -0,0 +1,51 @@
+using Markdig;
+using Microsoft.AspNetCore.Components;
+
+namespace Neighbourhood.omg.lol
+{
+    public static class Utilities
+    {
+
+        private static MarkdownPipeline markdownPipeline { get; }
+          = new MarkdownPipelineBuilder().UseAutoLinks().Build();
+
+        public static string MdToHtml(string markdown) =>
+          Markdown.ToHtml(markdown, markdownPipeline);
+
+        public static MarkupString MdToHtmlMarkup(string markdown) =>
+          (MarkupString)MdToHtml(markdown);
+
+        public static async Task<long> FileSize(FileResult file)
+        {
+            using var fileStream = await file.OpenReadAsync();
+            return fileStream.Length;
+        }
+
+        public static async Task<string> Base64FromFile(FileResult file)
+        {
+            using var memoryStream = new MemoryStream();
+            using var fileStream = await file.OpenReadAsync();
+            await fileStream.CopyToAsync(memoryStream);
+            byte[] bytes = memoryStream.ToArray();
+            return Convert.ToBase64String(bytes);
+        }
+
+        public static string RelativeTimeFromUnix(long unix)
+        {
+            DateTimeOffset createdTime = DateTimeOffset.UnixEpoch.AddSeconds(unix);
+            TimeSpan offset = DateTimeOffset.UtcNow - createdTime;
+
+            var offsetString = string.Empty;
+            if (Math.Floor(offset.TotalDays) == 1) offsetString = $"{Math.Floor(offset.TotalDays)} day ago";
+            else if (offset.TotalDays > 1) offsetString = $"{Math.Floor(offset.TotalDays)} days ago";
+            else if (Math.Floor(offset.TotalHours) == 1) offsetString = $"{Math.Floor(offset.TotalHours)} hour ago";
+            else if (offset.TotalHours > 1) offsetString = $"{Math.Floor(offset.TotalHours)} hours ago";
+            else if (Math.Floor(offset.TotalMinutes) == 1) offsetString = $"{Math.Floor(offset.TotalMinutes)} minute ago";
+            else if (offset.TotalMinutes > 1) offsetString = $"{Math.Floor(offset.TotalMinutes)} minutes ago";
+            else if (Math.Floor(offset.TotalSeconds) == 1) offsetString = $"{Math.Floor(offset.TotalSeconds)} second ago";
+            else offsetString = $"{Math.Floor(offset.TotalSeconds)} seconds ago";
+
+            return offsetString;
+        }
+    }
+}
--- a/Components/EditBioDialog.razor
+++ b/Components/EditBioDialog.razor
@ -0,0 +1,81 @@
+@inject IJSRuntime JS
+@inject State State
+@inject ApiService api
+
+<div class="overlay" data-ui="#@id"></div>
+<dialog id="@id">
+  <h5>Edit your statuslog bio</h5>
+  <div class="row">
+    <div class="max markdown-editor">
+      @if (Bio != null) {
+        <MarkdownEditor @ref="Editor"
+                        @bind-Value="@Bio"
+                        Theme="material-darker"
+                        MaxHeight="100%"
+                        AutoDownloadFontAwesome="false"
+        >
+          <Toolbar>
+            <MarkdownToolbarButton Action="MarkdownAction.Bold" Icon="fa-solid fa-bold" Title="Bold" />
+            <MarkdownToolbarButton Action="MarkdownAction.Italic" Icon="fa-solid fa-italic" Title="Italic" />
+            <MarkdownToolbarButton Action="MarkdownAction.Heading" Icon="fa-solid fa-heading" Title="Heading" />
+            <MarkdownToolbarButton Action="MarkdownAction.Code" Icon="fa-solid fa-code" Title="Code" Separator="true" />
+            <MarkdownToolbarButton Action="MarkdownAction.Quote" Icon="fa-solid fa-quote-left" Title="Quote" />
+            <MarkdownToolbarButton Action="MarkdownAction.UnorderedList" Icon="fa-solid fa-list-ul" Title="Unordered List" />
+            <MarkdownToolbarButton Action="MarkdownAction.OrderedList" Icon="fa-solid fa-list-ol" Title="Ordered List" />
+            <MarkdownToolbarButton Action="MarkdownAction.Link" Icon="fa-solid fa-link" Title="Link" Separator="true" />
+            <MarkdownToolbarButton Action="MarkdownAction.Image" Icon="fa-solid fa-image" Title="Image" />
+            <MarkdownToolbarButton Action="MarkdownAction.HorizontalRule" Icon="fa-solid fa-horizontal-rule" Title="Horizontal Rule" />
+            <MarkdownToolbarButton Action="MarkdownAction.Guide" Icon="fa-solid fa-circle-question" Title="Guide" Separator="true" />
+          </Toolbar>
+        </MarkdownEditor>
+      }
+    </div>
+  </div>
+  <nav class="no-space">
+    <div class="max"></div>
+    <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
+    <button @onclick="PostBio" disabled="@loading">
+      @if (loading) {
+        <span>Saving...</span>
+      }
+      else {
+        <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
+      }
+    </button>
+  </nav>
+</dialog>
+
+@code {
+  private MarkdownEditor? Editor;
+  public string? Bio { get; set; }
+  [Parameter]
+  public string? Address { get; set; }
+  private bool loading = true;
+  [Parameter]
+  public string? id { get; set; }
+
+  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
+    Bio = await api.StatuslogBio(Address ?? State.SelectedAddressName!);
+    await InvokeAsync(StateHasChanged);
+    await Editor!.SetValueAsync(Bio);
+    loading = false;
+    await InvokeAsync(StateHasChanged);
+  }
+
+  public async Task PostBio() {
+    loading = true;
+    await InvokeAsync(StateHasChanged);
+
+    // Post the bio
+    await api.PostStatuslogBio(Address!, Bio ?? string.Empty);
+    State.CachedAddressBio = Utilities.MdToHtmlMarkup(Bio ?? string.Empty);
+
+    await JS.InvokeVoidAsync("ui", "#" + id);
+    // reset input
+    await OnInitializedAsync();
+    loading = false;
+    await InvokeAsync(StateHasChanged);
+    State.SendRefresh();
+  }
+}
--- a/Components/EditPasteDialog.razor
+++ b/Components/EditPasteDialog.razor
@ -0,0 +1,130 @@
+@inject IJSRuntime JS
+@inject State State
+@inject ApiService api
+
+<div class="overlay" data-ui="#@id"></div>
+<dialog id="@id">
+  <div class="row">
+    <div class="field text label border max">
+      <InputText @bind-Value="Title"></InputText>
+      <label>Content</label>
+    </div>
+  </div>
+  <div class="row">
+    <div class="field textarea label border max">
+      <InputTextArea @bind-Value="Content"></InputTextArea>
+      <label>Content</label>
+    </div>
+  </div>
+  <nav class="no-space">
+    @if (Paste != null)
+    {
+      if (confirmDelete)
+      {
+        <button @onclick="ConfirmDeletePaste" disabled="@loading" class="red-7-bg white-fg">
+          <i class="fa-solid fa-exclamation-triangle"></i> <span>Are you sure?</span>
+        </button>
+      }
+      else
+      {
+        <button @onclick="DeletePaste" disabled="@loading" class="red-7-bg white-fg">
+          <i class="fa-solid fa-trash"></i> <span>Delete</span>
+        </button>
+      }
+    }
+    <div class="max"></div>
+    <label class="checkbox">
+      <InputCheckbox @bind-Value="Listed"></InputCheckbox>
+      <span>Listed?</span>
+    </label>
+    <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
+    <button @onclick="PostPaste" disabled="@loading">
+      @if (loading) {
+        <span>Saving...</span>
+      }
+      else {
+        <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
+      }
+    </button>
+  </nav>
+</dialog>
+
+@code {
+  private Paste? _paste;
+
+  public Paste? Paste {
+    get => _paste;
+    set {
+      _paste = value;
+      Title = _paste?.Title;
+      Content = _paste?.Content;
+      Listed = _paste?.IsListed ?? false;
+      InvokeAsync(StateHasChanged);
+    }
+  }
+
+  public string? Title { get; set; }
+  public string? Content { get; set; }
+  public bool Listed { get; set; }
+  private bool loading = false;
+  [Parameter]
+  public string? id { get; set; }
+  private bool confirmDelete { get; set; }
+
+  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
+    Title = Paste?.Title;
+    Content = Paste?.Content;
+    Listed = Paste?.IsListed ?? false;
+  }
+
+  public async Task DeletePaste() {
+    if (!confirmDelete) confirmDelete = true;
+    await InvokeAsync(StateHasChanged);
+  }
+
+  public async Task ConfirmDeletePaste() {
+    if (confirmDelete) {
+      loading = true;
+      await InvokeAsync(StateHasChanged);
+
+      if (!string.IsNullOrEmpty(Paste?.Title)) {
+        await api.DeletePaste(State.SelectedAddressName!, Paste.Title);
+        await State.RefreshPastes();
+        State.SendRefresh();
+        await InvokeAsync(StateHasChanged);
+      }
+
+      await JS.InvokeVoidAsync("ui", "#" + id);
+      // clear input
+      Title = string.Empty;
+      Content = string.Empty;
+      Listed = false;
+      loading = false;
+      confirmDelete = false;
+      await InvokeAsync(StateHasChanged);
+    }
+  }
+
+  public async Task PostPaste() {
+    loading = true;
+    await InvokeAsync(StateHasChanged);
+
+    if (!string.IsNullOrEmpty(Paste?.Title)) {
+      await api.PostPaste(State.SelectedAddressName!, Title, Content, Listed);
+      await State.RefreshPastes();
+      State.SendRefresh();
+      await InvokeAsync(StateHasChanged);
+    }
+
+    await JS.InvokeVoidAsync("ui", "#" + id);
+    // clear input
+    Paste = null;
+    Title = string.Empty;
+    Content = string.Empty;
+    Listed = false;
+    confirmDelete = false;
+    await InvokeAsync(StateHasChanged);
+
+  }
+}
--- a/Components/EditPicDialog.razor
+++ b/Components/EditPicDialog.razor
@ -1,17 +1,30 @@
@inject IJSRuntime JS
@inject State State
-@inject RestService api
+@inject ApiService api

 <div class="overlay" data-ui="#@id"></div>
 <dialog id="@id">
-  <img src="@Pic?.Url" />
+  <div class="padding center-align">
+    <img src="@Pic?.Url" class="small-height square" />
+  </div>
  <div class="row">
    <div class="field textarea label border max">
      <InputTextArea @bind-Value="Description"></InputTextArea>
      <label>Description</label>
    </div>
  </div>
-  <nav class="right-align no-space">
+  <nav class="no-space">
+    @if (confirmDelete) {
+      <button @onclick="ConfirmDeletePic" disabled="@loading" class="red-7-bg white-fg">
+        <i class="fa-solid fa-exclamation-triangle"></i> <span>Are you sure?</span>
+      </button>
+    }
+    else {
+      <button @onclick="DeletePic" disabled="@loading" class="red-7-bg white-fg">
+        <i class="fa-solid fa-trash"></i> <span>Delete</span>
+      </button>
+    }
+    <div class="max"></div>
    <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
    <button @onclick="PostPic" disabled="@loading">
      @if (loading) {
@ -32,24 +45,56 @@
    set {
      _pic = value;
      Description = _pic?.Description;
+      InvokeAsync(StateHasChanged);
    }
  }
+
  public string? Description { get; set; }
  private bool loading = false;
  [Parameter]
-  public string id { get; set; }
+  public string? id { get; set; }
+  private bool confirmDelete { get; set; }

  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
    Description = Pic?.Description;
  }

+  public async Task DeletePic() {
+    if (!confirmDelete) confirmDelete = true;
+    await InvokeAsync(StateHasChanged);
+  }
+
+  public async Task ConfirmDeletePic() {
+    if (confirmDelete) {
+      loading = true;
+      await InvokeAsync(StateHasChanged);
+
+      if (!string.IsNullOrEmpty(Pic?.Id)) {
+        await api.DeletePic(State.SelectedAddressName!, Pic.Id);
+        await State.RefreshPics();
+        State.SendRefresh();
+        await InvokeAsync(StateHasChanged);
+      }
+
+      await JS.InvokeVoidAsync("ui", "#" + id);
+      // clear input
+      Description = string.Empty;
+      Pic = null;
+      loading = false;
+      confirmDelete = false;
+      await InvokeAsync(StateHasChanged);
+    }
+  }
+
  public async Task PostPic() {
    loading = true;
    await InvokeAsync(StateHasChanged);

-    if(!string.IsNullOrEmpty(Pic.Id)) {
-      await api.PostPicDescription(State.SelectedAddressName, Pic.Id, Description);
+    if(!string.IsNullOrEmpty(Pic?.Id)) {
+      await api.PostPicDescription(State.SelectedAddressName!, Pic.Id, Description);
      await State.RefreshPics();
+      State.SendRefresh();
      await InvokeAsync(StateHasChanged);
    }

@ -58,6 +103,7 @@
    Description = string.Empty;
    Pic = null;
    loading = false;
+    confirmDelete = false;
    await InvokeAsync(StateHasChanged);

  }
--- a/Components/EditProfilePicDialog.razor
+++ b/Components/EditProfilePicDialog.razor
@ -0,0 +1,117 @@
+@inject IJSRuntime JS
+@inject State State
+@inject ApiService api
+@inject NavigationManager navigationManager
+
+<div class="overlay @(Active ? "active" : string.Empty)" data-ui="#@id"></div>
+<dialog id="@id" class="@(Active ? "active" : string.Empty)" open="@Active">
+  <h5>Update your profile picture</h5>
+  <div class="padding center-align">
+    <img src="@(Base64Url ?? ExistingUrl)" class="small-height square" />
+  </div>
+  <div class="row">
+    <button @onclick="PicFromMedia"><i class="fa-solid fa-image"></i> Select a picture</button>
+    <button @onclick="PicFromPhoto"><i class="fa-solid fa-camera"></i> Take a photo</button>
+  </div>
+  <nav class="right-align no-space">
+    <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
+    <button @onclick="PostPic" disabled="@loading">
+      @if (loading) {
+        <span>Uploading...</span>
+      }
+      else {
+        <i class="fa-solid fa-cloud-arrow-up"></i> <span>Upload</span>
+      }
+    </button>
+  </nav>
+</dialog>
+
+@code {
+  [Parameter]
+  public string? Address { get; set; }
+  public string ExistingUrl { get => $"https://profiles.cache.lol/{Address ?? ""}/picture"; }
+  // private IBrowserFile? File { get; set; }
+  [Parameter]
+  public string? Base64File { get; set; }
+  [Parameter]
+  public long? FileSize { get; set; }
+  [Parameter]
+  public string? FileContentType { get; set; }
+  [Parameter]
+  public string? id { get; set; }
+  [Parameter]
+  public bool Active { get; set; }
+
+  private bool loading = false;
+
+  private FileResult? File { get; set; }
+  private string? Base64Url {
+    get {
+      if (FileContentType == null || Base64File == null) return null;
+
+      return $"data:{FileContentType};base64,{Base64File}";
+    }
+  }
+
+  public async Task PostPic() {
+    loading = true;
+    await InvokeAsync(StateHasChanged);
+
+    //TODO: upload the profile pic
+    //PutPicResponseData? response = await api.PutPic(State.SelectedAddressName!, Base64File!);
+    if (Base64File != null && File != null)
+    {
+      // using var fileStream = await File.OpenReadAsync();
+      BasicResponseData? response = await api.PostProfilePic(Address!, File);
+      if (response != null)
+      {
+        await JS.InvokeVoidAsync("ui", "#" + id);
+        // clear input
+        File = null;
+        Base64File = null;
+        FileSize = null;
+        FileContentType = null;
+        await JS.InvokeVoidAsync("cacheBust", ExistingUrl);
+      }
+      loading = false;
+      await InvokeAsync(StateHasChanged);
+    }
+  }
+
+  private string formatSizeUnits(long? bytes) {
+    if (bytes == null) return "?? bytes";
+    string formatted = "0 bytes";
+    if (bytes >= 1073741824) { formatted = $"{(bytes / 1073741824):.##} GB"; }
+    else if (bytes >= 1048576) { formatted = $"{(bytes / 1048576):.##} MB"; }
+    else if (bytes >= 1024) { formatted = $"{(bytes / 1024):.##} KB"; }
+    else if (bytes > 1) { formatted = $"{bytes} bytes"; }
+    else if (bytes == 1) { formatted = $"{bytes} byte"; }
+
+    return formatted;
+  }
+
+
+
+  private async Task PicFromMedia(EventArgs e) {
+    File = await MediaPicker.Default.PickPhotoAsync();
+    await PopulateFileDetails();
+  }
+
+  private async Task PicFromPhoto(EventArgs e) {
+    File = await MediaPicker.Default.CapturePhotoAsync();
+    await PopulateFileDetails();
+  }
+
+  private async Task PopulateFileDetails() {
+    if (File == null) {
+      FileContentType = null;
+      FileSize = null;
+      Base64File = null;
+    }
+    else {
+      FileContentType = File.ContentType;
+      FileSize = await Utilities.FileSize(File);
+      Base64File = await Utilities.Base64FromFile(File);
+    }
+  }
+}
--- a/Components/EditStatusDialog.razor
+++ b/Components/EditStatusDialog.razor
@ -1,6 +1,6 @@
@inject IJSRuntime JS
@inject State State
-@inject RestService api
+@inject ApiService api

 <div class="overlay" data-ui="#@id"></div>
 <dialog id="@id">
@ -29,7 +29,18 @@
      <label>Status</label>
    </div>
  </div>
-  <nav class="right-align no-space">
+  <nav class="no-space">
+    @if (confirmDelete) {
+      <button @onclick="ConfirmDeleteStatus" disabled="@loading" class="red-7-bg white-fg">
+        <i class="fa-solid fa-exclamation-triangle"></i> <span>Are you sure?</span>
+      </button>
+    }
+    else {
+      <button @onclick="DeleteStatus" disabled="@loading" class="red-7-bg white-fg">
+        <i class="fa-solid fa-trash"></i> <span>Delete</span>
+      </button>
+    }
+    <div class="max"></div>
    <InputText id="status-emoji-input" class="invisible" @bind-Value="Emoji"></InputText>
    <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
    <button @onclick="PatchStatus" disabled="@loading">
@ -59,20 +70,51 @@
  public string? Emoji { get; set; }
  private bool loading = false;
  [Parameter]
-  public string id { get; set; }
+  public string? id { get; set; }
+  private bool confirmDelete { get; set; }

  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
    Content = Status?.Content;
    Emoji = Status?.Emoji;
  }

+  public async Task DeleteStatus() {
+    if (!confirmDelete) confirmDelete = true;
+    await InvokeAsync(StateHasChanged);
+  }
+
+  public async Task ConfirmDeleteStatus() {
+    if(confirmDelete) {
+      loading = true;
+      await InvokeAsync(StateHasChanged);
+
+      if (!string.IsNullOrEmpty(Status?.Id)) {
+        await api.DeleteStatus(State.SelectedAddressName!, Status.Id);
+        await State.RefreshStatuses();
+        State.SendRefresh();
+        await InvokeAsync(StateHasChanged);
+      }
+
+      await JS.InvokeVoidAsync("ui", "#" + id);
+      // clear input
+      Content = string.Empty;
+      Emoji = string.Empty;
+      Status = null;
+      loading = false;
+      confirmDelete = false;
+      await InvokeAsync(StateHasChanged);
+    }
+  }
+
  public async Task PatchStatus() {
    loading = true;
    await InvokeAsync(StateHasChanged);

    if (!string.IsNullOrEmpty(Status?.Id)) {
-      await api.PatchStatus(State.SelectedAddressName, Status.Id, Content, Emoji);
+      await api.PatchStatus(State.SelectedAddressName!, Status.Id, Content ?? String.Empty, Emoji);
      await State.RefreshStatuses();
+      State.SendRefresh();
      await InvokeAsync(StateHasChanged);
    }

@ -82,6 +124,7 @@
    Emoji = string.Empty;
    Status = null;
    loading = false;
+    confirmDelete = false;
    await InvokeAsync(StateHasChanged);

  }
--- a/Components/ExternalPageComponent.razor
+++ b/Components/ExternalPageComponent.razor
@ -1,15 +1,17 @@
@inject IJSRuntime JS
@inject State State
-@inject RestService api
+@inject ApiService api
@if(Html != null) {
 	<iframe id="@id" frameborder="0" scrolling="no" srcdoc="@Html" onload="() => iframeResize({ license: 'GPLv3' })"></iframe>
 }

@code {
 	[Parameter]
-	public string Url { get; set; }
+	public string? Url { get; set; }
 	[Parameter]
-	public string id { get; set; }
+	public string? id { get; set; }
+	[Parameter]
+	public string? SrcString { get; set; }
 	public MarkupString? Html { get; set; }

 	protected override async Task OnAfterRenderAsync(bool firstRender) {
@ -19,13 +21,20 @@
 	}

 	public async Task Reload() {
-		if (Html == null){
+		if (Url != null){
 			Html = await api.GetHtml(Url);
-			string? HtmlString = Html?.ToString();
-			HtmlString = HtmlString?.Replace("</head>", "<base target='_blank'></head>");
-			HtmlString = HtmlString?.Replace("</body>", "<script src='https://cdn.jsdelivr.net/npm/@iframe-resizer/child'></script></body>");
-			Html = (MarkupString)HtmlString;
+			SrcString = Html?.ToString();
+		}
+		if(SrcString != null) {
+			SrcString = SrcString?.Replace("</head>", "<base target='_blank'></head>");
+			SrcString = SrcString?.Replace("</body>", "<script src='https://cdn.jsdelivr.net/npm/@iframe-resizer/child@5.1.5'></script></body>");
+			Html = (MarkupString)(SrcString ?? string.Empty);
 		}
 		await InvokeAsync(StateHasChanged);
+		await IframeResize();
+	}
+
+	public async Task IframeResize() {
+		await JS.InvokeVoidAsync("iframeResize", new { license = "GPLv3" });
 	}
 }
--- a/Components/Layout/AvatarMenu.razor
+++ b/Components/Layout/AvatarMenu.razor
@ -6,38 +6,7 @@
      <button class="transparent circle small large">
        <img class="responsive avatar" src="https://profiles.cache.lol/@State.SelectedAddressName/picture" alt="@State.SelectedAddressName">
          <menu class="no-wrap">
-            <a class="m s row">
-              <i class="emoji medium" data-emoji="👋">👋</i>
-              <span>Hey, @State.Name.</span>
-            </a>
-            @foreach (AddressResponseData address in State.AddressList ?? new List<AddressResponseData>()) {
-              <a class="row @(address == State.SelectedAddress ? "active" : "")" @onclick="() => changeAddress(address)">
-                <img class="tiny circle avatar" src="https://profiles.cache.lol/@address.Address/picture" alt="@address.Address" />
-                <span class="address"><i class="fa-solid fa-fw fa-at tiny"></i>@address.Address</span>
-              </a>
-              if (address.Address == State.SelectedAddressName) {
-                <a class="indent row" href="/person/@State.SelectedAddressName#profile">
-                  <i class="fa-solid fa-id-card"></i>
-                  <span>Profile</span>
-                </a>
-                <a class="indent row" href="/person/@State.SelectedAddressName#statuses">
-                  <i class="fa-solid fa-message-smile"></i>
-                  <span>Statuslog</span>
-                </a>
-                <a class="indent row" href="/person/@State.SelectedAddressName#pics">
-                  <i class="fa-solid fa-images"></i>
-                  <span>Pics</span>
-                </a>
-                <a class="indent row" href="/person/@State.SelectedAddressName#now">
-                  <i class="fa-duotone fa-seedling"></i>
-                  <span>/Now</span>
-                </a>
-              }
-            }
-            <a class="row" @onclick='() => AuthStateProvider.Logout()'>
-              <i class="fa-solid fa-door-open"></i>
-              <span>Logout</span>
-            </a>
+            <AvatarMenuLinks></AvatarMenuLinks>
          </menu>
      </button>
      <small class="s m address"><i class="fa-solid fa-fw fa-at tiny"></i>@State.SelectedAddressName</small>
@ -49,20 +18,13 @@
  </Authorized>
  <NotAuthorized>
    <NavLink>
-      <button class="transparent square large">
+      <button class="transparent square small large">
        <img class="responsive" src="/img/prami-neighbourhood.svg">
        <menu class="no-wrap">
-          <a class="m s row">
-            <i class="emoji medium" data-emoji="👋">👋</i>
-            <span>Hey there.</span>
-          </a>
-          <a class="row" href="/login">
-            <i class="fa-solid fa-door-closed"></i>
-            <span>Login</span>
-          </a>
+          <AvatarMenuLinks></AvatarMenuLinks>
        </menu>
      </button>
-      <small class="s m address">Omg.lol</small>
+      <small class="s m honey">Omg.lol</small>
    </NavLink>
    <div class="l">
      Hey there. <br />
@ -70,9 +32,3 @@
    </div>
  </NotAuthorized>
 </AuthorizeView>
-
-@code {
-  public void changeAddress(AddressResponseData address) {
-    State.SelectedAddress = address;
-  }
-}
--- a/Components/Layout/AvatarMenuLinks.razor
+++ b/Components/Layout/AvatarMenuLinks.razor
@ -0,0 +1,59 @@
+@inject CustomAuthenticationStateProvider AuthStateProvider;
+@inject State State;
+<a class="m s row">
+  <i class="emoji medium" data-emoji="👋">👋</i>
+  <span>Hey, @(State.Name ?? "there").</span>
+</a>
+<a class="s row" href="/now">
+  <i class="square fa-duotone fa-seedling"></i>
+	<span>Now.garden</span>
+</a>
+<a class="s row" href="/directory">
+  <i class="square fa-duotone fa-address-book"></i>
+  <span>Directory</span>
+</a>
+@foreach (AddressResponseData address in State.AddressList ?? new List<AddressResponseData>()) {
+  <a class="row @(address == State.SelectedAddress ? "active" : "")" @onclick="() => State.SelectedAddress = address">
+    <img class="tiny circle avatar" src="https://profiles.cache.lol/@address.Address/picture" alt="@address.Address" />
+    <span class="address"><i class="fa-solid fa-fw fa-at tiny"></i>@address.Address</span>
+  </a>
+  if (address.Address == State.SelectedAddressName) {
+    <a class="indent row" href="/person/@State.SelectedAddressName#profile">
+      <i class="fa-solid fa-id-card"></i>
+      <span>Profile</span>
+    </a>
+    <a class="indent row" href="/person/@State.SelectedAddressName#statuses">
+      <i class="fa-solid fa-message-smile"></i>
+      <span>Statuslog</span>
+    </a>
+    <a class="indent row" href="/person/@State.SelectedAddressName#pics">
+      <i class="fa-solid fa-images"></i>
+      <span>Pics</span>
+    </a>
+    <a class="indent row" href="/person/@State.SelectedAddressName#now">
+      <i class="fa-duotone fa-seedling"></i>
+      <span>/Now</span>
+    </a>
+    <a class="indent row" href="/person/@State.SelectedAddressName#pastebin">
+      <i class="fa-solid fa-clipboard"></i>
+      <span>Pastebin</span>
+    </a>
+  }
+}
+
+@if (State.IsAuthorized) {
+  <a class="row" @onclick='() => AuthStateProvider.Logout()'>
+    <i class="fa-solid fa-door-open"></i>
+    <span>Logout</span>
+  </a>
+}
+else {
+  <a class="row" href="/login">
+    <i class="fa-solid fa-door-closed"></i>
+    <span>Login</span>
+  </a>
+}
+<a class="row medium-opacity">
+  <i class="fa-solid fa-circle-info tiny"></i>
+  <small>@App.Name - @App.Version</small>
+</a>
--- a/Components/Layout/MainLayout.razor
+++ b/Components/Layout/MainLayout.razor
@ -20,12 +20,10 @@

  private void IntentRecieved(object? sender = null, EventArgs? e = null) {
    if (!string.IsNullOrEmpty(State.ShareString)) {
-      NavigationManager.NavigateTo($"/sharetext/{State.ShareString}");
-      State.ShareString = null;
+      NavigationManager.NavigateTo($"/sharetext");
    }
    else if (!string.IsNullOrEmpty(State.SharePhoto)) {
-      NavigationManager.NavigateTo($"/sharepic/{State.SharePhoto}");
-      State.ShareString = null;
+      NavigationManager.NavigateTo($"/sharepic");
    }
  }

--- a/Components/Layout/NavLinks.razor
+++ b/Components/Layout/NavLinks.razor
@ -1,4 +1,5 @@
-<NavLink class="nav-link" href="/statuslog/latest">
+@inject State State
+<NavLink class="nav-link" href="/statuslog/latest">
  <i class="square fa-solid fa-message-smile"></i>
  <div class="label">Status.lol</div>
 </NavLink>
@ -10,7 +11,38 @@
  <i class="square fa-light fa-comment-dots"></i>
  <div class="label">Eph.emer.al</div>
 </NavLink>
-<NavLink class="nav-link" href="/now">
-  <i class="square fa-duotone fa-seedling"></i>
-  <div class="label">Now.garden</div>
+@if (FeatureFlags.Following && State.IsAuthorized) {
+  <NavLink class="nav-link" href="/feed">
+    <i class="square fa-solid fa-list-timeline"></i>
+	  <div class="label">Timeline</div>
+  </NavLink>
+  <NavLink class="l m nav-link" href="/now">
+    <i class="square fa-duotone fa-seedling"></i>
+    <div class="label">Now.garden</div>
+  </NavLink>
+}
+else {
+  <NavLink class="nav-link" href="/now">
+    <i class="square fa-duotone fa-seedling"></i>
+    <div class="label">Now.garden</div>
+  </NavLink>
+}
+<NavLink class="l m nav-link" href="/directory">
+  <i class="square fa-duotone fa-address-book"></i>
+  <div class="label">Directory</div>
 </NavLink>
+
+@code {
+  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
+    State.PropertyChanged += StateChanged;
+  }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (e.PropertyName == nameof(State.AccountInfo)) await InvokeAsync(StateHasChanged);
+  }
+
+  public void Dispose() {
+    State.PropertyChanged -= StateChanged;
+  }
+}
--- a/Components/LoadingCard.razor
+++ b/Components/LoadingCard.razor
@ -8,9 +8,9 @@

@code {
  [Parameter]
-  public string id { get; set; }
+  public string? id { get; set; }
  [Parameter]
  public string? @class { get; set; }
  [Parameter]
-  public string icon { get; set; }
+  public string? icon { get; set; }
 }
--- a/Components/NewEphemeral.razor
+++ b/Components/NewEphemeral.razor
@ -0,0 +1,58 @@
+@inject IJSRuntime JS
+@inject State State
+@inject ApiService api
+@inject NavigationManager navigationManager
+
+<div class="overlay @(Active ? "active" : string.Empty)" data-ui="#@id"></div>
+<dialog id="@id" class="@(Active ? "active" : string.Empty)" open="@Active">
+  <h5>Share a fleeting thought</h5>
+  <div class="row">
+    <div class="field textarea border max">
+      <InputTextArea @bind-Value="Content"></InputTextArea>
+    </div>
+  </div>
+  <div class="row">
+    <p>Your anonymous post will be shared for a while, and then it will disappear forever. It can’t be edited, so take care before submitting.</p>
+  </div>
+  <div class="row">
+    <p><strong>If you need help, don’t suffer in silence. <a href="https://www.helpguide.org/find-help.htm">Talk to someone right now</a>.</strong></p>
+  </div>
+  <nav class="right-align no-space">
+    <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
+    <button @onclick="PostEphemeral" disabled="@loading">
+      @if (loading) {
+        <span>Saving...</span>
+      }
+      else {
+        <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
+      }
+    </button>
+  </nav>
+</dialog>
+
+@code {
+  [Parameter]
+  public string? id { get; set; }
+  [Parameter]
+  public bool Active { get; set; }
+  [Parameter]
+  public string Content { get; set; } = string.Empty;
+
+  private bool loading = false;
+
+  public async Task PostEphemeral() {
+    loading = true;
+    await InvokeAsync(StateHasChanged);
+    var result = await api.PostEphemeral(Content);
+    if (result != null) {
+      await State.RefreshStatuses();
+      State.SendRefresh();
+      await InvokeAsync(StateHasChanged);
+    }
+
+    this.Active = false;
+    await JS.InvokeVoidAsync("ui", "#" + id);
+    Content = string.Empty;
+    loading = false;
+  }
+}
--- a/Components/NewPicDialog.razor
+++ b/Components/NewPicDialog.razor
@ -1,23 +1,20 @@
@inject IJSRuntime JS
@inject State State
-@inject RestService api
+@inject ApiService api
+@inject NavigationManager navigationManager

-<div class="overlay" data-ui="#@id"></div>
-<dialog id="@id">
+<div class="overlay @(Active ? "active" : string.Empty)" data-ui="#@id"></div>
+<dialog id="@id" class="@(Active ? "active" : string.Empty)" open="@Active">
  <h5>Share a picture</h5>
  <div class="row">
    <button @onclick="PicFromMedia"><i class="fa-solid fa-image"></i> Select a picture</button>
    <button @onclick="PicFromPhoto"><i class="fa-solid fa-camera"></i> Take a photo</button>
-    @* <div class="field label prefix border">
-      <i class="fa-solid fa-image"></i>
-      <InputFile OnChange="@ChangeFile" accept="image/gif, image/heic, image/heif, image/jpeg, image/png, image/svg+xml, image/webp"></InputFile>
-      <input type="text">
-      <label>Select a picture</label>
-    </div> *@
-    @if(File != null && Base64File != null && FileSize != null){
+  </div>
+  <div class="row">
+    @if(Base64File != null && FileSize != null){
      <img class="extra" src="@Base64Url">
      <small>
-        @File.ContentType (@formatSizeUnits(FileSize))
+        @FileContentType (@formatSizeUnits(FileSize))
      </small>
    }

@ -43,29 +40,39 @@

@code {
  // private IBrowserFile? File { get; set; }
+  [Parameter]
+  public string? Base64File { get; set; }
+  [Parameter]
+  public long? FileSize { get; set; }
+  [Parameter]
+  public string? FileContentType { get; set; }
+  [Parameter]
+  public string? Description { get; set; }
+  [Parameter]
+  public string? id { get; set; }
+  [Parameter]
+  public bool Active { get; set; }
+
+  private bool loading = false;
+
  private FileResult? File { get; set; }
-  private string? Base64File { get; set; }
-  private long? FileSize { get; set; }
  private string? Base64Url {
    get {
-      if(File == null || Base64File == null) return null;
+      if (FileContentType == null || Base64File == null) return null;

-      return $"data:{File.ContentType};base64,{Base64File}";
+      return $"data:{FileContentType};base64,{Base64File}";
    }
  }
-  private string Description { get; set; }
-  private bool loading = false;
-  [Parameter]
-  public string id { get; set; }

  public async Task PostPic() {
    loading = true;
    await InvokeAsync(StateHasChanged);

-    PutPicResponseData? response = await api.PutPic(State.SelectedAddressName, File);
+    PutPicResponseData? response = await api.PutPic(State.SelectedAddressName!, Base64File!);
    if(!string.IsNullOrEmpty(Description) && response != null && !string.IsNullOrEmpty(response.Id)) {
-      await api.PostPicDescription(State.SelectedAddressName, response.Id, Description);
+      await api.PostPicDescription(State.SelectedAddressName!, response.Id, Description);
      await State.RefreshPics();
+      State.SendRefresh();
      await InvokeAsync(StateHasChanged);
    }

@ -78,10 +85,6 @@

  }

-  // private async Task ChangeFile(InputFileChangeEventArgs e){
-  //   File = e.File;
-  // }
-
  private string formatSizeUnits(long? bytes){
    if(bytes == null) return "?? bytes";
    string formatted = "0 bytes";
@ -107,7 +110,17 @@
  }

  private async Task PopulateFileDetails() {
-    FileSize = await Utilities.FileSize(File);
-    Base64File = await Utilities.Base64FromFile(File);
+    if (File == null)
+    {
+      FileContentType = null;
+      FileSize = null;
+      Base64File = null;
+    }
+    else
+    {
+      FileContentType = File.ContentType;
+      FileSize = await Utilities.FileSize(File);
+      Base64File = await Utilities.Base64FromFile(File);
+    }
  }
 }
--- a/Components/NewStatusDialog.razor
+++ b/Components/NewStatusDialog.razor
@ -1,22 +1,24 @@
@inject IJSRuntime JS
@inject State State
-@inject RestService api
+@inject ApiService api
+@inject NavigationManager navigationManager
+@inject NavigatorService navigatorService

-<div class="overlay" data-ui="#@id"></div>
-<dialog id="@id">
+<div class="overlay @(Active ? "active" : string.Empty)" data-ui="#@id"></div>
+<dialog id="@id" class="@(Active ? "active" : string.Empty)" open="@Active">
  <h5>Share your status</h5>
  <div class="row">
    <div class="min square extra">
      <button class="transparent square extra no-margin">
-        <object id="status-emoji" class="large emoji @(statusEmoji == null ? "animated" : string.Empty)" data-emoji="@(statusEmoji ?? "🫥")">@(statusEmoji ?? "🫥")</object>
+        <object id="new-status-emoji" class="large emoji @(Emoji == null ? "animated" : string.Empty)" data-emoji="@(Emoji ?? "🫥")">@(Emoji ?? "🫥")</object>
        <menu class="no-wrap">
          <script type="module" src="https://cdn.jsdelivr.net/npm/emoji-picker-element@@^1/index.js"></script>
          <emoji-picker emoji-version="15.1"></emoji-picker>
          <script>
            document.querySelector('emoji-picker')
              .addEventListener('emoji-click', event => {
-                document.getElementById('status-emoji').setAttribute('data-emoji', event.detail.unicode)
-                const input = document.getElementById('status-emoji-input')
+                document.getElementById('new-status-emoji').setAttribute('data-emoji', event.detail.unicode)
+                const input = document.getElementById('new-status-emoji-input')
                input.value = event.detail.unicode
                var event = new Event('change');
                input.dispatchEvent(event);
@ -26,7 +28,8 @@
      </button>
    </div>
    <div class="field textarea border max">
-      <InputTextArea @bind-Value="statusContent"></InputTextArea>
+      <textarea @bind="@Content" @bind:event="oninput" />
+      <div class="right-align"><small class="@( Content.Length >= 500 ? "red" : Content.Length >= 260 ? "yellow-text" : "")">@Content.Length / 500</small></div>
    </div>
  </div>
  <nav class="right-align no-space">
@ -36,7 +39,7 @@
        <span>Post this to Mastodon</span>
      </label>
    }
-    <InputText id="status-emoji-input" class="invisible" @bind-Value="statusEmoji"></InputText>
+    <InputText id="new-status-emoji-input" class="invisible" @bind-Value="Emoji"></InputText>
    <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
    <button @onclick="PostStatus" disabled="@loading">
      @if (loading) {
@ -50,36 +53,55 @@
 </dialog>

@code {
-  private string statusContent = string.Empty;
-  private string? statusEmoji = null;
-  private bool postToMastodon = true;
-  private bool loading = false;
  [Parameter]
-  public string id { get; set; }
+  public string? id { get; set; }
+  [Parameter]
+  public bool Active { get; set; }
+  [Parameter]
+  public string Content { get; set; } = string.Empty;
+  [Parameter]
+  public string? Emoji { get; set; } = null;
+  [Parameter]
+  public bool postToMastodon { get; set; } = true;
+
+  private bool loading = false;

  public async Task PostStatus() {
-    await JS.InvokeVoidAsync("console.log", "hey from post status");

-    StatusPost post = new StatusPost
-      {
-        Emoji = statusEmoji,
-        Content = statusContent
+    StatusPost post = new StatusPost {
+        Emoji = Emoji,
+        Content = Content
      };

-    if (State?.SelectedAddress?.Preferences?.Statuslog?.MastodonPosting ?? false){
+    if (State?.SelectedAddress?.Preferences?.Statuslog?.MastodonPosting ?? false) {
      post.SkipMastodonPost = !postToMastodon;
    }

-    loading = true;
-    InvokeAsync(StateHasChanged);
-    var result = await api.StatusPost(State.SelectedAddressName, post);
-    if(result != null){
-      State.RefreshStatuses().ContinueWith(t => InvokeAsync(StateHasChanged));
+    if(Content.Length >= 500) {
+      bool answer = await navigatorService.Page!.DisplayAlert(
+        "Character limit reached", 
+        "Your message is over 500 characters, which is a lot for a status.\n"
+        + ((postToMastodon && !(post.SkipMastodonPost ?? true))? "If you continue, your post will not make it over to Mastodon.\n" : "")
+        + "Do you wish to post it anyway?",
+        "Yes", "No"
+      );
+      if (!answer) return;
    }

+    loading = true;
+    await InvokeAsync(StateHasChanged);
+    var result = await api.StatusPost(State!.SelectedAddressName!, post);
+    if(result != null){
+      await State.RefreshStatuses();
+      State.SendRefresh();
+      await InvokeAsync(StateHasChanged);
+      // navigationManager.NavigateTo("/statuslog/latest");
+    }
+
+    this.Active = false;
    await JS.InvokeVoidAsync("ui", "#" + id);
-    statusContent = string.Empty;
-    statusEmoji = null;
+    Content = string.Empty;
+    Emoji = null;
    postToMastodon = true;
    loading = false;
  }
--- a/Components/PageHeading.razor
+++ b/Components/PageHeading.razor
@ -13,9 +13,9 @@

@code {
  [Parameter]
-  public string icon { get; set; }
+  public string? icon { get; set; }
  [Parameter]
-  public string title { get; set; }
+  public string? title { get; set; }
  [Parameter]
-  public RenderFragment Description { get; set; }
+  public RenderFragment? Description { get; set; }
 }
--- a/Components/Pages/Directory.razor
+++ b/Components/Pages/Directory.razor
@ -0,0 +1,88 @@
+@page "/directory"
+@using System.Text.RegularExpressions
+@using System.Globalization
+@implements IDisposable
+@inject IJSRuntime JS
+@inject State State
+
+<RefreshButton></RefreshButton>
+
+<PageHeading title="Address Directory" icon="fa-duotone fa-address-book">
+  <Description>Welcome to the <a href="https://home.omg.lol/directory">omg.lol member directory</a>! Everyone here is awesome. <i class="fa-solid fa-sparkles"></i></Description>
+</PageHeading>
+
+@if (groupedAddresses != null) {
+  IdnMapping idn = new IdnMapping();
+  <article id="directoryIndex" class="responsive">
+    <nav class="wrap">
+      @foreach (var group in groupedAddresses) {
+        <a @onclick='()=>{JS.InvokeVoidAsync("scrollToId", $"index-{group.Key}");}' class="button circle transparent honey">@group.Key</a>
+      }
+    </nav>
+  </article>
+  <article id="directory" class="responsive">
+    @foreach(var group in groupedAddresses) {
+      <h3 class="honey" id="index-@group.Key">— @group.Key —</h3>
+      <ul>
+        @foreach(string address in group) {
+          string displayAddress = address;
+          string linkAddress = address;
+          if (group.Key == "😀") {
+            try {
+              linkAddress = idn.GetAscii(address);
+              displayAddress = $"{address} {linkAddress}";
+            }
+            catch (Exception) { }
+          }
+          <li>
+            <a class="chip medium no-border tiny-margin transparent" href="/person/@address">
+              <img class="circle avatar responsive" src="https://profiles.cache.lol/@linkAddress/picture">
+              <span>@displayAddress</span>
+            </a>
+          </li>
+        }
+      </ul>
+    }
+  </article>
+}
+else {
+  <LoadingCard id="address-loading" icon="fa-duotone fa-address-book"></LoadingCard>
+}
+@code {
+  private List<string>? addresses;
+  private IOrderedEnumerable<IGrouping<string, string>>? groupedAddresses;
+
+  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
+    if (addresses == null || addresses.Count == 0){
+      addresses = await State.GetDirectory();
+      GroupAddresses();
+    }
+    State.PropertyChanged += StateChanged;
+    State.CanRefresh = true;
+    await InvokeAsync(StateHasChanged);
+  }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+      using (State.GetRefreshToken()) {
+        addresses = await State.GetDirectory(true);
+        GroupAddresses();
+        await InvokeAsync(StateHasChanged);
+      }
+    }
+  }
+
+  private void GroupAddresses() {
+    groupedAddresses = addresses?.GroupBy(s => {
+      if (Regex.IsMatch(s, "^[0-9]", RegexOptions.IgnoreCase)) return "#";
+      else if (Regex.IsMatch(s, "^[a-z]", RegexOptions.IgnoreCase)) return s.First().ToString().ToUpper();
+      else return "😀";
+    }).OrderBy(g => g.Key);
+  }
+
+  public void Dispose() {
+    State.PropertyChanged -= StateChanged;
+    State.CanRefresh = false;
+  }
+}
--- a/Components/Pages/EditNow.razor
+++ b/Components/Pages/EditNow.razor
@ -0,0 +1,98 @@
+@page "/editNow"
+@inject NavigationManager Nav
+@inject ApiService api
+@inject State State
+@inject IJSRuntime JS
+
+<div class="max markdown-editor">
+  @if (markdownValue != null)
+  {
+    <MarkdownEditor @ref="Editor"
+                    @bind-Value="@markdownValue"
+                    Theme="material-darker"
+                    MaxHeight="100%"
+                    CustomButtonClicked="@OnCustomButtonClicked"
+                    AutoDownloadFontAwesome="false"
+    >
+      <Toolbar>
+        <MarkdownToolbarButton Action="MarkdownAction.Bold" Icon="fa-solid fa-bold" Title="Bold" />
+        <MarkdownToolbarButton Action="MarkdownAction.Italic" Icon="fa-solid fa-italic" Title="Italic" />
+        <MarkdownToolbarButton Action="MarkdownAction.Heading" Icon="fa-solid fa-heading" Title="Heading" />
+        <MarkdownToolbarButton Action="MarkdownAction.Code" Icon="fa-solid fa-code" Title="Code" Separator="true" />
+        <MarkdownToolbarButton Action="MarkdownAction.Quote" Icon="fa-solid fa-quote-left" Title="Quote" />
+        <MarkdownToolbarButton Action="MarkdownAction.UnorderedList" Icon="fa-solid fa-list-ul" Title="Unordered List" />
+        <MarkdownToolbarButton Action="MarkdownAction.OrderedList" Icon="fa-solid fa-list-ol" Title="Ordered List" />
+        <MarkdownToolbarButton Action="MarkdownAction.Link" Icon="fa-solid fa-link" Title="Link" Separator="true" />
+        <MarkdownToolbarButton Action="MarkdownAction.Image" Icon="fa-solid fa-image" Title="Image" />
+        <MarkdownToolbarButton Action="MarkdownAction.HorizontalRule" Icon="fa-solid fa-horizontal-rule" Title="Horizontal Rule" />
+        <MarkdownToolbarButton Action="MarkdownAction.Guide" Icon="fa-solid fa-circle-question" Title="Guide" Separator="true" />
+        <MarkdownToolbarButton Action="MarkdownAction.Custom" Icon="omg-icon omg-prami" Title="Editor Information" Name="Help" />
+      </Toolbar>
+    </MarkdownEditor>
+  }
+</div>
+
+<nav>
+  <label class="checkbox" disabled="@loading">
+    <InputCheckbox @bind-Value="listed" disabled="@loading"></InputCheckbox>
+    <span>Include my page in the Now Garden</span>
+  </label>
+  <div class="max"></div>
+  <button class="transparent link" onclick="history.back();" disabled="@loading">Cancel</button>
+  <button @onclick="Save" disabled="@loading">
+    @if (loading) {
+      <span>Saving...</span>
+    }
+    else {
+      <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
+    }
+  </button>
+</nav>
+
+@code {
+  private MarkdownEditor? Editor;
+  private bool listed;
+  private string? markdownValue;
+
+  private bool loading = true;
+
+  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
+    NowContentData? data = await api.GetNowPage(State.SelectedAddressName!);
+    if (data != null)
+    {
+      listed = data.Listed == 1;
+      markdownValue = data.Content;
+
+      loading = false;
+      await InvokeAsync(StateHasChanged);
+
+      await Editor!.SetValueAsync(markdownValue);
+    }
+    loading = false;
+    await InvokeAsync(StateHasChanged);
+  }
+
+  Task OnMarkdownValueChanged(string value) {
+    return Task.CompletedTask;
+  }
+
+  public async Task Save() {
+    loading = true;
+    await InvokeAsync(StateHasChanged);
+    var result = await api.PostNowPage(State.SelectedAddressName!, markdownValue ?? string.Empty, listed);
+    if (result != null) {
+      await State.RefreshNow();
+      await InvokeAsync(StateHasChanged);
+      Nav.NavigateTo($"/person/{State.SelectedAddressName}#now");
+    }
+
+    loading = false;
+  }
+
+  public async Task OnCustomButtonClicked(MarkdownButtonEventArgs eventArgs) {
+    if (eventArgs.Name == "Help") {
+      await JS.InvokeVoidAsync("open", "https://home.omg.lol/info/editor", "_blank");
+    }
+  }
+}
--- a/Components/Pages/EditProfile.razor
+++ b/Components/Pages/EditProfile.razor
@ -0,0 +1,142 @@
+@page "/editProfile"
+@inject NavigationManager Nav
+@inject ApiService api
+@inject State State
+@inject IJSRuntime JS
+
+<div class="max markdown-editor">
+  @if (markdownValue != null)
+  {
+    <MarkdownEditor @ref="Editor"
+                    @bind-Value="@markdownValue"
+                    Theme="material-darker"
+                    MaxHeight="100%"
+                    CustomButtonClicked="@OnCustomButtonClicked"
+                    AutoDownloadFontAwesome="false"
+    >
+      <Toolbar>
+        <MarkdownToolbarButton Action="MarkdownAction.Bold" Icon="fa-solid fa-bold" Title="Bold" />
+        <MarkdownToolbarButton Action="MarkdownAction.Italic" Icon="fa-solid fa-italic" Title="Italic" />
+        <MarkdownToolbarButton Action="MarkdownAction.Heading" Icon="fa-solid fa-heading" Title="Heading" />
+        <MarkdownToolbarButton Action="MarkdownAction.Code" Icon="fa-solid fa-code" Title="Code" Separator="true" />
+        <MarkdownToolbarButton Action="MarkdownAction.Quote" Icon="fa-solid fa-quote-left" Title="Quote" />
+        <MarkdownToolbarButton Action="MarkdownAction.UnorderedList" Icon="fa-solid fa-list-ul" Title="Unordered List" />
+        <MarkdownToolbarButton Action="MarkdownAction.OrderedList" Icon="fa-solid fa-list-ol" Title="Ordered List" />
+        <MarkdownToolbarButton Action="MarkdownAction.Link" Icon="fa-solid fa-link" Title="Link" Separator="true" />
+        <MarkdownToolbarButton Action="MarkdownAction.Image" Icon="fa-solid fa-image" Title="Image" />
+        <MarkdownToolbarButton Action="MarkdownAction.HorizontalRule" Icon="fa-solid fa-horizontal-rule" Title="Horizontal Rule" />
+        <MarkdownToolbarButton Action="MarkdownAction.Guide" Icon="fa-solid fa-circle-question" Title="Guide" Separator="true" />
+        <MarkdownToolbarButton Action="MarkdownAction.Custom" Icon="omg-icon omg-prami" Title="Editor Information" Name="Help" />
+      </Toolbar>
+    </MarkdownEditor>
+  }
+</div>
+@if (markdownValue != null)
+{
+  <details id="advanced">
+    <summary> Advanced </summary>
+    <h5>Theme:</h5>
+    <div class="row bottom-margin">
+      <ThemeDialog id="theme-modal" onthemechanged="ThemeChanged"></ThemeDialog>
+      <a data-ui="#theme-modal" class="row min" style="text-decoration:none;">
+        @if(selectedTheme != null) {
+          <ThemeCard theme="selectedTheme"></ThemeCard>
+        }
+        else {
+          <button>Choose a theme</button>
+        }
+      </a>
+    </div>
+    <small>Style you include here will be places in a &lt;style&gt; element in your page’s &lt;head&gt;.</small>
+    <div class="field textarea label border max">
+      <InputTextArea @bind-Value="css"></InputTextArea>
+      <label>Custom CSS</label>
+    </div>
+    <small>Anything you put here will be included in your page’s &lt;head&gt; element.</small>
+    <div class="field textarea label border max">
+      <InputTextArea @bind-Value="head"></InputTextArea>
+      <label>Additional &lt;head&gt; Content</label>
+    </div>
+  </details>
+}
+<nav>
+  <div class="max"></div>
+  <button class="transparent link" onclick="history.back();" disabled="@loading">Cancel</button>
+  <button @onclick="Save" disabled="@loading">
+    @if (loading) {
+      <span>Saving...</span>
+    }
+    else {
+      <i class="fa-solid fa-floppy-disk"></i> <span>Save & Publish</span>
+    }
+  </button>
+</nav>
+
+@code {
+  private MarkdownEditor? Editor;
+  private string? markdownValue;
+  private string? css;
+  private string? head;
+  private string? theme;
+  private Theme? selectedTheme;
+  private Dictionary<string, Theme>? themes;
+
+  private bool loading = true;
+
+  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
+    ProfileResponseData? data = await api.GetProfile(State.SelectedAddressName!);
+    if (data != null) {
+      markdownValue = data.Content;
+      css = data.Css;
+      head = data.Head;
+      theme = data.Theme;
+
+      themes = await State.GetThemes();
+      selectedTheme = themes?[theme];
+
+      loading = false;
+      await InvokeAsync(StateHasChanged);
+
+      await Editor!.SetValueAsync(markdownValue);
+    }
+    loading = false;
+    await InvokeAsync(StateHasChanged);
+  }
+
+  Task OnMarkdownValueChanged(string value) {
+    return Task.CompletedTask;
+  }
+
+  public async Task Save() {
+    loading = true;
+    await InvokeAsync(StateHasChanged);
+    var result = await api.PostProfile(State.SelectedAddressName!, 
+      new PostProfile() {
+        Content = markdownValue ?? string.Empty,
+        Css = string.IsNullOrEmpty(css) ? null : css,
+        Head = string.IsNullOrEmpty(head) ? null : head,
+        Theme = string.IsNullOrEmpty(theme) ? null : theme
+      });
+    if (result != null) {
+      await State.RefreshNow();
+      await InvokeAsync(StateHasChanged);
+      Nav.NavigateTo($"/person/{State.SelectedAddressName}#profile");
+    }
+
+    loading = false;
+    await InvokeAsync(StateHasChanged);
+  }
+
+  public async Task OnCustomButtonClicked(MarkdownButtonEventArgs eventArgs) {
+    if (eventArgs.Name == "Help") {
+      await JS.InvokeVoidAsync("open", "https://home.omg.lol/info/editor", "_blank");
+    }
+  }
+
+  public void ThemeChanged(Theme? _theme) {
+    theme = _theme?.Id;
+    selectedTheme = _theme;
+    InvokeAsync(StateHasChanged);
+  }
+}
--- a/Components/Pages/Ephemeral.razor
+++ b/Components/Pages/Ephemeral.razor
@ -1,15 +1,28 @@
@page "/ephemeral"
+@implements IDisposable
@inject IJSRuntime JS
@inject State State
+
+<RefreshButton></RefreshButton>
+
 <PageHeading title="Eph.emer.al" icon="fa-light fa-comment-dots">
  <Description><a href="https://eph.emer.al">Eph.emer.al</a> is a place for fleeting thoughts. Everything on this page will disappear after a while.</Description>
 </PageHeading>

+<AuthorizeView>
+  <Authorized>
+    <button class="fab circle extra large-elevate" data-ui="#ephemeral-modal">
+      <i class="fa-light fa-comment-plus"></i>
+    </button>
+    <NewEphemeral id="ephemeral-modal"></NewEphemeral>
+  </Authorized>
+</AuthorizeView>
+
 <div id="ephemeral" class="responsive">

  @if (messages != null) {
    foreach (MarkupString message in messages) {
-      <article class="ephemeral center">
+      <article class="ephemeral">
        @message
      </article>
    }
@ -24,7 +37,23 @@
  protected override async Task OnInitializedAsync() {
    await base.OnInitializedAsync();
    if (messages == null || messages.Count == 0) messages = await State.GetEphemeralMessages();
+    State.PropertyChanged += StateChanged;
+    State.CanRefresh = true;
    await InvokeAsync(StateHasChanged);
    await JS.InvokeVoidAsync("removeElementById", "ephemeral-loading");
  }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+      using (State.GetRefreshToken()) {
+        messages = await State.GetEphemeralMessages(true);
+        await InvokeAsync(StateHasChanged);
+      }
+    }
+  }
+
+  public void Dispose() {
+    State.PropertyChanged -= StateChanged;
+    State.CanRefresh = false;
+  }
 }
--- a/Components/Pages/Feed.razor
+++ b/Components/Pages/Feed.razor
@ -0,0 +1,113 @@
+@page "/feed"
+@implements IDisposable
+@inject IJSRuntime JS
+@inject State State
+@inject NavigationManager Nav
+
+<RefreshButton></RefreshButton>
+
+<PageHeading title="Timeline" icon="fa-solid fa-list-timeline">
+  <Description>A feed of all the statuses and pics of the people you follow.</Description>
+</PageHeading>
+
+@if(!(State.Following?.Any() ?? false)) {
+  <PageHeading title="" icon="fa-light fa-face-sad-sweat">
+    <Description>
+      It looks like you're not following anyone yet.
+    </Description>
+  </PageHeading>
+  <p class="center-align">Check out the <a href="/directory">Directory</a> (or other parts of the app) to find awesome people to follow.</p>
+}
+else {
+  <div class="responsive">
+    <div class="tabs scroll">
+      <a data-ui="#feed" class="active">
+        <i class="fa-solid fa-list-timeline"></i>
+        <span>Timeline</span>
+      </a>
+      <a data-ui="#following">
+        <i class="fa-duotone fa-address-book"></i>
+        <span>Following</span>
+      </a>
+    </div>
+  </div>
+
+  <div class="responsive page-container">
+    <div id="feed" class="page no-padding active">
+      @if (feed != null){
+        foreach (FeedItem item in feed) {
+          if (item.IsStatus) {
+            <StatusCard Status="@item.Status"></StatusCard>
+          }
+          else if (item.IsPic) {
+            <PicCard Pic="@item.Pic"></PicCard>
+          }
+          else if (item.IsPaste) {
+            <PasteCard Paste="@item.Paste"></PasteCard>
+          }
+        }
+      }
+      <LoadingCard id="feedLoading" icon="fa-solid fa-list-timeline"></LoadingCard>
+    </div>
+
+    <div id="following" class="page no-padding">
+      <ul>
+        @foreach (string address in State.Following ?? new List<string>()) {
+          string displayAddress = address;
+          string linkAddress = address;
+  @*         if (group.Key == "😀") {
+            try {
+              linkAddress = idn.GetAscii(address);
+              displayAddress = $"{address} {linkAddress}";
+            }
+            catch (Exception) { }
+          } *@
+          <li class="vertical-margin row padding surface-container">
+            <img class="round" src="https://profiles.cache.lol/@linkAddress/picture">
+            <div class="max">
+              <a href="/person/@linkAddress" class="address"><i class="fa-solid fa-fw fa-at tiny"></i>@displayAddress</a>
+            </div>
+            <button id="follow-button" @onclick="() => UnfollowClick(address)">
+              <i class="fa-solid fa-minus"></i> Unfollow
+            </button>
+          </li>
+        }
+      </ul>
+    </div>
+  </div>
+}
+
+@code {
+  private IOrderedEnumerable<FeedItem>? feed;
+
+  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
+    string fragment = new Uri(Nav.Uri).Fragment;
+    await JS.InvokeVoidAsync("ui", fragment);
+    if (feed == null || feed.Count() == 0) feed = await State.GetFeed();
+    State.PropertyChanged += StateChanged;
+    State.CanRefresh = true;
+    await InvokeAsync(StateHasChanged);
+    await JS.InvokeVoidAsync("removeElementById", "feedLoading");
+  }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+      using (State.GetRefreshToken()) {
+        feed = await State.GetFeed(true);
+        await InvokeAsync(StateHasChanged);
+      }
+    }
+  }
+
+  public async Task UnfollowClick(string address) {
+    await State.Unfollow(address);
+    feed = await State.GetFeed(forceRefresh: true);
+    await InvokeAsync(StateHasChanged);
+  }
+
+  public void Dispose() {
+    State.PropertyChanged -= StateChanged;
+    State.CanRefresh = false;
+  }
+}
--- a/Components/Pages/Now.razor
+++ b/Components/Pages/Now.razor
@ -1,6 +1,10 @@
@page "/now"
+@implements IDisposable
@inject IJSRuntime JS
@inject State State
+
+<RefreshButton></RefreshButton>
+
 <PageHeading title="Now.garden" icon="fa-duotone fa-seedling">
  <Description>Feel free to stroll through the <a href="now.garden">now.garden</a> and take a look at what people are up to.</Description>
 </PageHeading>
@ -12,7 +16,7 @@
      <article class="now">
        <nav>
          <a class="author" href="/person/@now.Address#now">
-            <h6><i class="fa-duotone fa-seedling"></i> @now.Address</h6>
+            <h6><i class="fa-duotone fa-seedling"></i><span>@now.Address</span></h6>
          </a>
        </nav>
        <nav>
@ -31,7 +35,23 @@
  protected override async Task OnInitializedAsync() {
    await base.OnInitializedAsync();
    if (garden == null || garden.Count == 0) garden = await State.GetNowGarden();
+    State.PropertyChanged += StateChanged;
+    State.CanRefresh = true;
    await InvokeAsync(StateHasChanged);
    await JS.InvokeVoidAsync("removeElementById", "now-loading");
  }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+      using (State.GetRefreshToken()){
+        garden = await State.GetNowGarden(true);
+        await InvokeAsync(StateHasChanged);
+      }
+    }
+  }
+
+  public void Dispose() {
+    State.PropertyChanged -= StateChanged;
+    State.CanRefresh = false;
+  }
 }
--- a/Components/Pages/Person.razor
+++ b/Components/Pages/Person.razor
@ -3,14 +3,34 @@
@inject IJSRuntime JS
@inject NavigationManager Nav

+<RefreshButton></RefreshButton>

 <div class="row center-align">
  <h3 class="page-heading"><i class="fa-solid fa-fw fa-at"></i>@Address</h3>
 </div>
 <div class="row center-align">
-  <img class="profile avatar" src="https://profiles.cache.lol/@Address/picture" alt="@Address" />
+  <div class="min">
+    @if (IsMe) {
+      <EditProfilePicDialog id="profile-pic" Address="@Address"></EditProfilePicDialog>
+      <button data-ui="#profile-pic" class="small circle small-elevate absolute top right no-margin" style="z-index:1;"><i class="fa-solid fa-pencil"></i></button>
+    }
+    <img class="profile avatar" src="https://profiles.cache.lol/@Address/picture" alt="@Address" />
+  </div>
 </div>
-
+@if (FeatureFlags.Following) {
+  <div class="row center-align">
+    @if (State.IsFollowing(Address)) {
+      <button id="follow-button" @onclick="async() => {await State.Unfollow(Address);await InvokeAsync(StateHasChanged);}">
+        <i class="fa-solid fa-minus"></i> Unfollow
+      </button>
+    }
+    else {
+      <button id="follow-button" @onclick="async() => {await State.Follow(Address);await InvokeAsync(StateHasChanged);}">
+        <i class="fa-solid fa-plus"></i> Follow
+      </button>
+    }
+  </div>
+}
 <div class="responsive">
  <div class="tabs scroll">
    <a data-ui="#profile" @onclick="ReloadProfile">
@ -25,12 +45,16 @@
      <i class="fa-solid fa-images"></i>
      <span>Some.pics</span>
    </a>
-    @if(now != null){
+    @if(now != null || IsMe){
      <a data-ui="#now" @onclick="ReloadNow">
        <i class="fa-duotone fa-seedling"></i>
        <span>/Now</span>
      </a>
    }
+    <a data-ui="#pastebin">
+      <i class="fa-solid fa-clipboard"></i>
+      <span>Paste.lol</span>
+    </a>
  </div>
 </div>

@ -38,68 +62,103 @@
  <div id="profile" class="page no-padding">
    <a href="@ProfileUrl" target="_blank" class="hover absolute top right chip fill large-elevate">Open in browser <i class="fa-solid fa-arrow-up-right-from-square tiny"></i></a>
    <ExternalPageComponent id="profile_page" @ref="ProfilePage" Url="@ProfileUrl"></ExternalPageComponent>
+    @if (IsMe) {
+        <a href="/editProfile" class="button fab circle extra large-elevate center-align middle-align">
+          <i class="square fa-solid fa-file-pen" style="line-height:56px;"></i>
+          <span>Edit</span>
+        </a>
+      }
  </div>

  <div id="statuses" class="page padding active">
-    <div id="info" class="box basis transparent">
-      <article id="bio" class="container shadowed blue-2-bg gray-9-fg">
-        @if (bio == null) {
-          <p><progress class="circle small"></progress></p>
-        }
-        else {
-          @bio
-        }
-      </article>
-    </div>
-    <StatusList @ref="StatusList" StatusFunc="@(async() => await State.GetStatuses(Address))" Editable="@Editable"></StatusList>
-    @if(Address == State.SelectedAddressName) {
+    @if(bio == null || !string.IsNullOrEmpty(bio.ToString())) {
+      <div id="info" class="box basis transparent">
+        <article id="bio" class="container shadowed blue-2-bg gray-9-fg">
+          @if (bio == null) {
+            <p><progress class="circle small"></progress></p>
+          }
+          else {
+            @bio
+          }
+        </article>
+      </div>
+    }
+    @if (IsMe) {
+      <EditBioDialog id="edit-bio" Address="@Address"></EditBioDialog>
+      <div class="row center-align">
+        <button data-ui="#edit-bio"><i class="fa-solid fa-pencil"></i> Edit Bio</button>
+      </div>
+    }
+    <StatusList @ref="StatusList" StatusFunc="@(async(refresh) => await State.GetStatuses(Address, refresh))" Editable="@IsMe"></StatusList>
+    @if(IsMe) {
      <button class="fab circle extra large-elevate" data-ui="#post-modal">
-        <i class="fa-solid fa-pen-to-square"></i>
+        <i class="fa-solid fa-message-plus square"></i>
      </button>
      <NewStatusDialog id="post-modal"></NewStatusDialog>
    }
  </div>
  
  <div id="pics" class="page padding">
-    <PicList @ref="PicList" PicsFunc="@(async() => await State.GetPics(Address))" Editable="@Editable"></PicList>
-    @if (Address == State.SelectedAddressName) {
+    <PicList @ref="PicList" PicsFunc="@(async(refresh) => await State.GetPics(Address, refresh))" Editable="@IsMe"></PicList>
+    @if (IsMe) {
      <button class="fab circle extra large-elevate" data-ui="#post-modal">
        <i class="fa-solid fa-camera-retro"></i>
      </button>
      <NewPicDialog id="post-modal"></NewPicDialog>
    }
  </div>
-  @if(now != null){
+  @if(now != null || IsMe){
    <div id="now" class="page no-padding">
-      <a href="@now.Url" target="_blank" class="hover absolute top right chip fill large-elevate">Open in browser <i class="fa-solid fa-arrow-up-right-from-square tiny"></i></a>
-      <ExternalPageComponent id="now_page" @ref="NowPage" Url="@now.Url"></ExternalPageComponent>
+      <a href="@NowPageUrl" target="_blank" class="hover absolute top right chip fill large-elevate">Open in browser <i class="fa-solid fa-arrow-up-right-from-square tiny"></i></a>
+      <ExternalPageComponent id="now_page" @ref="NowPage" Url="@NowPageUrl"></ExternalPageComponent>
+      @if (IsMe) {
+        <a href="/editNow" class="button fab circle extra large-elevate center-align middle-align">
+          <i class="square fa-solid fa-file-pen" style="line-height:56px;"></i>
+          <span>Edit</span>
+        </a>
+      }
    </div>
  }
+  <div id="pastebin" class="page padding">
+    <PasteList @ref="PasteList" PastesFunc="@(async(refresh) => await State.GetPastes(Address, refresh))" Editable="@IsMe"></PasteList>
+    @if (IsMe) {
+      <button class="fab circle extra large-elevate" data-ui="#paste-modal">
+        <i class="fa-solid fa-clipboard-medical"></i>
+      </button>
+      <EditPasteDialog id="paste-modal"></EditPasteDialog>
+    }
+  </div>
 </div>

@code {
-  private string _address;
+  private string _address = string.Empty;
  [Parameter]
  public string Address { 
    get => _address;
    set {
      _address = value;
-      if(StatusList != null) StatusList.StatusFunc = async () => await State.GetStatuses(_address);
-      if(PicList != null) PicList.PicsFunc = async () => await State.GetPics(_address);
+      if (StatusList != null) StatusList.StatusFunc = async (refresh) => await State.GetStatuses(_address, refresh);
+      if (PicList != null) PicList.PicsFunc = async (refresh) => await State.GetPics(_address, refresh);
+      if (PasteList != null) PasteList.PastesFunc = async (refresh) => await State.GetPastes(_address, refresh);
    }
  }
  public string ProfileUrl {
    get => $"https://{Address}.omg.lol/";
  }

+  public string NowPageUrl {
+    get => now?.Url ?? $"https://{Address}.omg.lol/now";
+  }
+
  public ExternalPageComponent? NowPage { get; set; }
  public ExternalPageComponent? ProfilePage { get; set; }

-  private StatusList StatusList { get; set; }
-  private PicList PicList { get; set; }
+  private StatusList? StatusList { get; set; }
+  private PicList? PicList { get; set; }
+  private PasteList? PasteList { get; set; }

-  private bool Editable { 
-    get => Address == State.SelectedAddressName;
+  private bool IsMe { 
+    get => State.AddressList?.Any(a => a.Address == Address) ?? false;
  }

  private MarkupString? bio;
@ -115,6 +174,18 @@
    if (fragment.EndsWith("now")) await ReloadNow();
    else if (fragment.EndsWith("profile")) await ReloadProfile();
    bio = await State.GetBio(Address);
+    State.PropertyChanged += StateChanged;
+  }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+      using (State.GetRefreshToken()){
+        await ReloadNow();
+        await ReloadProfile();
+        bio = await State.GetBio(Address);
+        await InvokeAsync(StateHasChanged);
+      }
+    }
  }

  private async Task ReloadNow() {
--- a/Components/Pages/Pics.razor
+++ b/Components/Pages/Pics.razor
@ -1,6 +1,8 @@
@page "/pics"
@inject State State

+<RefreshButton></RefreshButton>
+
 <PageHeading title="Some.pics" icon="fa-solid fa-images">
  <Description>Sit back, relax, and look at <a href="https://some.pics/">some.pics</a></Description>
 </PageHeading>
@ -15,7 +17,7 @@
 </AuthorizeView>

 <div id="pics" class="responsive card-grid">
-  <PicList PicsFunc="@(async() => await State.GetPics())"></PicList>
+  <PicList PicsFunc="@(async(refresh) => await State.GetPics(refresh))"></PicList>
 </div>

@code {
--- a/Components/Pages/SharePic.razor
+++ b/Components/Pages/SharePic.razor
@ -0,0 +1,51 @@
+@page "/sharepic"
+@inject NavigationManager navigationManager
+@inject AuthenticationStateProvider AuthStateProvider
+@inject State State
+
+<PageHeading title="Some.pics" icon="fa-solid fa-images">
+  <Description>Upload an image to <a href="https://some.pics/">some.pics</a></Description>
+</PageHeading>
+
+<AuthorizeView>
+  <Authorized>
+    <button class="fab circle extra large-elevate" data-ui="#post-modal">
+      <i class="fa-solid fa-camera-retro"></i>
+    </button>
+    <NewPicDialog id="post-modal" Active="true" Base64File="@SharePhoto" FileSize="@SharePhotoSize" FileContentType="@SharePhotoContentType" Description="@SharePhotoText"></NewPicDialog>
+  </Authorized>
+</AuthorizeView>
+
+@code {
+  public string? SharePhoto { get; set; }
+  public long? SharePhotoSize { get; set; }
+  public string? SharePhotoContentType { get; set; }
+  public string? SharePhotoText { get; set; }
+
+  protected override async Task OnInitializedAsync() {
+    await checkLogin();
+
+    SharePhoto = State.SharePhoto;
+    SharePhotoContentType = State.SharePhotoContentType;
+    SharePhotoSize = State.SharePhotoSize;
+    SharePhotoText = State.SharePhotoText;
+
+    State.SharePhoto = null;
+    State.SharePhotoContentType = null;
+    State.SharePhotoSize = null;
+    State.SharePhotoText = null;
+  }
+
+  private async Task<bool> checkLogin() {
+    var authState = await AuthStateProvider.GetAuthenticationStateAsync();
+    var user = authState.User;
+
+    if (user.Identity is not null && user.Identity.IsAuthenticated) {
+      return true;
+    }
+    else {
+      navigationManager.NavigateTo("/login");
+      return false;
+    }
+  }
+}
--- a/Components/Pages/ShareText.razor
+++ b/Components/Pages/ShareText.razor
@ -1,10 +1,47 @@
-@page "/sharetext/{Text}"
+@page "/sharetext"
+@inject NavigationManager navigationManager
+@inject AuthenticationStateProvider AuthStateProvider
+@inject State State

-<h3>Sharing</h3>
+<PageHeading title="Status.lol" icon="fa-solid fa-message-smile">
+	<Description>Share a post to <a href="https://status.lol">status.lol</a></Description>
+</PageHeading>

-<p>@Text</p>
+<AuthorizeView>
+  <Authorized>
+    <button class="fab circle extra large-elevate" data-ui="#post-modal">
+      <i class="fa-solid fa-message-plus square"></i>
+    </button>
+    <NewStatusDialog id="post-modal" Active="true" Content="@Text"></NewStatusDialog>
+  </Authorized>
+</AuthorizeView>

@code {
-	[Parameter]
-	public string Text { get; set; }
+  public string? Text { get; set; }
+
+  protected override async Task OnInitializedAsync() {
+    await checkLogin();
+
+    Text = State.ShareString;
+
+    if (!string.IsNullOrWhiteSpace(State.ShareStringSubject)) {
+      Text = $"{State.ShareStringSubject}\n\n{State.ShareString}";
+    }
+
+    State.ShareStringSubject = null;
+    State.ShareString = null;
+  }
+
+  private async Task<bool> checkLogin() {
+    var authState = await AuthStateProvider.GetAuthenticationStateAsync();
+    var user = authState.User;
+
+    if (user.Identity is not null && user.Identity.IsAuthenticated) {
+      return true;
+    }
+    else {
+      navigationManager.NavigateTo("/login");
+      return false;
+    }
+  }
 }
--- a/Components/Pages/StatuslogLatest.razor
+++ b/Components/Pages/StatuslogLatest.razor
@ -2,6 +2,8 @@
@page "/statuslog/latest"
@inject State State

+<RefreshButton></RefreshButton>
+
 <PageHeading title="Status.lol" icon="fa-solid fa-message-smile">
  <Description>The latest posts from everyone at <a href="https://status.lol">status.lol</a></Description>
 </PageHeading>
@ -9,14 +11,14 @@
 <AuthorizeView>
  <Authorized>
    <button class="fab circle extra large-elevate" data-ui="#post-modal">
-      <i class="fa-solid fa-pen-to-square"></i>
+      <i class="fa-solid fa-message-plus square"></i>
    </button>
    <NewStatusDialog id="post-modal"></NewStatusDialog>
  </Authorized>
 </AuthorizeView>

 <div id="statuses" class="responsive">
-  <StatusList StatusFunc="@(async() => await State.GetStatuses())"></StatusList>
+  <StatusList StatusFunc="@(async(refresh) => await State.GetStatuses(refresh))"></StatusList>
 </div>

@code {
--- a/Components/PasteCard.razor
+++ b/Components/PasteCard.razor
@ -0,0 +1,71 @@
+@using CommunityToolkit.Maui.Alerts
+@inject IJSRuntime JS
+
+<article class="paste">
+  @* TODO: link to paste view *@
+  <nav>
+    <h5 class="mono"><a href="/pastes/tbc">@Paste.Title</a></h5>
+    <div class="max"></div>
+    @if (MarkupView)
+    {
+      <button class="transparent circle" title="View Original" @onclick="() => { MarkupView = false; InvokeAsync(StateHasChanged); }"><i class="fa-solid fa-code"></i></button>
+    }
+    else
+    {
+      <button class="transparent circle" title="View Markup" @onclick="() => { MarkupView = true; InvokeAsync(StateHasChanged); }"><i class="fa-solid fa-browser"></i></button>
+    }
+    <button class="transparent circle" title="Copy to Clipboard" @onclick="() => CopyPaste()"><i class="fa-solid fa-copy"></i></button>
+    <button class="transparent circle" @onclick="ShareClick">
+      <i class="fa-solid fa-share-nodes"></i>
+    </button>
+  </nav>
+  <small class="nowrap chip no-border"><i class="fa-solid fa-clock tiny"></i> @Paste.RelativeTime</small>
+  @if(MarkupView){
+    <div class="padding">
+      @Utilities.MdToHtmlMarkup(Paste.Content)
+    </div>
+  }
+  else {
+    <pre><code class="padding margin">@((MarkupString)Paste.Content)</code></pre>
+  }
+  <nav>
+    <div class="max"></div>
+    @if (Editable) {
+      <button @onclick="EditPaste"><i class="fa-solid fa-pencil"></i> Edit</button>
+    }
+  </nav>
+</article>
+
+@code {
+  [Parameter]
+  public Paste? Paste { get; set; }
+  [Parameter]
+  public bool Editable { get; set; } = false;
+  [Parameter]
+  public EditPasteDialog? Dialog { get; set; }
+
+  private bool MarkupView = false;
+
+  private async Task EditPaste(EventArgs e) {
+    Dialog!.Paste = Paste;
+    await InvokeAsync(StateHasChanged);
+    await JS.InvokeVoidAsync("ui", "#" + Dialog?.id);
+  }
+
+  public async Task ShareClick(EventArgs e) {
+    await Share.Default.RequestAsync(new ShareTextRequest {
+        Uri = Paste!.Url,
+        Text = Paste!.Content,
+        Title = Paste!.Title,
+        Subject = Paste!.Title
+      });
+  }
+
+  public async Task CopyPaste() {
+    if(Paste != null && !string.IsNullOrEmpty(Paste?.Content)) {
+      await Clipboard.Default.SetTextAsync(Paste?.Content);
+      var toast = Toast.Make("Copied to clipboard");
+      await toast.Show();
+    }
+  }
+}
--- a/Components/PasteList.razor
+++ b/Components/PasteList.razor
@ -0,0 +1,51 @@
+@implements IDisposable
+@inject IJSRuntime JS
+@inject State State
+
+@if (Editable) {
+  <EditPasteDialog @ref="Dialog" id="EditPasteModal"></EditPasteDialog>
+}
+
+@if (pastes != null) foreach (Paste paste in pastes) {
+    <PasteCard Paste="paste" Editable="Editable" Dialog="Dialog"></PasteCard>
+  }
+
+<LoadingCard id="pastes-loading" icon="fa-solid fa-clipboard"></LoadingCard>
+
+@code {
+  [Parameter]
+  public Func<bool, Task<List<Paste>?>>? PastesFunc { get; set; }
+  [Parameter]
+  public bool Editable { get; set; } = false;
+
+  public EditPasteDialog? Dialog { get; set; }
+
+  private List<Paste>? pastes;
+
+  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
+    if (PastesFunc == null) return;
+
+    if (pastes == null || pastes.Count == 0) pastes = await PastesFunc(false);
+    State.PropertyChanged += StateChanged;
+    State.CanRefresh = true;
+    await InvokeAsync(StateHasChanged);
+    await JS.InvokeVoidAsync("removeElementById", "pastes-loading");
+  }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (PastesFunc == null) return;
+
+    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+      using (State.GetRefreshToken()) {
+        pastes = await PastesFunc(true);
+        await InvokeAsync(StateHasChanged);
+      }
+    }
+  }
+
+  public void Dispose() {
+    State.PropertyChanged -= StateChanged;
+    State.CanRefresh = false;
+  }
+}
--- a/Components/PicCard.razor
+++ b/Components/PicCard.razor
@ -1,48 +1,59 @@
@inject IJSRuntime JS

-<article class="no-padding">
-  <img src="@Pic.Url" loading="lazy">
-  <div class="padding">
-    <nav>
-      <a class="author" href="/person/@Pic.Address#pics">
-        <i class="fa-solid fa-fw fa-at"></i>@Pic.Address
-      </a>
-      <span class="max"></span>
-      <a class="chip transparent-border right">
-        <i class="fa fa-clock"></i> @Pic.RelativeTime
-      </a>
-    </nav>
-    <p>@((MarkupString)Pic.DescriptionHtml)</p>
-    <nav>
-      <div class="max"></div>
-      @if(Editable) {
-        <button @onclick="EditPic"><i class="fa-solid fa-pencil"></i> Edit</button>
+<article class="pic no-padding">
+  <img src="@Pic!.Url" loading="lazy">
+  <div class="padding row">
+    <div class="emoji" data-emoji="🖼️">🖼️</div>
+    <div class="max">
+      <nav>
+        <a class="author" href="/person/@Pic.Address#pics">
+          <i class="fa-solid fa-fw fa-at"></i>@Pic.Address
+        </a>
+        <span class="max"></span>
+      </nav>
+      @if(!string.IsNullOrWhiteSpace(Pic.Description)){
+        <p>@((MarkupString)Pic.DescriptionHtml)</p>
      }
-      <button class="transparent circle" @onclick="ShareClick">
-        <i class="fa-solid fa-share-nodes"></i>
-      </button>
-    </nav>
+      else {
+        <div class="padding padding yellow-2-bg yellow-9-fg">
+          <i class="fa-solid fa-triangle-exclamation"></i>
+          <span>This picture needs a description in order to be shared.</span>
+        </div>
+      }
+      <nav>
+        <a class="chip transparent-border">
+          <i class="fa fa-clock"></i> @Pic.RelativeTime
+        </a>
+        <div class="max"></div>
+        @if(Editable) {
+          <button @onclick="EditPic"><i class="fa-solid fa-pencil"></i> Edit</button>
+        }
+        <button class="transparent circle" @onclick="ShareClick">
+          <i class="fa-solid fa-share-nodes"></i>
+        </button>
+      </nav>
+    </div>
  </div>
 </article>

@code {
  [Parameter]
-  public Pic Pic {get; set;}
+  public Pic? Pic {get; set;}
  [Parameter]
  public bool Editable { get; set; } = false;
  [Parameter]
  public EditPicDialog? Dialog { get; set; }

  private async Task EditPic(EventArgs e){
-    Dialog.Pic = Pic;
-    // await InvokeAsync(StateHasChanged);
+    Dialog!.Pic = Pic;
+    await InvokeAsync(StateHasChanged);
    await JS.InvokeVoidAsync("ui", "#" + Dialog?.id);
  }

  public async Task ShareClick(EventArgs e){
    await Share.Default.RequestAsync(new ShareTextRequest{
-      Uri = Pic.Url,
-      Text = Pic.Description,
+      Uri = Pic!.Url,
+      Text = Pic!.Description,
      Title = "I saw this on some.pics",
      Subject = "I saw this on some.pics"
    });
--- a/Components/PicList.razor
+++ b/Components/PicList.razor
@ -1,4 +1,5 @@
-@inject IJSRuntime JS
+@implements IDisposable
+@inject IJSRuntime JS
@inject State State

@if (Editable) {
@ -13,7 +14,7 @@

@code {
  [Parameter]
-  public Func<Task<List<Pic>?>> PicsFunc { get; set; }
+  public Func<bool, Task<List<Pic>?>>? PicsFunc { get; set; }
  [Parameter]
  public bool Editable { get; set; } = false;

@ -24,8 +25,28 @@
  // TODO: There is a noticable rendering delay between the pics loading and the page rendering
  protected override async Task OnInitializedAsync() {
    await base.OnInitializedAsync();
-    if (pics == null || pics.Count == 0) pics = await PicsFunc();
+    if (PicsFunc == null) return;
+
+    if (pics == null || pics.Count == 0) pics = await PicsFunc(false);
+    State.PropertyChanged += StateChanged;
+    State.CanRefresh = true;
    await InvokeAsync(StateHasChanged);
    await JS.InvokeVoidAsync("removeElementById", "pics-loading");
  }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (PicsFunc == null) return;
+
+    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+      using (State.GetRefreshToken()){
+        pics = await PicsFunc(true);
+        await InvokeAsync(StateHasChanged);
+      }
+    }
+  }
+
+  public void Dispose() {
+    State.PropertyChanged -= StateChanged;
+    State.CanRefresh = false;
+  }
 }
--- a/Components/RefreshButton.razor
+++ b/Components/RefreshButton.razor
@ -0,0 +1,18 @@
+@inject State State
+
+<button id="refreshButton" class="absolute transparent circle top right margin" @onclick="() => State.SendRefresh()">
+  <i class="fa-solid fa-arrow-rotate-right @(State.IsRefreshing ? "fa-spin" : "")"></i>
+</button>
+
+@code {
+  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
+    State.PropertyChanged += StateChanged;
+  }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (e.PropertyName == nameof(State.IsRefreshing)) {
+      await InvokeAsync(StateHasChanged);
+    }
+  }
+}
--- a/Components/Routes.razor
+++ b/Components/Routes.razor
@ -3,7 +3,13 @@
 <Router AppAssembly="@typeof(MauiProgram).Assembly">
  <Found Context="routeData">
    <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(Layout.MainLayout)">
-      <Authorizing>Logging in...</Authorizing>
+      <Authorizing>
+        <div class="no-border responsive max no-padding center-align middle-align">
+          <div class="padding">
+            <img src="/img/prami-neighbourhood.svg" class="extra" />
+          </div>
+        </div>
+      </Authorizing>
      <NotAuthorized><RedirectToLogin /></NotAuthorized>
    </AuthorizeRouteView>
    <FocusOnNavigate RouteData="@routeData" Selector="h1" />
@ -11,8 +17,13 @@
  <NotFound>
    <CascadingAuthenticationState>
      <LayoutView Layout="@typeof(Layout.MainLayout)">
-        <img data-emoji="🦒" />
-        <p>Sorry, there's nothing here.</p>
+        <div class="no-border responsive max no-padding center-align middle-align">
+          <div class="padding">
+            <img src="/img/prami-neighbourhood.svg" class="extra" />
+            <p>Sorry, you seem to have landed nowhere.</p>
+            <small>@navigationManager.Uri</small>
+          </div>
+        </div>        
      </LayoutView>
    </CascadingAuthenticationState>
  </NotFound>
--- a/Components/StatusCard.razor
+++ b/Components/StatusCard.razor
@ -1,6 +1,6 @@
@inject IJSRuntime JS

-<article class="status gray-9-fg" style="background-color:@(Status.Background)">
+<article class="status gray-9-fg" style="background-color:@(Status!.Background)">
  <div class="row">
    <div class="emoji" data-emoji="@Status.EmojiOrDefault">@Status.EmojiOrDefault</div>
    <div class="max">
@ -23,9 +23,12 @@
        <a class="chip transparent-border">
          <i class="fa fa-clock"></i> @Status.RelativeTime
        </a>
-        <a class="chip transparent-border" href="@Status.ExternalUrl" target="_blank">
-          <i class="fa fa-message-dots"></i> Respond
-        </a>
+        @if (!string.IsNullOrWhiteSpace(Status.ExternalUrl))
+        {
+          <a class="chip transparent-border" href="@Status.ExternalUrl" target="_blank">
+            <i class="fa fa-message-dots"></i> @(new Uri(Status.ExternalUrl).Host)
+          </a>
+        }
      </nav>    
    </div>
  </div>
@ -33,21 +36,21 @@

@code {
  [Parameter]
-  public Status Status { get; set; }
+  public Status? Status { get; set; }
  [Parameter]
  public bool Editable { get; set; } = false;
  [Parameter]
  public EditStatusDialog? Dialog { get; set; }

  private async Task EditStatus(EventArgs e) {
-    Dialog.Status = Status;
+    Dialog!.Status = Status;
    await InvokeAsync(StateHasChanged);
    await JS.InvokeVoidAsync("ui", "#" + Dialog?.id);
  }

  public async Task ShareClick(EventArgs e){
    await Share.Default.RequestAsync(new ShareTextRequest{
-      Text = $"{Status.Content}\n- from [@{Status.Address}]({Status.Url})",
+      Text = $"{Status!.Content}\n- from [@{Status.Address}]({Status.Url})",
      Title = "I saw this on status.lol",
      Subject = "I saw this on status.lol"
    });
--- a/Components/StatusCardSkeleton.razor
+++ b/Components/StatusCardSkeleton.razor
@ -1,16 +0,0 @@
-<article class="status">
-  <div class="row">
-    <div class="large emoji skeleton round" />
-    <div class="max">
-      <span class="author skeleton"> </span>
-      <p class="skeleton"> </p>
-    </div>
-  </div>
-  <nav>
-    <span class="chip transparent-border skeleton"> </span>
-  </nav>
-</article>
-
-@code {
-
-}
--- a/Components/StatusList.razor
+++ b/Components/StatusList.razor
@ -1,4 +1,5 @@
-@inject IJSRuntime JS
+@implements IDisposable
+@inject IJSRuntime JS
@inject State State

@if (Editable) {
@ -13,7 +14,7 @@

@code {
  [Parameter]
-  public Func<Task<List<Status>?>> StatusFunc { get; set; }
+  public Func<bool, Task<List<Status>?>>? StatusFunc { get; set; }
  [Parameter]
  public bool Editable { get; set; } = false;

@ -23,8 +24,28 @@

  protected override async Task OnInitializedAsync() {
    await base.OnInitializedAsync();
-    if (statuses == null || statuses.Count == 0) statuses = await StatusFunc();
+    if (StatusFunc == null) return;
+
+    if (statuses == null || statuses.Count == 0) statuses = await StatusFunc(false);
+    State.PropertyChanged += StateChanged;
+    State.CanRefresh = true;
    await InvokeAsync(StateHasChanged);
    await JS.InvokeVoidAsync("removeElementById", "statusLoading");
  }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (StatusFunc == null) return;
+
+    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+      using (State.GetRefreshToken()) {
+        statuses = await StatusFunc(true);
+        await InvokeAsync(StateHasChanged);
+      }
+    }
+  }
+
+  public void Dispose() {
+    State.PropertyChanged -= StateChanged;
+    State.CanRefresh = false;
+  }
 }
--- a/Components/ThemeCard.razor
+++ b/Components/ThemeCard.razor
@ -0,0 +1,11 @@
+<article class="theme" style="@theme?.PreviewCssData?.BackgroundCss ; @theme?.PreviewCssData?.TextCss">
+  <h5 class="honey">@theme?.Name</h5>
+  <p class="small theme-author" style="@theme?.PreviewCssData?.LinkCss">
+    <i class="fa-solid fa-palette" style="@theme?.PreviewCssData?.IconCss"></i> by @theme?.Author
+  </p>
+</article>
+
+@code {
+  [Parameter]
+  public Theme? theme { get; set; }
+}
--- a/Components/ThemeDialog.razor
+++ b/Components/ThemeDialog.razor
@ -0,0 +1,82 @@
+@inject IJSRuntime JS
+@inject State State
+@inject ApiService api
+@inject NavigationManager navigationManager
+
+<div class="overlay @(Active ? "active" : string.Empty)" data-ui="#@id"></div>
+<dialog id="@id" class="@(Active ? "active" : string.Empty)" open="@Active" style="overflow:auto;">
+  <h5>Choose a theme</h5>
+  <nav class="wrap max">
+    @if(themes != null) foreach(Theme theme in themes.Values) {
+      <a onclick="@(() => ClickTheme(theme))" class="min" style="text-decoration:none;">
+        <ThemeCard theme="@theme"></ThemeCard>
+      </a>
+    }
+  </nav>
+  <nav class="right-align no-space">
+    <button class="transparent link" data-ui="#@id">Cancel</button>
+  </nav>
+</dialog>
+
+<div class="overlay" data-ui="#@previewId"></div>
+<dialog id="@previewId" style="overflow:auto;">
+  <h5 class="honey">@activeTheme?.Name</h5>
+  <div class="max">
+    <p>@((MarkupString)(activeTheme?.Description ?? string.Empty)) A theme by <a href="@activeTheme?.AuthorUrl" target="_blank">@activeTheme?.Author</a>.</p>
+    @if(themePreview != null) {
+      <ExternalPageComponent id="profile_page" @ref="iframe" SrcString="@themePreview.ToString()"></ExternalPageComponent>
+    }
+  </div>
+  <nav class="right-align no-space">
+    <button class="transparent link" @onclick="CancelPreview">Back</button>
+    <button @onclick=UseTheme><i class="fa-solid fa-palette"></i> Use the @activeTheme?.Name theme</button>
+  </nav>
+</dialog>
+
+@code {
+  private Dictionary<string, Theme>? themes;
+  [Parameter]
+  public string? id { get; set; }
+  private string? previewId { get => $"{id}-preview"; }
+  [Parameter]
+  public bool Active { get; set; }
+  [Parameter]
+  public Action<Theme?>? onthemechanged { get; set; }
+
+  private Theme? activeTheme { get; set; }
+  private MarkupString? themePreview { get; set; }
+  private ExternalPageComponent iframe { get; set; }
+
+  protected override async Task OnInitializedAsync() {
+    await base.OnInitializedAsync();
+    activeTheme = null;
+    themes = await State.GetThemes();
+    await InvokeAsync(StateHasChanged);
+  }
+
+  public async Task ClickTheme(Theme theme) {
+    activeTheme = theme;
+    await InvokeAsync(StateHasChanged);
+    await JS.InvokeVoidAsync("ui", "#" + id);
+    await JS.InvokeVoidAsync("ui", "#" + previewId);
+    themePreview = await api.GetThemePreview(theme.Id);
+    await InvokeAsync(StateHasChanged);
+    @* iframe.SrcString = themePreview.ToString(); *@
+    await iframe.Reload();
+  }
+
+  public async Task CancelPreview() {
+    activeTheme = null;
+    await InvokeAsync(StateHasChanged);
+    await JS.InvokeVoidAsync("ui", "#" + previewId);
+    await JS.InvokeVoidAsync("ui", "#" + id);
+  }
+
+  public async Task UseTheme() {
+    // todo: update theme
+    onthemechanged?.Invoke(activeTheme);
+    activeTheme = null;
+    await InvokeAsync(StateHasChanged);
+    await JS.InvokeVoidAsync("ui", "#" + previewId);
+  }
+}
--- a/Components/_Imports.razor
+++ b/Components/_Imports.razor
@ -1,4 +1,5 @@
-@using System.Net.Http
+@using System.ComponentModel
+@using System.Net.Http
@using System.Net.Http.Json
@using Microsoft.AspNetCore.Components.Forms
@using Microsoft.AspNetCore.Components.Routing
@ -11,3 +12,6 @@
@using Neighbourhood.omg.lol.Components
@using Neighbourhood.omg.lol.Models
@using Markdig
+@using PSC.Blazor.Components.MarkdownEditor
+@using PSC.Blazor.Components.MarkdownEditor.EventsArgs
+@using PSC.Blazor.Components.MarkdownEditor.Enums
--- a/EphemeralWebPage.xaml
+++ b/EphemeralWebPage.xaml
@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             x:Class="Neighbourhood.omg.lol.EphemeralWebPage"
-             BackgroundColor="{DynamicResource PageBackgroundColor}">
-  <Grid>
-    <WebView x:Name="webview" 
-             Navigating="webview_Navigating" 
-             VerticalOptions="Fill" 
-             HorizontalOptions="Fill" />
-  </Grid>
-</ContentPage>
--- a/EphemeralWebPage.xaml.cs
+++ b/EphemeralWebPage.xaml.cs
@ -1,18 +0,0 @@
-namespace Neighbourhood.omg.lol;
-
-public partial class EphemeralWebPage : ContentPage
-{
-  private NavigatorService NavigatorService { get; set; }
-
-  public EphemeralWebPage(NavigatorService navigatorService)
-	{
-		this.NavigatorService = navigatorService;
-		InitializeComponent();
-    this.webview.Source = $"https://home.omg.lol/ephemeral";
-	}
-
-  public async void webview_Navigating(object sender, WebNavigatingEventArgs e) {
-    var cookies = this.webview.Cookies;
-    Uri uri = new Uri(e.Url);
-  }
-}
--- a/MauiProgram.cs
+++ b/MauiProgram.cs
@ -1,8 +1,7 @@
-using Markdig;
+using CommunityToolkit.Maui;
 using Microsoft.AspNetCore.Components.Authorization;
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.Logging;
-using Neighbourhood.omg.lol.Models;

 namespace Neighbourhood.omg.lol {
  public static class MauiProgram {
@ -10,20 +9,20 @@ namespace Neighbourhood.omg.lol {
      var builder = MauiApp.CreateBuilder();
      builder
        .UseMauiApp<App>()
-        .ConfigureFonts(fonts => {
-          fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+        .UseMauiCommunityToolkit(options => {
+          options.SetShouldEnableSnackbarOnWindows(true);
        });

      builder.Services.AddMauiBlazorWebView();
      builder.Services.AddTransient<LoginWebViewPage>();
-      builder.Services.AddTransient<EphemeralWebPage>();

-      builder.Services.AddSingleton<RestService>();
+      builder.Services.AddSingleton<ApiService>();
      builder.Services.AddSingleton<State>();
      builder.Services.AddSingleton<NavigatorService>();

-      ConfigurationBuilder configurationBuilder = new ConfigurationBuilder();
-      builder.Services.AddSingleton<IConfiguration>(configurationBuilder.AddUserSecrets<App>().Build());
+      using Stream stream = App.Assembly.GetManifestResourceStream($"{App.Name}.appsettings.json")!;
+      var config = new ConfigurationBuilder().AddJsonStream(stream).Build();
+      builder.Configuration.AddConfiguration(config);

      builder.Services.AddAuthorizationCore();
 			builder.Services.AddScoped<CustomAuthenticationStateProvider>();
--- a/Models/API/AccountResponseData.cs
+++ b/Models/API/AccountResponseData.cs
@ -0,0 +1,9 @@
+namespace Neighbourhood.omg.lol.Models {
+  public  class AccountResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public string Email { get; set; } = string.Empty;
+    public string Name { get; set; } = string.Empty;
+    public TimeData Created { get; set; } = TimeData.Empty;
+    //TODO: api_key and settings
+  }
+}
--- a/Models/API/AddressResponseData.cs
+++ b/Models/API/AddressResponseData.cs
@ -1,15 +1,9 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
+namespace Neighbourhood.omg.lol.Models {
  public class AddressResponseData : IOmgLolResponseData {
-    public string Address { get; set; }
-    public string Message { get; set; }
-    public RegistrationData Registration { get; set; }
-    public ExpirationData Expiration { get; set; }
+    public string Address { get; set; } = string.Empty;
+    public string Message { get; set; } = string.Empty;
+    public RegistrationData? Registration { get; set; }
+    public ExpirationData? Expiration { get; set; }
    public PreferenceData? Preferences { get; set; }

    public class RegistrationData : TimeData {
--- a/Models/API/AddressResponseList.cs
+++ b/Models/API/AddressResponseList.cs
@ -0,0 +1,5 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class AddressResponseList : List<AddressResponseData>, IOmgLolResponseList<AddressResponseData> {
+    public string Message { get; set; } = string.Empty;
+  }
+}
--- a/Models/API/BasicResponseData.cs
+++ b/Models/API/BasicResponseData.cs
@ -0,0 +1,5 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class BasicResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+  }
+}
--- a/Models/API/DirectoryResponseData.cs
+++ b/Models/API/DirectoryResponseData.cs
@ -0,0 +1,7 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class DirectoryResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public string Url { get; set; } = string.Empty;
+    public List<string> Directory { get; set; } = new List<string>();
+  }
+}
--- a/Models/API/EphemeralData.cs
+++ b/Models/API/EphemeralData.cs
@ -0,0 +1,5 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class EphemeralData {
+    public string Content { get; set; } = string.Empty;
+  }
+}
--- a/Models/API/EphemeralResponseData.cs
+++ b/Models/API/EphemeralResponseData.cs
@ -0,0 +1,6 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class EphemeralResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public List<string> Content { get; set; } = new List<string>();
+  }
+}
--- a/Models/API/IOmgLolResponseData.cs
+++ b/Models/API/IOmgLolResponseData.cs
@ -1,4 +1,5 @@
 namespace Neighbourhood.omg.lol.Models {
  public interface IOmgLolResponseData {
+    public string Message { get; set; }
  }
 }
--- a/Models/API/IOmgLolResponseList.cs
+++ b/Models/API/IOmgLolResponseList.cs
@ -0,0 +1,4 @@
+namespace Neighbourhood.omg.lol.Models {
+  public interface IOmgLolResponseList<T> : IList<T>, IOmgLolResponseData where T : IOmgLolResponseData {
+  }
+}
--- a/Models/API/NowContentData.cs
+++ b/Models/API/NowContentData.cs
@ -0,0 +1,9 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class NowContentData {
+    public string? Content { get; set; }
+    public long? Updated { get; set; }
+    public int? Listed { get; set; }
+    public int? Nudge { get; set; }
+    public string? Metadata { get; set; }
+  }
+}
--- a/Models/API/NowData.cs
+++ b/Models/API/NowData.cs
@ -0,0 +1,12 @@
+namespace Neighbourhood.omg.lol.Models
+{
+    public class NowData {
+    public string Address { get; set; } = string.Empty;
+    public string Url { get; set; } = string.Empty;
+    public TimeData Updated { get; set; } = TimeData.Empty;
+
+    public string UpdatedRelative {
+      get => Utilities.RelativeTimeFromUnix(Convert.ToInt64(Updated.UnixEpochTime));
+    }
+  }
+}
--- a/Models/API/NowPageResponseData.cs
+++ b/Models/API/NowPageResponseData.cs
@ -0,0 +1,6 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class NowPageResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public NowContentData? Now { get; set; }
+  }
+}
--- a/Models/API/NowResponseData.cs
+++ b/Models/API/NowResponseData.cs
@ -0,0 +1,7 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class NowResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public long Count { get; set; }
+    public List<NowData> Garden { get; set; } = new List<NowData>();
+  }
+}
--- a/Models/API/OmgLolApiException.cs
+++ b/Models/API/OmgLolApiException.cs
@ -0,0 +1,11 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class OmgLolApiException<T> : Exception where T : IOmgLolResponseData {
+    public OmgLolResponse<T>? Response { get; set; }
+
+    public OmgLolApiException(OmgLolResponse<T>? response) : base(response?.Response?.Message) {
+      Response = response;
+    }
+
+    public OmgLolApiException(string? response) : base(response) { }
+  }
+}
--- a/Models/API/OmgLolRequestData.cs
+++ b/Models/API/OmgLolRequestData.cs
--- a/Models/API/OmgLolResponse.cs
+++ b/Models/API/OmgLolResponse.cs
@ -1,6 +1,6 @@
 namespace Neighbourhood.omg.lol.Models {
  public class OmgLolResponse<TResponseData> where TResponseData : IOmgLolResponseData {
-    public OmgLolRequestData Request {  get; set; }
-    public TResponseData Response { get; set; }
+    public OmgLolRequestData? Request {  get; set; }
+    public TResponseData? Response { get; set; }
  }
 }
--- a/Models/API/PastesResponseData.cs
+++ b/Models/API/PastesResponseData.cs
@ -0,0 +1,6 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class PastesResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public List<Paste> Pastebin { get; set; } = new List<Paste>();
+  }
+}
--- a/Models/API/PatchStatus.cs
+++ b/Models/API/PatchStatus.cs
@ -0,0 +1,7 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class PatchStatus {
+    public string Id { get; set; } = string.Empty;
+    public string Content { get; set; } = string.Empty;
+    public string? Emoji {  get; set; }
+  }
+}
--- a/Models/API/PatchStatusResponseData.cs
+++ b/Models/API/PatchStatusResponseData.cs
@ -0,0 +1,7 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class PatchStatusResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public string Id { get; set; } = string.Empty;
+    public string Url { get; set; } = string.Empty;
+  }
+}
--- a/Models/API/PostPasteResponseData.cs
+++ b/Models/API/PostPasteResponseData.cs
@ -0,0 +1,6 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class PostPasteResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public string Title { get; set; } = string.Empty; 
+  }
+}
--- a/Models/API/PostPic.cs
+++ b/Models/API/PostPic.cs
@ -0,0 +1,5 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class PostPic {
+    public string? Description { get; set; }
+  }
+}
--- a/Models/API/PostProfile.cs
+++ b/Models/API/PostProfile.cs
@ -0,0 +1,9 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class PostProfile {
+    public string Content { get; set; } = string.Empty;
+    public bool Publish { get; set; } = true;
+    public string? Theme { get; set; }
+    public string? Css { get; set; }
+    public string? Head { get; set; }
+  }
+}
--- a/Models/API/PostStatusBio.cs
+++ b/Models/API/PostStatusBio.cs
@ -0,0 +1,5 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class PostStatusBio {
+    public string Content { get; set; } = string.Empty;
+  }
+}
--- a/Models/API/PreviewCssData.cs
+++ b/Models/API/PreviewCssData.cs
@ -0,0 +1,8 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class PreviewCssData {
+    public string BackgroundCss { get; set; } = string.Empty;
+    public string TextCss { get; set; } = string.Empty;
+    public string LinkCss { get; set; } = string.Empty;
+    public string IconCss { get; set; } = string.Empty;
+  }
+}
--- a/Models/API/ProfileResponseData.cs
+++ b/Models/API/ProfileResponseData.cs
@ -0,0 +1,16 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class ProfileResponseData: IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public string Content { get; set; } = string.Empty;
+    public string Type { get; set; } = string.Empty;
+    public string Theme { get; set; } = string.Empty;
+    public string? Css {  get; set; }
+    public string? Head {  get; set; }
+    public short Verified { get; set; }
+    public string Pfp { get; set; } = string.Empty;
+    public string Metadata { get; set; } = string.Empty;
+    public string Branding { get; set; } = string.Empty;
+    public string? Modified { get; set; }
+
+  }
+}
--- a/Models/API/PutPic.cs
+++ b/Models/API/PutPic.cs
@ -0,0 +1,5 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class PutPic {
+    public string Pic { get; set; } = string.Empty;
+  }
+}
--- a/Models/API/PutPicResponseData.cs
+++ b/Models/API/PutPicResponseData.cs
@ -0,0 +1,9 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class PutPicResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public string Id { get; set; } = string.Empty;
+    public long Size { get; set; }
+    public string Mime { get; set; } = string.Empty;
+    public string Url { get; set; } = string.Empty;
+  }
+}
--- a/Models/API/SomePicsResponseData.cs
+++ b/Models/API/SomePicsResponseData.cs
@ -0,0 +1,6 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class SomePicsResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public List<Pic>? Pics { get; set; }
+  }
+}
--- a/Models/API/StatusBioResponseData.cs
+++ b/Models/API/StatusBioResponseData.cs
@ -0,0 +1,8 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class StatusBioResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public string Bio { get; set; } = string.Empty;
+    public string Css { get; set; } = string.Empty;
+    public string Head { get; set; } = string.Empty;
+  }
+}
--- a/Models/API/StatusPost.cs
+++ b/Models/API/StatusPost.cs
@ -1,10 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
+namespace Neighbourhood.omg.lol.Models {
  public class StatusPost {
        public string? Emoji { get; set; }
        public string? Content { get; set; }
--- a/Models/API/StatusPostResponseData.cs
+++ b/Models/API/StatusPostResponseData.cs
@ -0,0 +1,9 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class StatusPostResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public string? Id { get; set; }
+    public string? Url { get; set; }
+    public string? ExternalUrl { get; set; }
+
+  }
+}
--- a/Models/API/StatusResponseData.cs
+++ b/Models/API/StatusResponseData.cs
@ -0,0 +1,6 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class StatusResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public List<Status> Statuses { get; set; } = new List<Status>();
+  }
+}
--- a/Models/API/ThemePreviewResponseData.cs
+++ b/Models/API/ThemePreviewResponseData.cs
@ -0,0 +1,6 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class ThemePreviewResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public string Html { get; set; } = string.Empty;
+  }
+}
--- a/Models/API/ThemeResponseData.cs
+++ b/Models/API/ThemeResponseData.cs
@ -0,0 +1,6 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class ThemeResponseData : IOmgLolResponseData {
+    public string Message { get; set; } = string.Empty;
+    public Dictionary<string, Theme> Themes { get; set; } = new Dictionary<string, Theme>();
+  }
+}
--- a/Models/API/TokenResponseData.cs
+++ b/Models/API/TokenResponseData.cs
@ -0,0 +1,7 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class TokenResponseData {
+    public string AccessToken { get; set; } = string.Empty;
+    public string TokenType { get; set; } = string.Empty;
+    public string Scope { get; set; } = string.Empty;
+  }
+}
--- a/Models/AccountResponseData.cs
+++ b/Models/AccountResponseData.cs
@ -1,14 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public  class AccountResponseData : IOmgLolResponseData {
-        public string Message { get; set; }
-        public string Email { get; set; }
-        public string Name { get; set; }
-        // created, api_key and settings
-    }
-}
--- a/Models/AddressResponseList.cs
+++ b/Models/AddressResponseList.cs
@ -1,10 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public class AddressResponseList : List<AddressResponseData>, IOmgLolResponseList<AddressResponseData> {
-  }
-}
--- a/Models/FeedItem.cs
+++ b/Models/FeedItem.cs
@ -0,0 +1,13 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class FeedItem {
+    public Status? Status { get; set; }
+    public Pic? Pic { get; set; }
+    public Paste? Paste { get; set; }
+
+    public bool IsStatus { get => Status != null; }
+    public bool IsPic { get => Pic != null; }
+    public bool IsPaste { get => Paste != null; }
+
+    public DateTimeOffset? CreatedTime {  get => Status?.CreatedTime ?? Pic?.CreatedTime ?? Paste?.ModifiedTime; }
+  }
+}
--- a/Models/IOmgLolResponseList.cs
+++ b/Models/IOmgLolResponseList.cs
@ -1,10 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public interface IOmgLolResponseList<T> : IList<T>, IOmgLolResponseData where T : IOmgLolResponseData {
-  }
-}
--- a/Models/NowData.cs
+++ b/Models/NowData.cs
@ -1,17 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public class NowData {
-    public string Address { get; set; }
-    public string Url { get; set; }
-    public TimeData Updated {  get; set; }
-
-    public string UpdatedRelative {
-      get => Utilities.RelativeTimeFromUnix(Convert.ToInt64(Updated.UnixEpochTime));
-    }
-  }
-}
--- a/Models/NowResponseData.cs
+++ b/Models/NowResponseData.cs
@ -1,13 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public class NowResponseData : IOmgLolResponseData {
-    public string Message { get; set; }
-    public long Count { get; set; }
-    public List<NowData> Garden { get; set; }
-  }
-}
--- a/Models/Paste.cs
+++ b/Models/Paste.cs
@ -0,0 +1,29 @@
+namespace Neighbourhood.omg.lol.Models {
+  public class Paste {
+    public string? Url;
+    public string Title { get; set; } = string.Empty;
+    public string Content { get; set; } = string.Empty;
+    public long? ModifiedOn { get; set; }
+    public int Listed { get; set; }
+
+    public bool IsListed {
+      get => Listed != 0;
+      set => Listed = value ? 1 : 0;
+    }
+
+    public DateTimeOffset ModifiedTime { get => DateTimeOffset.UnixEpoch.AddSeconds(ModifiedOn ?? 0); }
+    public string RelativeTime {
+      get {
+        TimeSpan offset = DateTimeOffset.UtcNow - ModifiedTime;
+
+        var offsetString = string.Empty;
+        if (offset.TotalDays >= 1) offsetString = $"{Math.Floor(offset.TotalDays)} days ago";
+        else if (offset.TotalHours >= 1) offsetString = $"{Math.Floor(offset.TotalHours)} hours, {offset.Minutes} minutes ago";
+        else if (offset.TotalMinutes >= 1) offsetString = $"{Math.Floor(offset.TotalMinutes)} minutes ago";
+        else offsetString = $"{Math.Floor(offset.TotalSeconds)} seconds ago";
+
+        return offsetString;
+      }
+    }
+  }
+}
--- a/Models/PatchStatus.cs
+++ b/Models/PatchStatus.cs
@ -1,13 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public class PatchStatus {
-    public string Id { get; set; }
-    public string Content { get; set; }
-    public string? Emoji {  get; set; }
-  }
-}
--- a/Models/PatchStatusResponseData.cs
+++ b/Models/PatchStatusResponseData.cs
@ -1,13 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public class PatchStatusResponseData : IOmgLolResponseData {
-    public string Message { get; set; }
-    public string Id { get; set; }
-    public string Url { get; set; }
-  }
-}
--- a/Models/Pic.cs
+++ b/Models/Pic.cs
@ -1,31 +1,26 @@
-using Markdig;
-using Microsoft.AspNetCore.Components;
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Text.Json;
+using System.Text.Json;
 using System.Text.Json.Serialization;
-using System.Threading.Tasks;

-namespace Neighbourhood.omg.lol.Models {
-  public class Pic {
-    public string Id { get; set; }
-    public string Url { get; set; }
-    public string Address { get; set; }
+namespace Neighbourhood.omg.lol.Models
+{
+    public class Pic {
+    public string Id { get; set; } = string.Empty;
+    public string Url { get; set; } = string.Empty;
+    public string Address { get; set; } = string.Empty;
    public long Created { get; set; }
    public long Size { get; set; }
-    public string Mime { get; set; }
-    public string Description { get; set; }
+    public string Mime { get; set; } = string.Empty;
+    public string Description { get; set; } = string.Empty;
    public string DescriptionHtml { get => Description == null ? string.Empty : Utilities.MdToHtml(Description); }

+    public DateTimeOffset CreatedTime { get => DateTimeOffset.UnixEpoch.AddSeconds(Created); }
+
    [JsonPropertyName("exif")]
    public JsonElement ExifJson { get; set; }

    public string RelativeTime {
      get {
-        DateTimeOffset createdTime = DateTimeOffset.UnixEpoch.AddSeconds(Created);
-        TimeSpan offset = DateTimeOffset.UtcNow - createdTime;
+        TimeSpan offset = DateTimeOffset.UtcNow - CreatedTime;

        var offsetString = string.Empty;
        if (offset.TotalDays >= 1) offsetString = $"{Math.Floor(offset.TotalDays)} days ago";
--- a/Models/PostPic.cs
+++ b/Models/PostPic.cs
@ -1,11 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public class PostPic {
-    public string Description { get; set; }
-  }
-}
--- a/Models/PutPic.cs
+++ b/Models/PutPic.cs
@ -1,11 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public class PutPic {
-    public string Pic { get; set; }
-  }
-}
--- a/Models/PutPicResponseData.cs
+++ b/Models/PutPicResponseData.cs
@ -1,15 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public class PutPicResponseData : IOmgLolResponseData {
-    public string Message { get; set; }
-    public string Id { get; set; }
-    public long Size { get; set; }
-    public string Mime { get; set; }
-    public string Url { get; set; }
-  }
-}
--- a/Models/SomePicsResponseData.cs
+++ b/Models/SomePicsResponseData.cs
@ -1,12 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public class SomePicsResponseData : IOmgLolResponseData {
-    public string Message { get; set; }
-    public List<Pic>? Pics { get; set; }
-  }
-}
--- a/Models/State.cs
+++ b/Models/State.cs
@ -1,164 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using System.Text.Json;
-
-namespace Neighbourhood.omg.lol.Models {
-  public class State {
-    // Main data lists
-    public List<Status>? Statuses { get; set; }
-    public List<Pic>? Pics { get; set; }
-    public List<NowData>? NowGarden { get; set; }
-    public List<MarkupString>? EphemeralMessages { get; set; }
-
-    // Account data
-    public AccountResponseData? AccountInfo { get; set; }
-    public AddressResponseList? AddressList { get; set; }
-  
-    public string? Name { get => AccountInfo?.Name; }
-    public string? Email { get => AccountInfo?.Email; }
-    public IEnumerable<string>? AddressNames { get => AddressList?.Select(a => a.Address); }
-
-    // Selected Address
-    public AddressResponseData? SelectedAddress { get; set; }
-    public string? SelectedAddressName { get => SelectedAddress?.Address; }
-
-    // data for selected address
-    public List<Status>? CachedAddressStatuses { get; set; }
-    public List<Pic>? CachedAddressPics { get; set; }
-    public MarkupString? CachedAddressBio { get; set; }
-    private string? _cachedAddress;
-    public string? CachedAddress {
-      get => _cachedAddress;
-      set {
-        if (_cachedAddress != value) {
-          _cachedAddress = value;
-          CachedAddressStatuses = new List<Status>();
-          CachedAddressPics = new List<Pic>();
-          CachedAddressBio = null;
-        }
-      }
-    }
-
-    // share intent stuff
-    public event EventHandler<EventArgs>? IntentReceived;
-    private string? _shareString;
-    public string? ShareString { 
-      get => _shareString;
-      set {
-        _shareString = value;
-        IntentReceived?.Invoke(this, EventArgs.Empty);
-      }
-    }
-    private string? _sharePhoto;
-    public string? SharePhoto {
-      get => _sharePhoto;
-      set {
-        _sharePhoto = value;
-        IntentReceived?.Invoke(this, EventArgs.Empty);
-      }
-    }
-
-
-
-    // api service
-    private RestService api { get; set; }
-
-    public State(RestService restService) {
-      api = restService;
-    }
-
-    public async Task PopulateAccountDetails(string token) {
-      api.AddToken(token);
-
-      string accountJson = Preferences.Default.Get("accountdetails", string.Empty);
-      string addressJson = Preferences.Default.Get("accountaddresses", string.Empty);
-      string selectedAddressJson = Preferences.Default.Get("selectedaddress", string.Empty);
-
-      if (!string.IsNullOrEmpty(accountJson)) AccountInfo = JsonSerializer.Deserialize<AccountResponseData>(accountJson);
-      if (!string.IsNullOrEmpty(addressJson)) AddressList = JsonSerializer.Deserialize<AddressResponseList>(addressJson);
-      if (!string.IsNullOrEmpty(selectedAddressJson)) SelectedAddress = JsonSerializer.Deserialize<AddressResponseData>(selectedAddressJson);
-
-      // if we haven't got account info, attempt to retrieve it.
-      if (AccountInfo == null) {
-        AccountInfo = await api.AccountInfo();
-        if (AccountInfo != null) {
-          Preferences.Default.Set("accountdetails", JsonSerializer.Serialize(AccountInfo));
-        }
-      }
-
-      // if we don't have the list of addresses, attempt to retrieve that.
-      if (AddressList == null) {
-        AddressList = await api.Addresses();
-        if (AddressList != null) {
-          Preferences.Default.Set("accountaddresses", JsonSerializer.Serialize(AddressList));
-          SelectedAddress = AddressList.FirstOrDefault();
-          Preferences.Default.Set("selectedaddress", JsonSerializer.Serialize(SelectedAddress));
-        }
-      }
-    }
-
-    public async Task RemoveAccountDetails() {
-      Preferences.Default.Clear();
-      AccountInfo = null;
-      AddressList = null;
-      SelectedAddress = null;
-      api.RemoveToken();
-    }
-
-    public async Task<MarkupString?> GetBio(string address, bool forceRefresh = false) {
-      CachedAddress = address;
-      if (forceRefresh || CachedAddressBio == null) {
-        CachedAddressBio = await api.StatuslogBio(address);
-      }
-      return CachedAddressBio;
-    }
-
-    public async Task<List<MarkupString>?> GetEphemeralMessages(bool forceRefresh = false) {
-      if(forceRefresh || this.EphemeralMessages == null || this.EphemeralMessages.Count == 0) {
-        this.EphemeralMessages = await api.Ephemeral();
-      }
-      return this.EphemeralMessages;
-    }
-
-    public async Task<List<Status>?> GetStatuses(bool forceRefresh = false) {
-      if (forceRefresh || this.Statuses == null || this.Statuses.Count == 0) {
-        this.Statuses = await api.StatuslogLatest();
-      }
-      return this.Statuses;
-    }
-
-    public async Task<List<Status>?> GetStatuses(string address, bool forceRefresh = false) {
-      this.CachedAddress = address;
-      if (forceRefresh || this.CachedAddressStatuses == null || this.CachedAddressStatuses.Count == 0) {
-        this.CachedAddressStatuses = await api.Statuslog(address);
-      }
-      return this.CachedAddressStatuses;
-    }
-
-    public async Task<List<NowData>?> GetNowGarden(bool forceRefresh = false) {
-      if (forceRefresh || this.NowGarden == null || this.NowGarden.Count == 0) {
-        this.NowGarden = await api.NowGarden();
-      }
-      return this.NowGarden;
-    }
-
-    public async Task<List<Pic>?> GetPics(bool forceRefresh = false) {
-      if(forceRefresh || this.Pics == null || this.Pics.Count == 0) {
-        this.Pics = await api.SomePics();
-      }
-      return this.Pics;
-    }
-
-    public async Task<List<Pic>?> GetPics(string address, bool forceRefresh = false) {
-      CachedAddress = address;
-      if (forceRefresh || this.CachedAddressPics == null || this.CachedAddressPics.Count == 0) {
-        CachedAddressPics = (await api.SomePics(address)) ?? new List<Pic>();
-      }
-      return CachedAddressPics;
-    }
-
-    public async Task RefreshStatuses() => await GetStatuses(forceRefresh: true);
-    public async Task RefreshPics() => await GetPics(forceRefresh: true);
-    public async Task RefreshNow() => await GetNowGarden(forceRefresh: true);
-
-  }
-}
--- a/Models/Status.cs
+++ b/Models/Status.cs
@ -1,18 +1,20 @@
-using Markdig;
-using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components;

-namespace Neighbourhood.omg.lol.Models {
-  public class Status {
-    public string Id { get; set; }
-    public string Address { get; set; }
-    public string Created { get; set; }
-    public string RelativeTime { get; set; }
-    public string Emoji { get; set; }
-    public string Background { get; set; }
+namespace Neighbourhood.omg.lol.Models
+{
+    public class Status {
+    public string Id { get; set; } = string.Empty;
+    public string Address { get; set; } = string.Empty;
+    public string Created { get; set; } = string.Empty;
+    public string RelativeTime { get; set; } = string.Empty;
+    public string Emoji { get; set; } = string.Empty;
+    public string Background { get; set; } = string.Empty;
    public string BackgroundColor { get => Background; set => Background = "#" + value; }
-    public string Content { get; set; }
-    public string RenderedMarkdown { get; set; }
-    public string ExternalUrl { get; set; }
+    public string Content { get; set; } = string.Empty;
+    public string RenderedMarkdown { get; set; } = string.Empty;
+    public string ExternalUrl { get; set; } = string.Empty;
+
+    public DateTimeOffset CreatedTime { get => DateTimeOffset.UnixEpoch.AddSeconds(Convert.ToInt64(Created)); }

    public string EmojiOrDefault {
      get {
--- a/Models/StatusBioResponseData.cs
+++ b/Models/StatusBioResponseData.cs
@ -1,14 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Neighbourhood.omg.lol.Models {
-  public class StatusBioResponseData : IOmgLolResponseData {
-    public string Message { get; set; }
-    public string Bio { get; set; }
-    public string Css { get; set; }
-    public string Head { get; set; }
-  }
-}
--- a/Show more
+++ b/Show more
Author	SHA1	Message	Date
Gordon Pedersen	d142010786	Bumped version number	2024-07-25 16:37:11 +10:00
Gordon Pedersen	8d3a454a6b	changed the add paste icon	2024-07-25 16:36:56 +10:00
Gordon Pedersen	b089cb39e6	colour tweaks	2024-07-25 16:09:37 +10:00
Gordon Pedersen	72c6b590f1	Light theme!	2024-07-25 15:54:06 +10:00
Gordon Pedersen	b074b9d453	Added a "toast" message when copying a paste	2024-07-25 13:59:57 +10:00
Gordon Pedersen	1fe82c18af	Added Pastes into the feed	2024-07-25 13:39:36 +10:00
Gordon Pedersen	04a5641650	fix for weird border on icon on startup	2024-07-25 13:28:17 +10:00
Gordon Pedersen	a25df4368e	Fix for retrieving pastes while logged in	2024-07-25 13:27:48 +10:00
Gordon Pedersen	d14ee65af4	bumped version number	2024-07-23 17:20:39 +10:00
Gordon Pedersen	a02b14782b	Added in pastes (from people) might still need some work/testing Also, should I add pastes in the feed?	2024-07-23 17:02:53 +10:00
Gordon Pedersen	278811c2c2	added icon back in for ios	2024-07-23 13:55:35 +10:00
Gordon Pedersen	85bc105ddd	Package updates	2024-07-23 12:16:21 +10:00
Gordon Pedersen	6e5b206c20	Enable edit statuslog bio	2024-07-23 11:12:52 +10:00
Gordon Pedersen	909038ff79	Tidy up of the API service	2024-07-16 12:15:56 +10:00
Gordon Pedersen	cc779051bf	Renamed RestService -> ApiService	2024-07-16 10:45:33 +10:00
Gordon Pedersen	cee1c3dfd2	cleaning up the global javascript	2024-07-16 10:42:43 +10:00
Gordon Pedersen	905257789b	removed some superfluous styles from app.css	2024-07-16 10:38:57 +10:00
Gordon Pedersen	e017269685	More css reorg Split out some separation of concerns: - color - font/typography - icon/emoji related - z-indexes - the rest (mostly layout)	2024-07-16 10:35:01 +10:00
Gordon Pedersen	859f8348f0	Added character counter and alert for new statuses	2024-07-16 09:47:42 +10:00
Gordon Pedersen	1bf7e74a5a	(in progress) cleaning up css	2024-07-12 17:08:22 +10:00
Gordon Pedersen	640cd73271	made the single animated emoji I'm using local	2024-07-12 15:16:46 +10:00
Gordon Pedersen	bdea7870ea	Bumped version I put the patch version in line with the single digit version for simplicity's sake. It does mean I missed 0.9.5-0.9.6, but whatever.	2024-07-12 15:11:01 +10:00
Gordon Pedersen	7b462e3cfc	Trimming some fat	2024-07-12 15:08:12 +10:00
Gordon Pedersen	2dc66abcd7	Fixed iframe resizer version @5.1.5	2024-07-12 14:44:19 +10:00
Gordon Pedersen	3d8047c01c	Substituted the TossFace emoji font for Twemoji Not only that, but a subset of Twemoji covering just the flags, bringing font size down dramatically.	2024-07-11 17:44:58 +10:00
Gordon Pedersen	f24ef392f7	Edit profile / profile pic	2024-07-11 15:57:53 +10:00
Gordon Pedersen	0fcda98b9f	Customizing the markdown editor toolbar	2024-07-05 17:18:46 +10:00
Gordon Pedersen	25f362bfc5	Added a way to edit the profile page Including custom css and head content, but not custom themes or metadata (yet)	2024-07-05 15:47:05 +10:00
Gordon Pedersen	b42bf2023d	Fixed feed icon not appearing +version bump	2024-07-04 10:21:25 +10:00
Gordon Pedersen	a5d860c916	Bumped version to 0.9.3	2024-07-02 13:02:16 +10:00
Gordon Pedersen	93b49f2533	Tidying up the feed feature	2024-07-02 12:55:07 +10:00
Gordon Pedersen	9c3f578eb6	Added Toss Face Emoji font specifically for flags	2024-07-02 12:04:52 +10:00
Gordon Pedersen	2274c34f07	Cleaned up more warnings	2024-07-02 10:29:50 +10:00
Gordon Pedersen	822bf52407	Clearing out some more warnings	2024-07-02 10:13:52 +10:00
Gordon Pedersen	fd0300fccb	More reorg, cleaning up some warnings	2024-07-02 10:01:06 +10:00
Gordon Pedersen	1b0155d064	Some basic project tidy up	2024-07-02 09:19:37 +10:00
Gordon Pedersen	908f126987	bump version	2024-07-01 10:04:12 +10:00
Gordon Pedersen	b1cb4e21c4	Proper Ephemeral Integration 🥳	2024-07-01 09:44:55 +10:00
Gordon Pedersen	efa31a414c	Following and feed	2024-06-28 17:08:12 +10:00
Gordon Pedersen	61c8ed5604	Small fix for reviewer account and remove feed links for now	2024-06-28 09:36:04 +10:00
Gordon Pedersen	2b1a6f203f	Nav changes, new feed page Still need to actually hook up following people and such.	2024-06-27 17:26:43 +10:00
Gordon Pedersen	039fa52955	Added version to logged out menu and updated version	2024-06-27 16:17:57 +10:00
Gordon Pedersen	d3dde2ca21	changed version to 0.9.0	2024-06-27 09:16:26 +10:00
Gordon Pedersen	ce21244517	Making refresh behaviour more solid	2024-06-24 14:52:45 +10:00
Gordon Pedersen	65276d4984	Loading app settings and putting app name and version number in the app class on startup	2024-06-24 14:51:48 +10:00
Gordon Pedersen	2fcb6e1fae	some small styling fixes	2024-06-24 12:23:28 +10:00
Gordon Pedersen	d438c7c3cc	fixed some status wrapping issues	2024-06-24 11:58:23 +10:00
Gordon Pedersen	ce86f2acf7	added app name and version to menu	2024-06-24 11:51:27 +10:00
Gordon Pedersen	434c84ce5c	Add user agent so non-api requests work again	2024-06-24 11:41:03 +10:00
Gordon Pedersen	c7400ca42f	Splash fixes	2024-06-24 11:40:24 +10:00
Gordon Pedersen	9369cf15ea	Add a png icon it has its uses outside of the app	2024-06-24 10:42:13 +10:00
Gordon Pedersen	d6a33fb793	Override create window to fix android crash	2024-06-24 10:41:39 +10:00
Gordon Pedersen	34caee585f	Better now edit submit behaviour	2024-06-24 10:40:46 +10:00
Gordon Pedersen	57885b4c5e	Now Page Markdown Editor	2024-06-21 16:26:11 +10:00
Gordon Pedersen	295ea4834e	Support deletion of pics/statuses	2024-06-20 16:46:12 +10:00
Gordon Pedersen	518f181c4f	Edit pic fixes	2024-06-20 15:48:51 +10:00
Gordon Pedersen	e4212c9436	Show a warning on pics with no description	2024-06-20 14:47:17 +10:00
Gordon Pedersen	5c64890daf	minor fix for not showing status external links if not present	2024-06-20 14:26:45 +10:00
Gordon Pedersen	e9716b4157	Finished the directory	2024-06-20 14:25:48 +10:00
Gordon Pedersen	d0ac64e1be	Added in the address directory (except for actually rendering the list)	2024-06-18 17:11:28 +10:00
Gordon Pedersen	f43e1a7bc1	minor fixes - no bio if empty - fixed prami size on mobile	2024-06-18 16:46:01 +10:00
Gordon Pedersen	f2025df922	Share target updates (including pics!) Still need to work out the "multiple windows" type issue.	2024-06-18 16:23:03 +10:00
Gordon Pedersen	63d844e7a3	Share new status (from share target, Android)	2024-06-18 11:58:51 +10:00
Gordon Pedersen	413051ad4c	Added refresh (no pull-to-refresh, yet)	2024-06-18 11:44:18 +10:00
Gordon Pedersen	996e1286cb	fixed small copy-paste error	2024-06-18 11:43:38 +10:00