diff --git a/GETTING_STARTED.md b/GETTING_STARTED.md new file mode 100644 index 0000000..7a267ea --- /dev/null +++ b/GETTING_STARTED.md @@ -0,0 +1,155 @@ +# Getting Started with FediProfile + +## Prerequisites + +Before using **FediProfile**, make sure you have the following tools installed: + +- Git +- .NET 9 + +--- + +# Step 1: Install Git + +> If you already have Git installed, you can skip this step. + +1. Go to the official Git website: + +```txt +https://git-scm.com/install/windows +``` + +2. Download the version that matches your operating system. + +3. Run the installer as administrator. + +4. Follow the installation wizard: + - Click **Next** + - You can keep the default installation path + - Optionally select **Create Desktop Icon** + - Continue clicking **Next** until you reach **Install** + +5. Once the installation is complete, click **Finish**. + +--- + +# Step 2: Install .NET 9 + +> If you already have .NET 9 installed, you can skip this step. + +1. Go to the official .NET 9 website: + +```txt +https://dotnet.microsoft.com/en-us/download/dotnet/9.0 +``` + +2. Download the version that matches your operating system. + +3. Run the installer as administrator. + +4. Click **Install** and wait for the process to finish. + +5. Once completed, click **Close**. + +--- + +# Step 3: Verify Git and .NET Installation + +1. Press: + +```bash +Windows + R +``` + +2. Type: + +```bash +cmd +``` + +3. Run the following commands: + +```bash +dotnet --version +git --version +``` + +If both commands display a version number, the installation was successful. + +--- + +# Step 4: Clone the Repository + +1. Open the FediProfile repository: + +```txt +https://github.com/tryvocalcat/fediprofile/tree/main +``` + +2. Click the **Code** button and copy the repository URL. + +3. Create a folder named: + +```txt +fediprofile +``` + +4. Inside the folder: + - Right-click + - Select **Open Git Bash here** + +5. Initialize Git: + +```bash +git init +``` + +6. Clone the repository: + +```bash +git clone +``` + +Example: + +```bash +git clone https://github.com/tryvocalcat/fediprofile.git +``` + +7. Wait for the cloning process to finish. + +--- + +# Step 5: Run the Project + +1. Enter the project folder: + +```bash +cd fediprofile +``` + +2. Open **Git Bash** again inside the folder. + +3. Run the project: + +```bash +dotnet run +``` + +--- + +# Step 6: Open the Application + +Once the project is running, a local address will appear in the terminal, for example: + +```txt +http://localhost:5000 +``` + +Open that address in your browser. + +--- + +# Done! + +You are now ready to use **FediProfile** \ No newline at end of file diff --git a/src/FediProfile/Components/Pages/AdminIndex.razor b/src/FediProfile/Components/Pages/AdminIndex.razor index de9e54b..6885b3a 100644 --- a/src/FediProfile/Components/Pages/AdminIndex.razor +++ b/src/FediProfile/Components/Pages/AdminIndex.razor @@ -5,6 +5,7 @@ @using System.Text.Json @using System.Net.Http.Headers @using FediProfile.Core +@using FediProfile.Models @attribute [Authorize] @layout FediProfile.Components.Layouts.MainLayout @rendermode InteractiveServer @@ -134,7 +135,55 @@ - + @if (_userProgress != null) + { + +
+
+
+

My Progress

+

Track your level, XP and daily streak.

+
+
+ +
+
+
🔥
+ @_userProgress.CurrentStreakDays + Streak +
+ +
+
⭐
+ @_userProgress.Level + Level +
+ +
+
⚡
+ @_userProgress.TotalXp + XP +
+ +
+
📅
+ @FormatShortDate(_userProgress.LastActivityDate) + Last Activity +
+
+ +
+
+ Level @_userProgress.Level → @(_userProgress.Level + 1) + @_adminCurrentLevelXp / @_adminNextLevelXp XP +
+ +
+
+
+
+
+ }
@@ -453,6 +502,151 @@ } + + @if (_userMissions.Count > 0) + { +
+
+
+

🎯 Missions

+

+ Complete profile challenges, earn XP, and unlock progress. +

+
+ +
+ @_completedMissionsCount / @_totalMissionsCount + completed +
+
+ +
+
+
+ + @foreach (var category in MissionCategoryOrder) + { + var categoryMissions = _userMissions + .Where(m => m.Category == category) + .ToList(); + + if (categoryMissions.Count == 0) + { + continue; + } + +
+
+ @GetMissionCategoryIcon(category) +

@category

+
+ +
+ @foreach (var mission in categoryMissions) + { +
+
+ @mission.Icon +
+ +
+

@mission.Title

+ +

@mission.Description

+ +
+ + +@mission.XpReward XP + + + @if (mission.IsCompleted) + { + + ✅ Completed + + } + else + { + + ⏳ Pending + + } +
+
+
+ } +
+
+ } +
+ } + + +
+
+
+

🌐 Community

+

+ Overview of your profile's social presence across the Fediverse. +

+
+ +
+ @CommunityStatusLabel + @CommunityTotalSignals signals +
+
+ +
+
+ Fediverse handle + @FediverseHandle +
+ + +
+ +
+
+
👥
+
+ @CommunityFollowersCount + Followers +

People following your federated profile.

+
+
+ +
+
🏅
+
+ @CommunityBadgeSourcesCount + Badge sources +

Issuers connected through received badges.

+
+
+ +
+
🛰️
+
+ @CommunityFediverseLinksCount + Fediverse links +

ActivityPub links detected in your profile.

+
+
+ +
+
📢
+
+ @CommunityRecentActivityCount + Recent activity +

Recent posts available for your profile.

+
+
+
+
+ @if (_followers != null) { @@ -665,40 +859,59 @@ {
Issued: @badge.IssuedOn
} -
+
+ + - @if (!string.IsNullOrEmpty(badge.NoteId)) + + @if (!string.IsNullOrWhiteSpace(badge.NoteId)) { - + 🔗 View } + @if (_badgeDeleteConfirmId == badge.Id) { - Delete? - - } else { - }
@@ -842,7 +1055,403 @@ } + @code { [SupplyParameterFromQuery(Name = "impersonate")] @@ -880,6 +1489,90 @@ private bool _newLinkIconGridOpen; private bool _addingNewLink; + // Gamification + private UserProgress? _userProgress; + private List _userMissions = new(); + + private static readonly string[] MissionCategoryOrder = + [ + "Starter", + "Progress", + "Streak" + ]; + + private static readonly (int Level, string Code)[] LevelMissionThresholds = + [ + (3, "reach_level_3"), + (5, "reach_level_5"), + (10, "reach_level_10"), + (15, "reach_level_15") + ]; + + private static readonly (int Days, string Code)[] StreakMissionThresholds = + [ + (1, "streak_1"), + (3, "streak_3"), + (5, "streak_5"), + (10, "streak_10"), + (25, "streak_25"), + (50, "streak_50"), + (100, "streak_100") + ]; + + private int _completedMissionsCount => + _userMissions.Count(m => m.IsCompleted); + + private int _totalMissionsCount => + _userMissions.Count; + + private double _missionsProgressPercent => + _totalMissionsCount <= 0 + ? 0 + : Math.Clamp((_completedMissionsCount / (double)_totalMissionsCount) * 100, 0, 100); + + private string _missionsProgressWidth => + $"{_missionsProgressPercent.ToString("0.##", System.Globalization.CultureInfo.InvariantCulture)}%"; + + private int _adminCurrentLevelXp => + _userProgress == null ? 0 : UserScopedDb.GetCurrentLevelXp(_userProgress.TotalXp, _userProgress.Level); + + private int _adminNextLevelXp => + _userProgress == null ? 100 : UserScopedDb.GetXpNeededForNextLevel(_userProgress.Level); + + private double _adminProgressPercent => + _adminNextLevelXp <= 0 + ? 0 + : Math.Clamp((_adminCurrentLevelXp / (double)_adminNextLevelXp) * 100, 0, 100); + + private string _adminProgressWidth => + $"{_adminProgressPercent.ToString("0.##", System.Globalization.CultureInfo.InvariantCulture)}%"; + + private string FormatShortDate(string? dateText) + { + if (string.IsNullOrWhiteSpace(dateText)) + { + return "—"; + } + + if (DateTime.TryParse(dateText, out var date)) + { + return date.ToString("dd/MM/yy"); + } + + return dateText; + } + + private static string GetMissionCategoryIcon(string category) + { + return category switch + { + "Starter" => "✨", + "Progress" => "⚡", + "Streak" => "🔥", + _ => "🎯" + }; + } + // URL format hints per platform icon private static readonly Dictionary _urlHints = new() { @@ -1068,6 +1761,44 @@ // Recent posts (boosted content) private List? _recentPosts; + // ===== Community Overview ===== + private bool _fediverseHandleCopied; + + private string FediverseHandle => + string.IsNullOrWhiteSpace(_currentUserSlug) + ? string.Empty + : $"@{_currentUserSlug}@{_currentDomain}"; + + private int CommunityFollowersCount => + _followerCount; + + private int CommunityBadgeSourcesCount => + _receivedBadges? + .Select(badge => badge.IssuerId) + .Distinct() + .Count() ?? 0; + + private int CommunityFediverseLinksCount => + _editableLinks?.Count(link => link.IsActivityPub && !link.Hidden) ?? 0; + + private int CommunityRecentActivityCount => + _recentPosts?.Count ?? 0; + + private int CommunityTotalSignals => + CommunityFollowersCount + + CommunityBadgeSourcesCount + + CommunityFediverseLinksCount + + CommunityRecentActivityCount; + + private string CommunityStatusLabel => + CommunityTotalSignals switch + { + 0 => "Getting started", + < 3 => "Building presence", + < 8 => "Connected profile", + _ => "Active community" + }; + // Danger Zone - Delete Account private bool _deleteAccountConfirming; private string? _deleteAccountConfirmText; @@ -1180,6 +1911,9 @@ await LoadVerifiedUris(); await LoadFollowers(); await LoadRecentPosts(); + await LoadUserProgress(); + await LoadUserMissions(); + await CheckAutomaticMissionsAsync(); } } @@ -1211,6 +1945,60 @@ } } + private async Task LoadUserProgress() + { + if (_currentUserDb == null) return; + + _userProgress = await _currentUserDb.GetUserProgressAsync(); + } + + private async Task LoadUserMissions() + { + if (_currentUserDb == null) return; + + _userMissions = await _currentUserDb.GetUserMissionsAsync(); + } + + private async Task TryCompleteMissionAsync(string missionCode) + { + if (_currentUserDb == null) return; + + var completed = await _currentUserDb.CompleteMissionAsync(missionCode); + + if (completed) + { + _userProgress = await _currentUserDb.GetUserProgressAsync(); + await LoadUserMissions(); + await CheckAutomaticMissionsAsync(); + } + } + + private async Task CheckAutomaticMissionsAsync() + { + if (_currentUserDb == null) return; + + var progress = await _currentUserDb.GetUserProgressAsync(); + + foreach (var milestone in LevelMissionThresholds) + { + if (progress.Level >= milestone.Level) + { + await _currentUserDb.CompleteMissionAsync(milestone.Code); + } + } + + foreach (var milestone in StreakMissionThresholds) + { + if (progress.CurrentStreakDays >= milestone.Days) + { + await _currentUserDb.CompleteMissionAsync(milestone.Code); + } + } + + _userProgress = await _currentUserDb.GetUserProgressAsync(); + await LoadUserMissions(); + } + private bool _themeSaved; private async Task OnThemeChanged(ChangeEventArgs e) @@ -1286,6 +2074,11 @@ actorAvatarUrl: _profileAvatarUrl, uiTheme: _profileTheme ); + + // Updates streak without giving XP for repeated saves. + _userProgress = await _currentUserDb.RecordActivityAsync(0); + await CheckAutomaticMissionsAsync(); + await RegenerateStaticProfileAsync(); _profileMessage = "Profile saved successfully!"; } @@ -2025,12 +2818,21 @@ I don't know if this is the best UX actorAPUri: actorAPUri ); + // Reward XP only when a new link is added. + _userProgress = await _currentUserDb.RecordActivityAsync(25); + await TryCompleteMissionAsync("first_link"); + await CheckAutomaticMissionsAsync(); + _linkMessage = isActivityPub - ? "Link added! ActivityPub actor detected — you can enable AutoBoost." - : "Link added!"; + ? "Link added! ActivityPub actor detected — you can enable AutoBoost. +25 XP" + : "Link added! +25 XP"; + _addingNewLink = false; await LoadLinks(); await RegenerateStaticProfileAsync(); + await LoadUserProgress(); + await LoadUserMissions(); + await CheckAutomaticMissionsAsync(); } catch (Exception ex) { @@ -2065,6 +2867,9 @@ I don't know if this is the best UX _linkMessage = "Link deleted."; await LoadLinks(); await RegenerateStaticProfileAsync(); + await LoadUserProgress(); + await LoadUserMissions(); + await CheckAutomaticMissionsAsync(); } catch (Exception ex) { @@ -2166,13 +2971,27 @@ I don't know if this is the best UX if (importedCount > 0) { var titles = string.Join(", ", importedTitles.Select(t => $"'{t}'")); + + _userProgress = await _currentUserDb.RecordActivityAsync(importedCount * 50); + await TryCompleteMissionAsync("first_badge"); + await CheckAutomaticMissionsAsync(); + + var earnedXp = importedCount * 50; + _importBadgeMessage = importedCount == 1 - ? $"Badge {titles} imported successfully!" - : $"{importedCount} badges imported: {titles}"; + ? $"Badge {titles} imported successfully! +{earnedXp} XP" + : $"{importedCount} badges imported: {titles} +{earnedXp} XP"; + _importBadgeUrl = null; + await LoadBadgeIssuers(); await LoadReceivedBadges(); await RegenerateStaticProfileAsync(); + await LoadUserProgress(); + await LoadUserMissions(); + await CheckAutomaticMissionsAsync(); + await LoadLinks(); + _badgeTab = "badges"; } else if (skippedRecipients.Count > 0) @@ -2229,21 +3048,68 @@ I don't know if this is the best UX } } - private async Task ToggleBadgeVisibility(ReceivedBadge badge) + private async Task ToggleFeaturedBadge(ReceivedBadge badge) { if (_currentUserDb == null) return; + try { - var newHidden = !badge.Hidden; - await _currentUserDb.SetBadgeHiddenAsync(badge.Id, newHidden); - badge.Hidden = newHidden; + var shouldFeature = !badge.IsFeatured; + + var featuredCount = _receivedBadges? + .Count(b => b.IsFeatured && b.Id != badge.Id) ?? 0; + + if (shouldFeature && featuredCount >= 3) + { + _profileMessage = "You can only feature up to 3 badges."; + _profileIsError = true; + return; + } + + await _currentUserDb.SetBadgeFeaturedAsync(badge.Id, shouldFeature); + + badge.IsFeatured = shouldFeature; + + _userProgress = await _currentUserDb.RecordActivityAsync(5); + + if (shouldFeature) + { + await TryCompleteMissionAsync("first_featured_badge"); + } + + await LoadReceivedBadges(); await RegenerateStaticProfileAsync(); + await LoadUserProgress(); + await LoadUserMissions(); + await CheckAutomaticMissionsAsync(); + + _profileMessage = shouldFeature + ? "Badge added to featured badges." + : "Badge removed from featured badges."; + + _profileIsError = false; + + StateHasChanged(); } catch (Exception ex) { - Logger.LogWarning(ex, "Failed to toggle badge visibility for badge {BadgeId}", badge.Id); + Logger.LogWarning(ex, "Failed to toggle featured badge {BadgeId}", badge.Id); + _profileMessage = $"Could not update featured badge: {ex.Message}"; + _profileIsError = true; } } + + private async Task ToggleBadgeVisibility(ReceivedBadge badge) + { + if (_currentUserDb == null) return; + + await _currentUserDb.SetBadgeHiddenAsync(badge.Id, !badge.Hidden); + + badge.Hidden = !badge.Hidden; + + await LoadReceivedBadges(); + await RegenerateStaticProfileAsync(); + } private async Task DeleteBadge(int badgeId) { @@ -2254,6 +3120,9 @@ I don't know if this is the best UX _badgeDeleteConfirmId = null; await LoadReceivedBadges(); await RegenerateStaticProfileAsync(); + await LoadUserProgress(); + await LoadUserMissions(); + await CheckAutomaticMissionsAsync(); } catch (Exception ex) { @@ -2394,6 +3263,24 @@ I don't know if this is the best UX StateHasChanged(); } + private async Task CopyFediverseHandle() + { + if (string.IsNullOrWhiteSpace(FediverseHandle)) + { + return; + } + + await JS.InvokeVoidAsync("navigator.clipboard.writeText", FediverseHandle); + + _fediverseHandleCopied = true; + StateHasChanged(); + + await Task.Delay(1600); + + _fediverseHandleCopied = false; + StateHasChanged(); + } + /// /// Regenerates the static profile HTML for the current user. /// Called after any profile or link change so that crawlers (e.g. Mastodon diff --git a/src/FediProfile/Models/ReceivedBadge.cs b/src/FediProfile/Models/ReceivedBadge.cs index b4929d4..0a2cf59 100644 --- a/src/FediProfile/Models/ReceivedBadge.cs +++ b/src/FediProfile/Models/ReceivedBadge.cs @@ -12,4 +12,5 @@ public class ReceivedBadge public string? AcceptedOn { get; set; } public bool Hidden { get; set; } public string ReceivedUtc { get; set; } = string.Empty; -} + public bool IsFeatured { get; set; } +} \ No newline at end of file diff --git a/src/FediProfile/Models/UserMision.cs b/src/FediProfile/Models/UserMision.cs new file mode 100644 index 0000000..49fada0 --- /dev/null +++ b/src/FediProfile/Models/UserMision.cs @@ -0,0 +1,13 @@ +namespace FediProfile.Models; + +public class UserMission +{ + public string Code { get; set; } = string.Empty; + public string Title { get; set; } = string.Empty; + public string Description { get; set; } = string.Empty; + public string Icon { get; set; } = string.Empty; + public string Category { get; set; } = string.Empty; + public int XpReward { get; set; } + public bool IsCompleted { get; set; } + public string? CompletedUtc { get; set; } +} \ No newline at end of file diff --git a/src/FediProfile/Models/UserProgress.cs b/src/FediProfile/Models/UserProgress.cs new file mode 100644 index 0000000..7d84fea --- /dev/null +++ b/src/FediProfile/Models/UserProgress.cs @@ -0,0 +1,22 @@ +namespace FediProfile.Models; + +public class UserProgress +{ + public int Id { get; set; } = 1; + + // Total experience earned by the user. + public int TotalXp { get; set; } = 0; + + // Current calculated level. + public int Level { get; set; } = 1; + + // Current daily streak. + public int CurrentStreakDays { get; set; } = 0; + + // Last day the user had meaningful activity. + // Stored as text because the project is using SQLite-style date strings. + public string? LastActivityDate { get; set; } + + // Last time this progress row was updated. + public string UpdatedUtc { get; set; } = string.Empty; +} \ No newline at end of file diff --git a/src/FediProfile/Program.cs b/src/FediProfile/Program.cs index a7eb143..0ebe22d 100644 --- a/src/FediProfile/Program.cs +++ b/src/FediProfile/Program.cs @@ -536,20 +536,51 @@ IResult NotFoundPage(IWebHostEnvironment env) return Results.Json(links); }); -// User-scoped badges endpoint: /{user}/badges (public - hidden badges excluded) +// User-scoped badges endpoint: /{user}/badges app.MapGet("/{userSlug}/badges", async (UserScopedDb db) => { var badges = await db.GetReceivedBadgesAsync(); - var visible = badges.Where(b => !b.Hidden).Select(b => new { - b.Title, - b.Image, - b.Description, - b.IssuedOn, - b.NoteId - }); + + var visible = badges + .Where(b => !b.Hidden || b.IsFeatured) + .Select(b => new + { + b.Title, + b.Image, + b.Description, + b.IssuedOn, + b.NoteId, + hidden = b.Hidden, + featured = b.IsFeatured + }); + return Results.Json(visible); }); +// User-scoped gamification endpoint: /{user}/gamification +app.MapGet("/{userSlug}/gamification", async (UserScopedDb db) => +{ + var progress = await db.GetUserProgressAsync(); + var badges = await db.GetReceivedBadgesAsync(); + + var publicBadgesCount = badges.Count(b => !b.Hidden || b.IsFeatured); + + var currentLevelXp = UserScopedDb.GetCurrentLevelXp(progress.TotalXp, progress.Level); + var nextLevelXp = UserScopedDb.GetXpNeededForNextLevel(progress.Level); + + return Results.Json(new + { + streakDays = progress.CurrentStreakDays, + level = progress.Level, + xp = progress.TotalXp, + currentLevelXp, + nextLevelXp, + badgesCount = publicBadgesCount, + lastActivityDate = progress.LastActivityDate, + updatedUtc = progress.UpdatedUtc + }); +}); + // User-scoped recent posts endpoint: /{user}/recent-posts (public, respects ShowRecentPosts setting) app.MapGet("/{userSlug}/recent-posts", async (UserScopedDb db) => { diff --git a/src/FediProfile/Services/UserScopedDb.cs b/src/FediProfile/Services/UserScopedDb.cs index f332506..b15d4b6 100644 --- a/src/FediProfile/Services/UserScopedDb.cs +++ b/src/FediProfile/Services/UserScopedDb.cs @@ -26,6 +26,139 @@ public class UserScopedDb : LocalDbService private readonly string? _userSlug; private readonly string _domain; + // ===== MISSION CATALOG ===== + // This catalog defines all available missions. + // The database only stores completed mission codes. + private static readonly List MissionCatalog = new() + { + new UserMission + { + Code = "first_link", + Title = "First link", + Description = "Add your first link to your profile.", + Icon = "🔗", + Category = "Starter", + XpReward = 50 + }, + new UserMission + { + Code = "first_badge", + Title = "First badge", + Description = "Import your first badge.", + Icon = "🏅", + Category = "Starter", + XpReward = 75 + }, + new UserMission + { + Code = "first_featured_badge", + Title = "Featured badge", + Description = "Feature your first badge on your profile.", + Icon = "⭐", + Category = "Starter", + XpReward = 40 + }, + new UserMission + { + Code = "reach_level_3", + Title = "Level 3", + Description = "Reach level 3.", + Icon = "⚡", + Category = "Progress", + XpReward = 50 + }, + new UserMission + { + Code = "reach_level_5", + Title = "Level 5", + Description = "Reach level 5.", + Icon = "🚀", + Category = "Progress", + XpReward = 100 + }, + new UserMission + { + Code = "reach_level_10", + Title = "Level 10", + Description = "Reach level 10.", + Icon = "👑", + Category = "Progress", + XpReward = 200 + }, + new UserMission + { + Code = "reach_level_15", + Title = "Level 15", + Description = "Reach level 15.", + Icon = "💎", + Category = "Progress", + XpReward = 300 + }, + new UserMission + { + Code = "streak_1", + Title = "Streak started", + Description = "Start an activity streak.", + Icon = "🔥", + Category = "Streak", + XpReward = 10 + }, + new UserMission + { + Code = "streak_3", + Title = "3-day streak", + Description = "Keep a 3-day streak.", + Icon = "🔥", + Category = "Streak", + XpReward = 30 + }, + new UserMission + { + Code = "streak_5", + Title = "5-day streak", + Description = "Keep a 5-day streak.", + Icon = "🔥", + Category = "Streak", + XpReward = 50 + }, + new UserMission + { + Code = "streak_10", + Title = "10-day streak", + Description = "Keep a 10-day streak.", + Icon = "🔥", + Category = "Streak", + XpReward = 100 + }, + new UserMission + { + Code = "streak_25", + Title = "25-day streak", + Description = "Keep a 25-day streak.", + Icon = "🔥", + Category = "Streak", + XpReward = 250 + }, + new UserMission + { + Code = "streak_50", + Title = "50-day streak", + Description = "Keep a 50-day streak.", + Icon = "🔥", + Category = "Streak", + XpReward = 500 + }, + new UserMission + { + Code = "streak_100", + Title = "100-day streak", + Description = "Keep a 100-day streak.", + Icon = "🏆", + Category = "Streak", + XpReward = 1000 + } + }; + /// /// Constructor that accepts a domain and user slug. /// Used for manual instantiation with specific domain and user. @@ -249,9 +382,15 @@ CREATE TABLE IF NOT EXISTS ReceivedBadges ( IssuedOn TEXT, AcceptedOn TEXT, Hidden INTEGER NOT NULL DEFAULT 0, + IsFeatured INTEGER NOT NULL DEFAULT 0, ReceivedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP, FOREIGN KEY (IssuerId) REFERENCES BadgeIssuers(Id) ); + + CREATE TABLE IF NOT EXISTS UserMissions ( + Code TEXT PRIMARY KEY, + CompletedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP + ); "; command.ExecuteNonQuery(); @@ -316,6 +455,19 @@ BoostedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP ); "; command.ExecuteNonQuery(); + + // Create UserProgress table: Gamification progress for this profile + command.CommandText = @" + CREATE TABLE IF NOT EXISTS UserProgress ( + Id INTEGER PRIMARY KEY CHECK (Id = 1), + TotalXp INTEGER NOT NULL DEFAULT 0, + Level INTEGER NOT NULL DEFAULT 1, + CurrentStreakDays INTEGER NOT NULL DEFAULT 0, + LastActivityDate TEXT, + UpdatedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP + ); + "; + command.ExecuteNonQuery(); } // If HasUserScope is false, this instance is using domain DB path, so don't create user tables // The domain schema has already been created by DomainScopedDb @@ -408,6 +560,13 @@ protected override void ApplyPendingMigrations() try { alterCommand.ExecuteNonQuery(); } catch { } } + if (!badgeColumns.Contains("IsFeatured")) + { + using var alterCommand = connection.CreateCommand(); + alterCommand.CommandText = "ALTER TABLE ReceivedBadges ADD COLUMN IsFeatured INTEGER NOT NULL DEFAULT 0;"; + try { alterCommand.ExecuteNonQuery(); } catch { } + } + // Settings migrations var settingsColumns = GetTableColumns(connection, "Settings"); @@ -425,6 +584,19 @@ protected override void ApplyPendingMigrations() try { alterCommand.ExecuteNonQuery(); } catch { } } + // UserMissions table migration + { + using var createCmd = connection.CreateCommand(); + createCmd.CommandText = @" + CREATE TABLE IF NOT EXISTS UserMissions ( + Code TEXT PRIMARY KEY, + CompletedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP + ); + "; + + try { createCmd.ExecuteNonQuery(); } catch { } + } + // RecentPosts table migration (create if missing) { using var createCmd = connection.CreateCommand(); @@ -445,6 +617,23 @@ BoostedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP try { createCmd.ExecuteNonQuery(); } catch { } } + // UserProgress table migration + { + using var createCmd = connection.CreateCommand(); + createCmd.CommandText = @" + CREATE TABLE IF NOT EXISTS UserProgress ( + Id INTEGER PRIMARY KEY CHECK (Id = 1), + TotalXp INTEGER NOT NULL DEFAULT 0, + Level INTEGER NOT NULL DEFAULT 1, + CurrentStreakDays INTEGER NOT NULL DEFAULT 0, + LastActivityDate TEXT, + UpdatedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP + ); + "; + + try { createCmd.ExecuteNonQuery(); } catch { } + } + connection.Close(); } catch (Exception ex) @@ -453,6 +642,196 @@ BoostedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP } } + // ===== USER MISSIONS MANAGEMENT ===== + public async Task> GetUserMissionsAsync() + { + using var connection = GetConnection(); + await connection.OpenAsync(); + + using var command = connection.CreateCommand(); + command.CommandText = "SELECT Code, CompletedUtc FROM UserMissions"; + + var completedMissions = new Dictionary(); + + using var reader = await command.ExecuteReaderAsync(); + + while (await reader.ReadAsync()) + { + var code = reader.GetString(0); + var completedUtc = reader.IsDBNull(1) ? null : reader.GetString(1); + + completedMissions[code] = completedUtc; + } + + return MissionCatalog + .Select(mission => new UserMission + { + Code = mission.Code, + Title = mission.Title, + Description = mission.Description, + Icon = mission.Icon, + Category = mission.Category, + XpReward = mission.XpReward, + IsCompleted = completedMissions.ContainsKey(mission.Code), + CompletedUtc = completedMissions.TryGetValue(mission.Code, out var completedUtc) + ? completedUtc + : null + }) + .ToList(); + } + + public async Task CompleteMissionAsync(string code) + { + var mission = MissionCatalog.FirstOrDefault(m => m.Code == code); + + if (mission == null) + { + return false; + } + + using var connection = GetConnection(); + await connection.OpenAsync(); + + using var command = connection.CreateCommand(); + command.CommandText = @" + INSERT OR IGNORE INTO UserMissions (Code, CompletedUtc) + VALUES (@Code, @CompletedUtc); + "; + + command.Parameters.AddWithValue("@Code", code); + command.Parameters.AddWithValue("@CompletedUtc", DateTime.UtcNow.ToString("yyyy-MM-dd HH:mm:ss")); + + var rowsAffected = await command.ExecuteNonQueryAsync(); + + if (rowsAffected <= 0) + { + return false; + } + + connection.Close(); + + await AddXpAsync(mission.XpReward); + + return true; + } + + public async Task> CompleteAutomaticMissionsAsync() + { + var completedNow = new List(); + + var links = await GetLinksAsync(); + var badges = await GetReceivedBadgesAsync(); + var progress = await GetUserProgressAsync(); + + var missionCodes = new List(); + + if (links.Any()) + { + missionCodes.Add("first_link"); + } + + if (badges.Any()) + { + missionCodes.Add("first_badge"); + } + + if (badges.Any(b => b.IsFeatured)) + { + missionCodes.Add("first_featured_badge"); + } + + if (progress.CurrentStreakDays >= 1) + { + missionCodes.Add("streak_1"); + } + + if (progress.CurrentStreakDays >= 3) + { + missionCodes.Add("streak_3"); + } + + if (progress.CurrentStreakDays >= 5) + { + missionCodes.Add("streak_5"); + } + + if (progress.CurrentStreakDays >= 10) + { + missionCodes.Add("streak_10"); + } + + if (progress.CurrentStreakDays >= 25) + { + missionCodes.Add("streak_25"); + } + + if (progress.CurrentStreakDays >= 50) + { + missionCodes.Add("streak_50"); + } + + if (progress.CurrentStreakDays >= 100) + { + missionCodes.Add("streak_100"); + } + + foreach (var code in missionCodes.Distinct()) + { + var completed = await CompleteMissionAsync(code); + + if (completed) + { + var mission = MissionCatalog.FirstOrDefault(m => m.Code == code); + + if (mission != null) + { + completedNow.Add(mission); + } + } + } + + progress = await GetUserProgressAsync(); + + var levelMissionCodes = new List(); + + if (progress.Level >= 3) + { + levelMissionCodes.Add("reach_level_3"); + } + + if (progress.Level >= 5) + { + levelMissionCodes.Add("reach_level_5"); + } + + if (progress.Level >= 10) + { + levelMissionCodes.Add("reach_level_10"); + } + + if (progress.Level >= 15) + { + levelMissionCodes.Add("reach_level_15"); + } + + foreach (var code in levelMissionCodes.Distinct()) + { + var completed = await CompleteMissionAsync(code); + + if (completed) + { + var mission = MissionCatalog.FirstOrDefault(m => m.Code == code); + + if (mission != null) + { + completedNow.Add(mission); + } + } + } + + return completedNow; + } + // ===== LINKS MANAGEMENT ===== public async Task UpsertLinkAsync(string name, string url, string? icon = null, string? description = null, @@ -505,7 +884,12 @@ ON CONFLICT(Url) DO UPDATE SET Console.WriteLine($"Executing SQL:\n{command.CommandText}\nWith parameters: Name={name}, Url={url}, Icon={icon}, Description={description}, AutoBoost={autoBoost}, IsActivityPub={isActivityPub}, Category={category}, Type={type}, Hidden={hidden}"); var result = await command.ExecuteScalarAsync(); - return result != null ? Convert.ToInt32(result) : 0; + var linkId = result != null ? Convert.ToInt32(result) : 0; + + await RecordActivityAsync(10); + await CompleteAutomaticMissionsAsync(); + + return linkId; } public async Task> GetLinksAsync(bool? hidden = null) @@ -818,7 +1202,12 @@ ON CONFLICT(NoteId) DO UPDATE SET command.Parameters.AddWithValue("@AcceptedOn", acceptedOn ?? (object)DBNull.Value); var result = await command.ExecuteScalarAsync(); - return result != null ? Convert.ToInt32(result) : 0; + var badgeId = result != null ? Convert.ToInt32(result) : 0; + + await RecordActivityAsync(25); + await CompleteAutomaticMissionsAsync(); + + return badgeId; } public async Task> GetReceivedBadgesAsync() @@ -829,7 +1218,7 @@ public async Task> GetReceivedBadgesAsync() await connection.OpenAsync(); using var command = connection.CreateCommand(); - command.CommandText = "SELECT Id, NoteId, IssuerId, Title, Image, Description, IssuedOn, AcceptedOn, Hidden, ReceivedUtc FROM ReceivedBadges ORDER BY ReceivedUtc DESC"; + command.CommandText = "SELECT Id, NoteId, IssuerId, Title, Image, Description, IssuedOn, AcceptedOn, Hidden, ReceivedUtc, IsFeatured FROM ReceivedBadges ORDER BY ReceivedUtc DESC"; using var reader = await command.ExecuteReaderAsync(); while (await reader.ReadAsync()) @@ -845,7 +1234,8 @@ public async Task> GetReceivedBadgesAsync() IssuedOn = reader.IsDBNull(6) ? null : reader.GetString(6), AcceptedOn = reader.IsDBNull(7) ? null : reader.GetString(7), Hidden = reader.GetInt64(8) != 0, - ReceivedUtc = reader.GetString(9) + ReceivedUtc = reader.GetString(9), + IsFeatured = reader.GetInt64(10) != 0 }); } @@ -861,6 +1251,19 @@ public async Task SetBadgeHiddenAsync(int badgeId, bool hidden) command.CommandText = "UPDATE ReceivedBadges SET Hidden = @Hidden WHERE Id = @Id"; command.Parameters.AddWithValue("@Hidden", hidden ? 1 : 0); command.Parameters.AddWithValue("@Id", badgeId); + await command.ExecuteNonQueryAsync(); + } + + public async Task SetBadgeFeaturedAsync(int badgeId, bool isFeatured) + { + using var connection = GetConnection(); + await connection.OpenAsync(); + + using var command = connection.CreateCommand(); + command.CommandText = "UPDATE ReceivedBadges SET IsFeatured = @IsFeatured WHERE Id = @Id"; + command.Parameters.AddWithValue("@IsFeatured", isFeatured ? 1 : 0); + command.Parameters.AddWithValue("@Id", badgeId); + await command.ExecuteNonQueryAsync(); } @@ -1051,6 +1454,247 @@ ORDER BY BoostedUtc DESC return posts; } + // ===== USER PROGRESS / GAMIFICATION MANAGEMENT ===== + + private const int BaseXpForNextLevel = 100; + private const int XpIncreasePerLevel = 50; + + public static int GetXpNeededForNextLevel(int level) + { + level = Math.Max(1, level); + return BaseXpForNextLevel + ((level - 1) * XpIncreasePerLevel); + } + + public static int GetTotalXpRequiredForLevel(int level) + { + level = Math.Max(1, level); + + var total = 0; + + for (var currentLevel = 1; currentLevel < level; currentLevel++) + { + total += GetXpNeededForNextLevel(currentLevel); + } + + return total; + } + + public static int CalculateLevelFromXp(int totalXp) + { + totalXp = Math.Max(0, totalXp); + + var level = 1; + + while (totalXp >= GetTotalXpRequiredForLevel(level + 1)) + { + level++; + } + + return level; + } + + public static int GetCurrentLevelXp(int totalXp, int level) + { + var levelStartXp = GetTotalXpRequiredForLevel(level); + return Math.Max(0, totalXp - levelStartXp); + } + + private static UserProgress ReadUserProgress(System.Data.Common.DbDataReader reader) + { + return new UserProgress + { + Id = reader.GetInt32(0), + TotalXp = reader.GetInt32(1), + Level = reader.GetInt32(2), + CurrentStreakDays = reader.GetInt32(3), + LastActivityDate = reader.IsDBNull(4) ? null : reader.GetString(4), + UpdatedUtc = reader.GetString(5) + }; + } + + private async Task EnsureUserProgressRowAsync(SQLiteConnection connection) + { + using var command = connection.CreateCommand(); + command.CommandText = @" + INSERT OR IGNORE INTO UserProgress + (Id, TotalXp, Level, CurrentStreakDays, LastActivityDate, UpdatedUtc) + VALUES + (1, 0, 1, 0, NULL, CURRENT_TIMESTAMP); + "; + + await command.ExecuteNonQueryAsync(); + } + + public async Task GetUserProgressAsync() + { + using var connection = GetConnection(); + await connection.OpenAsync(); + + await EnsureUserProgressRowAsync(connection); + + using var command = connection.CreateCommand(); + command.CommandText = @" + SELECT Id, TotalXp, Level, CurrentStreakDays, LastActivityDate, UpdatedUtc + FROM UserProgress + WHERE Id = 1; + "; + + using var reader = await command.ExecuteReaderAsync(); + + if (await reader.ReadAsync()) + { + var progress = ReadUserProgress(reader); + var calculatedLevel = CalculateLevelFromXp(progress.TotalXp); + + if (progress.Level != calculatedLevel) + { + progress.Level = calculatedLevel; + + await reader.CloseAsync(); + + using var updateCommand = connection.CreateCommand(); + updateCommand.CommandText = @" + UPDATE UserProgress + SET Level = @Level, + UpdatedUtc = CURRENT_TIMESTAMP + WHERE Id = 1; + "; + updateCommand.Parameters.AddWithValue("@Level", progress.Level); + await updateCommand.ExecuteNonQueryAsync(); + } + + return progress; + } + + return new UserProgress(); + } + + public async Task AddXpAsync(int amount) + { + if (amount <= 0) + { + return await GetUserProgressAsync(); + } + + using (var connection = GetConnection()) + { + await connection.OpenAsync(); + + await EnsureUserProgressRowAsync(connection); + + using var readCommand = connection.CreateCommand(); + readCommand.CommandText = @" + SELECT TotalXp + FROM UserProgress + WHERE Id = 1; + "; + + var currentTotalXp = Convert.ToInt32(await readCommand.ExecuteScalarAsync() ?? 0); + var newTotalXp = currentTotalXp + amount; + var newLevel = CalculateLevelFromXp(newTotalXp); + + using var updateCommand = connection.CreateCommand(); + updateCommand.CommandText = @" + UPDATE UserProgress + SET TotalXp = @TotalXp, + Level = @Level, + UpdatedUtc = CURRENT_TIMESTAMP + WHERE Id = 1; + "; + updateCommand.Parameters.AddWithValue("@TotalXp", newTotalXp); + updateCommand.Parameters.AddWithValue("@Level", newLevel); + + await updateCommand.ExecuteNonQueryAsync(); + } + + return await GetUserProgressAsync(); + } + + public async Task RecordActivityAsync(int xpAmount = 0) + { + using (var connection = GetConnection()) + { + await connection.OpenAsync(); + + await EnsureUserProgressRowAsync(connection); + + using var readCommand = connection.CreateCommand(); + readCommand.CommandText = @" + SELECT TotalXp, CurrentStreakDays, LastActivityDate + FROM UserProgress + WHERE Id = 1; + "; + + var totalXp = 0; + var currentStreakDays = 0; + string? lastActivityDate = null; + + using (var reader = await readCommand.ExecuteReaderAsync()) + { + if (await reader.ReadAsync()) + { + totalXp = reader.GetInt32(0); + currentStreakDays = reader.GetInt32(1); + lastActivityDate = reader.IsDBNull(2) ? null : reader.GetString(2); + } + } + + var today = DateTime.UtcNow.Date; + var todayText = today.ToString("yyyy-MM-dd"); + + var newStreakDays = currentStreakDays; + + if (string.IsNullOrWhiteSpace(lastActivityDate)) + { + newStreakDays = 1; + } + else if (DateTime.TryParse(lastActivityDate, out var lastDate)) + { + lastDate = lastDate.Date; + + if (lastDate == today) + { + newStreakDays = currentStreakDays; + } + else if (lastDate == today.AddDays(-1)) + { + newStreakDays = currentStreakDays + 1; + } + else + { + newStreakDays = 1; + } + } + else + { + newStreakDays = 1; + } + + var newTotalXp = totalXp + Math.Max(0, xpAmount); + var newLevel = CalculateLevelFromXp(newTotalXp); + + using var updateCommand = connection.CreateCommand(); + updateCommand.CommandText = @" + UPDATE UserProgress + SET TotalXp = @TotalXp, + Level = @Level, + CurrentStreakDays = @CurrentStreakDays, + LastActivityDate = @LastActivityDate, + UpdatedUtc = CURRENT_TIMESTAMP + WHERE Id = 1; + "; + + updateCommand.Parameters.AddWithValue("@TotalXp", newTotalXp); + updateCommand.Parameters.AddWithValue("@Level", newLevel); + updateCommand.Parameters.AddWithValue("@CurrentStreakDays", newStreakDays); + updateCommand.Parameters.AddWithValue("@LastActivityDate", todayText); + + await updateCommand.ExecuteNonQueryAsync(); + } + + return await GetUserProgressAsync(); + } + // ===== USER SETTINGS MANAGEMENT ===== public async Task UpsertSettingsAsync(string? actorUsername = null, string? actorBio = null, diff --git a/src/FediProfile/user.sql b/src/FediProfile/user.sql index 25ddd7c..1599ac1 100644 --- a/src/FediProfile/user.sql +++ b/src/FediProfile/user.sql @@ -59,6 +59,7 @@ CREATE TABLE IF NOT EXISTS ReceivedBadges ( IssuedOn TEXT, AcceptedOn TEXT, Hidden INTEGER NOT NULL DEFAULT 0, + IsFeatured INTEGER NOT NULL DEFAULT 0, ReceivedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP, FOREIGN KEY (IssuerId) REFERENCES BadgeIssuers(Id) ); @@ -105,6 +106,26 @@ CREATE TABLE IF NOT EXISTS Settings ( UpdatedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP ); +-- ============================================================================== +-- UserProgress table: Gamification progress for this profile +-- ============================================================================== +CREATE TABLE IF NOT EXISTS UserProgress ( + Id INTEGER PRIMARY KEY CHECK (Id = 1), + TotalXp INTEGER NOT NULL DEFAULT 0, + Level INTEGER NOT NULL DEFAULT 1, + CurrentStreakDays INTEGER NOT NULL DEFAULT 0, + LastActivityDate TEXT, + UpdatedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP +); + +-- ============================================================================== +-- UserMissions table: Completed gamification missions for this profile +-- ============================================================================== +CREATE TABLE IF NOT EXISTS UserMissions ( + Code TEXT PRIMARY KEY, + CompletedUtc TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP +); + -- ============================================================================== -- RecentPosts table: Rolling window of the last N boosted/announced posts -- for display on the public profile. diff --git a/src/FediProfile/wwwroot/assets/profile.js b/src/FediProfile/wwwroot/assets/profile.js index 5c88753..f3e2e4b 100644 --- a/src/FediProfile/wwwroot/assets/profile.js +++ b/src/FediProfile/wwwroot/assets/profile.js @@ -2,6 +2,7 @@ // Derive the user base path from the current URL (e.g. "/john" -> "/john") const basePath = window.location.pathname.replace(/\/$/, ''); +const USE_DEMO_GAMIFICATION = false; async function loadProfile() { try { @@ -36,12 +37,16 @@ async function loadProfile() { // Update page title if (actor.name) document.title = actor.name + ' - FediProfile'; + // Fetch and render badges + const badges = await loadBadges(); + + // Fetch and render gamification + const gamification = await loadGamification(actor._fediprofile?.gamification); + renderGamification(gamification, badges); + // Render links from attachments renderLinks(actor.attachment || []); - // Fetch and render badges - await loadBadges(); - // Fetch and render recent posts await loadRecentPosts(); } catch (error) { @@ -50,6 +55,140 @@ async function loadProfile() { } } +async function loadGamification(fallbackData = null) { + try { + const url = basePath + '/gamification?t=' + Date.now(); + + const response = await fetch(url, { + headers: { + 'Accept': 'application/json' + } + }); + + if (!response.ok) { + return fallbackData; + } + + return await response.json(); + } catch (err) { + return fallbackData; + } +} + +function renderGamification(gamification, badges = []) { + const section = document.getElementById('gamification-section'); + const featuredSection = document.getElementById('featured-achievements-section'); + const featuredContainer = document.getElementById('featured-achievements-container'); + + if (!section) return; + + const hasRealGamification = gamification && typeof gamification === 'object'; + + if (!hasRealGamification && !USE_DEMO_GAMIFICATION) { + section.style.display = 'none'; + + renderFeaturedAchievements( + gamification?.featuredAchievements, + badges, + featuredSection, + featuredContainer + ); + + return; + } + + const demoData = { + streakDays: 15, + level: 7, + xp: 2300, + currentLevelXp: 2300, + nextLevelXp: 3000, + badgesCount: badges.length || 8 + }; + + const data = { + ...demoData, + ...(hasRealGamification ? gamification : {}) + }; + + const streakEl = document.getElementById('streak-days'); + const levelEl = document.getElementById('profile-level'); + const xpEl = document.getElementById('profile-xp'); + const achievementsEl = document.getElementById('profile-achievements-count'); + const progressNumbersEl = document.getElementById('xp-progress-numbers'); + const progressFillEl = document.getElementById('xp-progress-fill'); + + if (streakEl) streakEl.textContent = data.streakDays ?? 0; + if (levelEl) levelEl.textContent = data.level ?? 1; + if (xpEl) xpEl.textContent = formatNumber(data.xp ?? 0); + if (achievementsEl) achievementsEl.textContent = data.badgesCount ?? data.achievementsCount ?? badges.length ?? 0; + + const currentXp = Number(data.currentLevelXp ?? data.xp ?? 0); + const nextLevelXp = Number(data.nextLevelXp ?? 100); + const progress = nextLevelXp > 0 + ? Math.min(100, Math.max(0, (currentXp / nextLevelXp) * 100)) + : 0; + + if (progressNumbersEl) { + const nextLevel = Number(data.level ?? 1) + 1; + progressNumbersEl.textContent = `Level ${data.level ?? 1} → ${nextLevel}`; + } + + if (progressFillEl) { + progressFillEl.style.width = `${progress}%`; + } + + section.style.display = ''; + + renderFeaturedAchievements(data.featuredAchievements, badges, featuredSection, featuredContainer); +} + +function renderFeaturedAchievements(featuredAchievements, badges = [], section, container) { + if (!section || !container) return; + + let achievements = []; + + if (Array.isArray(featuredAchievements) && featuredAchievements.length > 0) { + achievements = featuredAchievements; + } else if (Array.isArray(badges) && badges.length > 0) { + achievements = badges.filter(b => b.featured === true || b.isFeatured === true || b.IsFeatured === true); + } + + if (!achievements || achievements.length === 0) { + section.style.display = 'none'; + container.innerHTML = ''; + return; + } + + const html = achievements.slice(0, 3).map(achievement => { + const title = escapeHtml(achievement.title || achievement.name || 'Achievement'); + const image = achievement.image || achievement.iconUrl || ''; + const icon = achievement.icon || '🏆'; + + const visual = image + ? `${title}` + : `
${escapeHtml(icon)}
`; + + return ` +
+ ${visual} +
${title}
+
+ `; + }).join(''); + + container.innerHTML = html; + section.style.display = ''; +} + +function formatNumber(value) { + const number = Number(value); + if (Number.isNaN(number)) return '0'; + + return new Intl.NumberFormat(undefined, { + maximumFractionDigits: 0 + }).format(number); +} function renderLinks(attachments) { const container = document.getElementById('profile-container'); @@ -148,17 +287,26 @@ async function loadBadges() { try { const url = basePath + '/badges?t=' + Date.now(); const response = await fetch(url); - if (!response.ok) return; + if (!response.ok) return []; const badges = await response.json(); - if (!badges || badges.length === 0) return; + if (!badges || badges.length === 0) return []; const section = document.getElementById('badges-section'); const container = document.getElementById('badges-container'); - if (!section || !container) return; + if (!section || !container) return badges; + + const visibleBadges = badges.filter(badge => badge.hidden !== true); + + if (visibleBadges.length === 0) { + container.innerHTML = ''; + section.style.display = 'none'; + return badges; + } let html = ''; - badges.forEach(badge => { + + visibleBadges.forEach(badge => { const title = escapeHtml(badge.title || 'Badge'); const image = badge.image; const description = badge.description ? escapeHtml(badge.description) : ''; @@ -185,8 +333,11 @@ async function loadBadges() { container.innerHTML = html; section.style.display = ''; + + return badges; } catch (err) { // Badges are optional — silently ignore errors + return []; } } diff --git a/src/FediProfile/wwwroot/landing.html b/src/FediProfile/wwwroot/landing.html index c6cce3c..2611d41 100644 --- a/src/FediProfile/wwwroot/landing.html +++ b/src/FediProfile/wwwroot/landing.html @@ -90,6 +90,32 @@ } .nav-links a:hover { color: var(--ink); } + .nav-links a { + position: relative; + padding: 6px 10px; + border-radius: 8px; + transition: all 0.25s ease; + } + + .nav-links a:hover { + color: #fff; + background: rgba(139, 92, 246, 0.15); + box-shadow: 0 0 12px rgba(139, 92, 246, 0.5); + } + + .nav-links a { + position: relative; + padding: 6px 10px; + border-radius: 8px; + transition: all 0.25s ease; + } + + .nav-links a:hover { + color: #fff; + background: rgba(139, 92, 246, 0.15); + box-shadow: 0 0 12px rgba(139, 92, 246, 0.5); + } + /* ── Buttons ── */ .btn { display: inline-flex; @@ -162,11 +188,10 @@ } .hero-logo { - width: 80px; - height: 80px; - margin-bottom: 24px; - animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) both; - filter: drop-shadow(0 0 30px rgba(139, 92, 246, 0.3)); + width: 1em; + height: 1em; + min-width: 40px; + transform: translateY(2px); } .hero-badge { @@ -221,6 +246,95 @@ to { opacity: 1; transform: translateY(0); } } + /* ── Hero Extras ── */ + .hero-title { + display: flex; + align-items: center; + justify-content: center; + gap: 12px; + } + + .social-container { + display: flex; + justify-content: center; + gap: 14px; + margin: 28px 0 36px; + flex-wrap: wrap; + opacity: 0; + transform: translateY(20px); + animation: fadeUp 0.8s 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; + } + + .social-link { + display: inline-flex; + align-items: center; + justify-content: center; + width: 42px; + height: 42px; + border-radius: 50%; + background: rgba(255, 255, 255, 0.12); + transition: all 0.25s ease; + } + + .social-link img { + width: 22px; + height: 22px; + filter: grayscale(100%) brightness(1.3); + opacity: 0.85; + transition: all 0.25s ease; + } + + .social-link:hover { + background: rgba(168, 85, 247, 0.15); + transform: translateY(-2px); + box-shadow: 0 0 14px rgba(168, 85, 247, 0.6); + } + + .social-link:hover img { + mix-blend-mode: screen; + filter: brightness(0) invert(1) + drop-shadow(0 0 6px #a855f7) + drop-shadow(0 0 10px rgba(168, 85, 247, 0.8)); + } + + /* ── Flip Text ── */ + .flip { + display: inline-block; + height: 1.15em; + overflow: hidden; + vertical-align: baseline; + position: relative; + top: 0.16em; + } + + .flip-inner { + display: inline-block; + animation: flipLoop 8s cubic-bezier(0.65, 0, 0.35, 1) infinite; + } + + .flip-inner span { + display: block; + height: 1.15em; + line-height: 1.15em; + background: linear-gradient(135deg, var(--accent), #c084fc, #f0abfc); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + + @keyframes flipLoop { + 0% { transform: translateY(0); } + 20% { transform: translateY(0); } + + 30% { transform: translateY(-1.15em); } + 50% { transform: translateY(-1.15em); } + + 60% { transform: translateY(-2.3em); } + 80% { transform: translateY(-2.3em); } + + 100% { transform: translateY(-3.45em); } + } + /* ── Mockup Preview ── */ .hero-preview { margin-top: 64px; @@ -229,20 +343,44 @@ animation: fadeUp 1s 0.5s cubic-bezier(0.16, 1, 0.3, 1) both; } - .preview-card { - background: var(--card); - border: 1px solid var(--border); + /* ── Preview Card Glow ── */ + .card { + width: 100%; border-radius: 20px; + background: transparent; + padding: 2px; + transition: all 0.3s; + display: block; + } + + .card2 { + width: 100%; + border-radius: 18px; + background-color: #1a1a1a; + transition: transform 0.2s ease; + } + + .card:hover { + background-image: linear-gradient(163deg, #f0abfc 0%, #a855f7 50%, #7c3aed 100%); + box-shadow: 0 0 40px rgba(168, 85, 247, 0.5); + transform: translateY(-4px); + } + + .card2:hover { + transform: scale(0.98); + } + + .preview-card { padding: 32px 24px; - box-shadow: 0 25px 50px -12px var(--shadow); text-align: center; + border-radius: 18px; } .preview-avatar { width: 64px; height: 64px; border-radius: 50%; - background: linear-gradient(135deg, var(--accent), #c084fc); + background: linear-gradient(135deg, #c084fc, #7c3aed); margin: 0 auto 12px; display: grid; place-items: center; @@ -255,11 +393,12 @@ font-weight: 700; font-size: 1.1rem; margin-bottom: 4px; + color: #f5f3ff; } .preview-handle { font-size: 0.85rem; - color: var(--muted); + color: #c4b5fd; margin-bottom: 20px; } @@ -312,7 +451,7 @@ display: inline-flex; align-items: center; gap: 8px; - color: var(--accent); + color: var(--muted); font-size: 0.8rem; font-weight: 700; text-transform: uppercase; @@ -345,41 +484,82 @@ gap: 24px; } - .feature-card { - background: var(--card); - border: 1px solid var(--border); - border-radius: 16px; - padding: 32px 28px; - transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); - } - - .feature-card:hover { - border-color: var(--accent); - transform: translateY(-4px); - box-shadow: 0 12px 40px rgba(139, 92, 246, 0.12); - } - .feature-icon { width: 48px; height: 48px; border-radius: 12px; - background: var(--accent-soft); + background: rgba(168, 85, 247, 0.15); display: grid; place-items: center; font-size: 1.5rem; - margin-bottom: 20px; + margin: 0 auto 12px; } - .feature-card h3 { - font-size: 1.15rem; - font-weight: 700; - margin-bottom: 8px; + .feature-card .card { + width: 100%; + height: 220px; + background: #1a1a1a; + transition: all 0.4s; + border-radius: 16px; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); + overflow: hidden; } - .feature-card p { - color: var(--muted); + .feature-card .card:hover { + transform: translateY(-6px) scale(1.03); + box-shadow: 0 20px 50px rgba(168, 85, 247, 0.25); + background: #2a1f3d; + } + + .first-content { + height: 100%; + width: 100%; + transition: all 0.4s; + display: flex; + justify-content: center; + align-items: center; + opacity: 1; + } + + .feature-front { + text-align: center; + padding: 20px; + } + + .card:hover .first-content { + height: 0; + opacity: 0; + } + + .second-content { + height: 0%; + width: 100%; + opacity: 0; + display: flex; + justify-content: center; + align-items: center; + padding: 20px; + text-align: center; + transition: all 0.4s; + transform: rotate(90deg) scale(-1); + } + + .card:hover .second-content { + opacity: 1; + height: 100%; + transform: rotate(0deg); + } + + .second-content p { + color: #e9d5ff; font-size: 0.95rem; - line-height: 1.6; + line-height: 1.5; + } + + .feature-front h3 { + font-size: 1.1rem; + font-weight: 700; + color: #f5f3ff; } /* ── Comparison ── */ @@ -389,36 +569,84 @@ border-bottom: 1px solid var(--border); } + .table-container { + background: transparent; + border-radius: 16px; + overflow: hidden; + margin-top: 20px; + } + .comparison-table { width: 100%; border-collapse: collapse; - margin-top: 8px; - } - - .comparison-table th, - .comparison-table td { - padding: 16px 20px; - text-align: left; - border-bottom: 1px solid var(--border); - font-size: 0.95rem; } .comparison-table th { - font-weight: 700; - font-size: 0.85rem; + text-align: center; + padding: 14px 16px; + font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); + background: rgba(255, 255, 255, 0.04); + } + + .comparison-table td { + padding: 16px; + border-top: 1px solid var(--border); + font-size: 0.95rem; + } + + .comparison-table tr:hover { + background: rgba(255, 255, 255, 0.02); } .comparison-table td:first-child { font-weight: 600; } - .comparison-table td:nth-child(2) { color: var(--accent); font-weight: 700; } + .comparison-table td:nth-child(2), + .comparison-table th:nth-child(2) { + background: rgba(255, 255, 255, 0.03); + color: var(--accent); + position: relative; + } - .check { color: var(--success); font-weight: 700; } - .cross { color: var(--muted); opacity: 0.5; } + .comparison-table td:nth-child(2) { + color: var(--accent); + } + + .comparison-table th:nth-child(2) { + color: white; + } + + .check { + color: var(--success); + font-weight: 700; + } + + .cross { + color: #ef4444; + font-weight: 700; + opacity: 1; + } + + .badge { + background: rgba(0, 255, 150, 0.15); + color: var(--success); + padding: 4px 10px; + border-radius: 999px; + font-size: 0.75rem; + font-weight: 600; + } + + @media (max-width: 768px) { + .comparison-table th, + .comparison-table td { + font-size: 0.8rem; + padding: 10px; + } + } /* ── How it works ── */ .steps { @@ -621,33 +849,47 @@
- +
+ +

+ +

✨ Open Source & Federated
-

Your links.
Your identity.
Your network.

+

+ Your + + + links + identity + network + links + + +

- The decentralized link-in-bio that connects to the Fediverse. + The decentralized link-in-bio that connects to the Fediverse. Share links, collect badges, and own your online presence — no corporation in the middle.

@@ -656,19 +898,49 @@

Your links.
Your identity.
Your network. See Features

+ + +
+
-
-
A
-
Alex Rivera
-
@alex@mastodon.social
- 🎨 My Portfolio - 📰 Latest Blog Post - 💻 Open Source Projects -
-
🏆
-
✅
-
⭐
+
+
+
+
A
+
Alex Rivera
+
@alex@mastodon.social
+ + 🎨 My Portfolio + 📰 Latest Blog Post + 💻 Open Source Projects + +
+
🏆
+
✅
+
⭐
+
+
@@ -676,44 +948,101 @@

Your links.
Your identity.
Your network.
+
+
⚡ Features

Everything you need.
Nothing you don't.

+

A powerful, privacy-respecting profile hub that puts you in control of your online identity.

+
-
🔗
-

Link-in-Bio

-

Add unlimited links, organize them your way. A clean, fast profile page that works everywhere.

+
+
+
+
🔗
+

Link-in-Bio

+
+
+
+

Add unlimited links, organize them your way. A clean, fast profile page that works everywhere.

+
+
+
-
🌐
-

ActivityPub Native

-

Your profile is a first-class citizen on Mastodon, Pleroma, Misskey and every ActivityPub platform.

+
+
+
+
🌐
+

ActivityPub Native

+
+
+
+

Your profile is a first-class citizen on Mastodon, Pleroma, Misskey and every ActivityPub platform.

+
+
+
-
🏆
-

Badge Collection

-

Receive and showcase verifiable badges from issuers across the Fediverse. Proof of achievement, decentralized.

+
+
+
+
🏆
+

Badge Collection

+
+
+
+

Receive and showcase verifiable badges from issuers across the Fediverse. Proof of achievement, decentralized.

+
+
+
-
🔓
-

Login with Mastodon

-

No new password needed. Sign in with your existing Mastodon account from any instance.

+
+
+
+
🔓
+

Login with Mastodon

+
+
+
+

No new password needed. Sign in with your existing Mastodon account from any instance.

+
+
+
-
🚀
-

Auto-Boost & Relay

-

Consolidate your Fediverse presence. Automatically boost posts from your other accounts into one unified profile.

+
+
+
+
🚀
+

Auto-Boost & Relay

+
+
+
+

Consolidate your Fediverse presence. Automatically boost posts from your other accounts into one unified profile.

+
+
+
-
🧡
-

Open Source

-

Fully transparent. Self-host it, audit it, or contribute on GitHub. Your data stays yours, always.

+
+
+
+
🧡
+

Open Source

+
+
+
+

Fully transparent. Self-host it, audit it, or contribute on GitHub. Your data stays yours, always.

+
+
@@ -726,7 +1055,7 @@

Open Source

Why FediProfile?

See how we stack up against the walled-garden alternatives.

-
+
diff --git a/src/FediProfile/wwwroot/profile.html b/src/FediProfile/wwwroot/profile.html index 7cdf53a..947c5b4 100644 --- a/src/FediProfile/wwwroot/profile.html +++ b/src/FediProfile/wwwroot/profile.html @@ -14,6 +14,176 @@ margin: 0 auto 1rem; display: block; } + .gamification-section { + margin: 1.5rem 0; + } + + .gamification-grid { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 0.75rem; + } + + .gamification-card { + background: var(--card); + border: 1px solid var(--border); + border-radius: 16px; + padding: 0.9rem 0.5rem; + text-align: center; + color: var(--ink); + box-shadow: 0 4px 12px var(--shadow); + transition: + transform 250ms cubic-bezier(0.16, 1, 0.3, 1), + background 250ms ease, + border-color 250ms ease, + box-shadow 250ms ease; + } + + .gamification-icon { + font-size: 1.3rem; + margin-bottom: 0.35rem; + } + + .gamification-value { + font-size: 1.1rem; + font-weight: 700; + line-height: 1.2; + color: inherit; + transition: color 250ms ease; + } + + .gamification-label { + font-size: 0.75rem; + opacity: 0.75; + margin-top: 0.2rem; + color: inherit; + } + + .xp-progress { + margin-top: 1rem; + background: var(--card); + border: 1px solid var(--border); + border-radius: 14px; + padding: 0.8rem; + color: var(--ink); + box-shadow: 0 4px 12px var(--shadow); + transition: + transform 250ms cubic-bezier(0.16, 1, 0.3, 1), + background 250ms ease, + border-color 250ms ease, + box-shadow 250ms ease; + } + + .xp-progress-header { + display: flex; + justify-content: space-between; + gap: 1rem; + font-size: 0.78rem; + opacity: 0.9; + margin-bottom: 0.5rem; + } + + .xp-progress-track { + width: 100%; + height: 8px; + border-radius: 999px; + overflow: hidden; + background: var(--border); + } + + .xp-progress-fill { + height: 100%; + border-radius: 999px; + background: var(--accent); + } + + .featured-achievements-section { + margin: 1.5rem 0; + } + + .featured-achievements-heading { + font-size: 1rem; + margin-bottom: 0.75rem; + text-align: center; + color: var(--accent); + letter-spacing: 0.12em; + text-transform: uppercase; + } + + .featured-achievements-container { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 0.75rem; + } + + .featured-achievement-card { + background: var(--card); + border: 1px solid var(--border); + border-radius: 16px; + padding: 0.9rem 0.7rem; + text-align: center; + color: var(--ink); + box-shadow: 0 4px 12px var(--shadow); + transition: + transform 250ms cubic-bezier(0.16, 1, 0.3, 1), + background 250ms ease, + border-color 250ms ease, + box-shadow 250ms ease; + } + + .featured-achievement-icon { + font-size: 1.5rem; + margin-bottom: 0.35rem; + } + + .featured-achievement-name { + font-size: 0.82rem; + font-weight: 700; + color: inherit; + transition: color 250ms ease; + } + + .featured-achievement-description { + display: none; + } + + .featured-achievement-image { + width: 48px; + height: 48px; + object-fit: contain; + margin-bottom: 0.45rem; + } + + @media (hover: hover) { + .gamification-card:hover, + .xp-progress:hover, + .featured-achievement-card:hover { + background: var(--card-hover); + border-color: var(--accent); + transform: translate(-2px, -2px); + box-shadow: 5px 5px 0 var(--accent); + } + + .gamification-card:hover .gamification-value, + .featured-achievement-card:hover .featured-achievement-name { + color: var(--accent); + } + } + + @media (max-width: 640px) { + .gamification-grid { + grid-template-columns: repeat(2, 1fr); + } + + .featured-achievements-container { + grid-template-columns: 1fr; + } + + .xp-progress-header { + flex-direction: column; + gap: 0.25rem; + } + } @@ -32,7 +202,52 @@

Loading...

- + + + + + + +

Loading your profile...

@@ -75,6 +290,6 @@

Scan to view profile

- +