Portfolio.Application/DependencyInjection.cs

@@ -1,6 +1,5 @@
 using Microsoft.Extensions.DependencyInjection;
 using Portfolio.Application.Services.Articles;
-using Portfolio.Application.Services.NWSWeatherService;
 using Portfolio.Application.Services.PokemonNatureService;
 using Portfolio.Application.Services.PokemonService;
 using Portfolio.Application.Services.PokemonSubskillService;
@@ -20,7 +19,6 @@ namespace Portfolio.Application
             services.AddScoped<IPokemonService, PokemonService>();
             services.AddScoped<IPokemonSubskillService, PokemonSubskillService>();
             services.AddScoped<IPokemonNatureService, PokemonNatureService>();
-            //services.AddScoped<INWSWeatherService, NWSWeatherService>();
 
 
 

Portfolio.Application/Services/NWSWeatherService/INWSWeatherService.cs

@@ -1,17 +0,0 @@
-using Portfolio.Domain.Features.TemperatureDay;
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Portfolio.Application.Services.NWSWeatherService
-{
-    public interface INWSWeatherService
-    {
-        Task<string> GetNearestStationAsync(double latitude, double longitude);
-        Task<double?> GetDailyAverageTempAsync(string stationId, DateTime date);
-        Task<List<TemperatureDay>> GetTemperatureDataAsync(double latitude, double longitude, int year);
-
-    }
-}

Portfolio.Application/Services/NWSWeatherService/NWSWeatherService.cs

@@ -1,123 +0,0 @@
-using Portfolio.Domain.Features.TemperatureDay;
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Text.Json;
-using System.Text.Json.Serialization;
-using System.Threading.Tasks;
-
-namespace Portfolio.Application.Services.NWSWeatherService
-{
-    public class NWSWeatherService : INWSWeatherService
-    {
-        private readonly HttpClient _httpClient;
-
-        public NWSWeatherService(HttpClient httpClient)
-        {
-            _httpClient = httpClient;
-            _httpClient.DefaultRequestHeaders.Add("User-Agent", "kira.jiroux@gmail.com"); // Replace with your email ideally
-        }
-
-        public async Task<string> GetNearestStationAsync(double latitude, double longitude)
-        {
-            var url = $"https://api.weather.gov/points/{latitude},{longitude}";
-            var response = await _httpClient.GetAsync(url);
-            response.EnsureSuccessStatusCode();
-
-            using var stream = await response.Content.ReadAsStreamAsync();
-            var json = await JsonDocument.ParseAsync(stream);
-
-            var stationUrl = json.RootElement
-                .GetProperty("properties")
-                .GetProperty("observationStations")
-                .GetString();
-
-            if (string.IsNullOrEmpty(stationUrl))
-                throw new Exception("Could not find station info.");
-
-            var stationListResponse = await _httpClient.GetAsync(stationUrl);
-            stationListResponse.EnsureSuccessStatusCode();
-
-            using var stationStream = await stationListResponse.Content.ReadAsStreamAsync();
-            var stationJson = await JsonDocument.ParseAsync(stationStream);
-
-            var firstStation = stationJson.RootElement
-                .GetProperty("features")[0]
-                .GetProperty("properties")
-                .GetProperty("stationIdentifier")
-                .GetString();
-
-            return firstStation;
-        }
-
-        public async Task<double?> GetDailyAverageTempAsync(string stationId, DateTime date)
-        {
-            var start = date.ToString("yyyy-MM-dd") + "T00:00:00Z";
-            var end = date.ToString("yyyy-MM-dd") + "T23:59:59Z";
-
-            var url = $"https://api.weather.gov/stations/{stationId}/observations?start={start}&end={end}";
-            var response = await _httpClient.GetAsync(url);
-            response.EnsureSuccessStatusCode();
-
-            using var stream = await response.Content.ReadAsStreamAsync();
-            var json = await JsonDocument.ParseAsync(stream);
-
-            var temps = new List<double>();
-
-            foreach (var feature in json.RootElement.GetProperty("features").EnumerateArray())
-            {
-                if (feature.TryGetProperty("properties", out var props) &&
-                    props.TryGetProperty("temperature", out var tempObj) &&
-                    tempObj.TryGetProperty("value", out var valueProp) &&
-                    valueProp.ValueKind == JsonValueKind.Number)
-                {
-                    var celsius = valueProp.GetDouble();
-                    if (!double.IsNaN(celsius))
-                    {
-                        var fahrenheit = (celsius * 9.0 / 5.0) + 32.0;
-                        temps.Add(fahrenheit);
-                    }
-                }
-            }
-
-            if (temps.Count == 0)
-                return null;
-
-            return temps.Average();
-        }
-
-        public async Task<List<TemperatureDay>> GetTemperatureDataAsync(double latitude, double longitude, int year)
-        {
-            var stationId = await GetNearestStationAsync(latitude, longitude);
-
-            var result = new List<TemperatureDay>();
-
-            var startDate = new DateTime(year, 1, 1);
-            var endDate = new DateTime(year, 12, 31);
-
-            for (var date = startDate; date <= endDate; date = date.AddDays(1))
-            {
-                Console.WriteLine($"Fetching {date:yyyy-MM-dd}...");
-                var avgTemp = await GetDailyAverageTempAsync(stationId, date);
-
-                if (avgTemp.HasValue)
-                {
-                    result.Add(new TemperatureDay
-                    {
-                        Date = date,
-                        AvgTemp = Math.Round(avgTemp.Value, 1)
-                    });
-                }
-                else
-                {
-                    Console.WriteLine($"No data for {date:yyyy-MM-dd}");
-                }
-
-                await Task.Delay(600); // small delay to be nice to NWS
-            }
-
-            return result;
-        }
-    }
-}

Portfolio.Application/Services/PokemonService/IPokemonService.cs

@@ -10,14 +10,8 @@ namespace Portfolio.Application.Services.PokemonService
     public interface IPokemonService
     {
         Task<List<Pokemon>> GetAllPokemonAsync();
-        Task<Pokemon> GetPokemonByPokemonIdAsync(int id);
         Task<Pokemon> GetPokemonByIdAsync(int id);
-        Task<List<int>> GetAllPokemonIdsAsync();
-        Task<int?> GetPreviousPokemonIdAsync(int id);
-        Task<int?> GetNextPokemonIdAsync(int id);
-        Task<int?> GetVariationPokemonIdAsync(int id);
         Task AddPokemonAsync(Pokemon pokemon);
         Task DeletePokemonAsync(int pokemonId);
-        Task UpdatePokemonAsync(Pokemon pokemon);
     }
 }

Portfolio.Application/Services/PokemonService/PokemonService.cs

@@ -33,40 +33,9 @@ namespace Portfolio.Application.Services.PokemonService
 
         }
 
-        public async Task<List<int>> GetAllPokemonIdsAsync()
-        {
-            return await _pokemonRepository.GetAllPokemonIdsAsync();
-        }
-
-        public async Task<int?> GetNextPokemonIdAsync(int id)
-        {
-            return await _pokemonRepository.GetNextPokemonIdAsync(id);
-        }
-
-        public async Task<Pokemon> GetPokemonByPokemonIdAsync(int id)
-        {
-            return await _pokemonRepository.GetPokemonByPokemonIdAsync(id);
-        }
-
         public async Task<Pokemon> GetPokemonByIdAsync(int id)
         {
             return await _pokemonRepository.GetPokemonByIdAsync(id);
         }
-
-        public async Task<int?> GetPreviousPokemonIdAsync(int id)
-        {
-            return await _pokemonRepository.GetPreviousPokemonIdAsync(id);
-
-        }
-
-        public async Task UpdatePokemonAsync(Pokemon pokemon)
-        {
-            await _pokemonRepository.UpdatePokemonAsync(pokemon);
-        }
-
-        public async Task<int?> GetVariationPokemonIdAsync(int id)
-        {
-            return await _pokemonRepository.GetVariationPokemonIdAsync(id);
-        }
     }
 }

Portfolio.Application/Services/PokemonSubskillService/PokemonSubskillService.cs

@@ -18,7 +18,6 @@ namespace Portfolio.Application.Services.PokemonSubskillService
         }
         public async Task<List<PokemonSubskill>> GetAllPokemonSubskillsAsync()
         {
-            Console.WriteLine("Does this fire every time");
             return await _pokemonSubskillRepository.GetAllPokemonSubskillsAsync();
         }
     }

Portfolio.Domain/Features/Pokemon/IPokemonRepository.cs

@@ -10,14 +10,8 @@ namespace Portfolio.Domain.Features.Pokemon
     {
         Task<List<Pokemon>> GetAllPokemonsAsync();
         Task<Pokemon> GetPokemonByIdAsync(int id);
-        Task<Pokemon> GetPokemonByPokemonIdAsync(int id);
-        Task<List<int>> GetAllPokemonIdsAsync();
-        Task<int?> GetPreviousPokemonIdAsync(int currentPokemonId);
-        Task<int?> GetNextPokemonIdAsync(int currentPokemonId);
-        Task<int?> GetVariationPokemonIdAsync(int pokemonId);
         Task AddPokemonAsync(Pokemon pokemon);
         Task DeletePokemonAsync(int pokemonId);
-        Task UpdatePokemonAsync(Pokemon pokemon);
 
     }
 }

Portfolio.Domain/Features/Pokemon/Ingredient.cs

@@ -1,15 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Portfolio.Domain.Features.Pokemon
-{
-    public class Ingredient
-    {
-        public string Name { get; set; }
-        public string Description { get; set; }
-        public string ImageURL { get; set; }
-    }
-}

Portfolio.Domain/Features/Pokemon/Pokemon.cs

@@ -13,18 +13,8 @@ namespace Portfolio.Domain.Features.Pokemon
         public required string PokemonName { get; set; }
         public bool IsVariation { get; set; } = false;
         public string? VariationName { get; set; }
-        public required string PokemonType { get; set; }
         public required string SleepType { get; set; }
         public required string Speciality { get; set; }
-        public string? Skill { get; set; }
-        public string? SkillDescription { get; set; }
-        public string? PokemonImageUrl { get; set; }
-        public string? PokemonShinyImageUrl { get; set; }
-        public string[]? PokemonSleepStyleImageUrls { get; set; }
-        public string? FlavorText { get; set; }
-        public string? Ingredient1 { get; set; }
-        public string? Ingredient2 { get; set; }
-        public string? Ingredient3 { get; set; }
 
     }
 

Portfolio.Domain/Features/Pokemon/PokemonType.cs

@@ -1,18 +0,0 @@
-using Portfolio.Domain.Features.Abstractions;
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Portfolio.Domain.Features.Pokemon
-{
-    public class PokemonType : Entity
-    {
-        public string Type { get; set; }
-        public string TypeImageUrl { get; set; }
-        public string Berry { get; set; }
-        public string BerryDescription { get; set; }
-        public string BerryImageUrl { get; set; }
-    }
-}

Portfolio.Domain/Features/Portfolio/ProjectEntry.cs

@@ -1,15 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Portfolio.Domain.Features.Portfolio
-{
-    public class ProjectEntry
-    {
-        public string Title { get; set; }
-        public List<string> Descriptions { get; set; }
-        public List<ProjectLink> Links { get; set; }
-    }
-}

Portfolio.Domain/Features/Portfolio/ProjectLink.cs

@@ -1,15 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Portfolio.Domain.Features.Portfolio
-{
-    public class ProjectLink
-    {
-        public string Type { get; set; }
-        public string Url { get; set; }
-        public string Label { get; set; }
-    }
-}

Portfolio.Domain/Features/Portfolio/WorkExperience.cs

@@ -1,17 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Portfolio.Domain.Features.Portfolio
-{
-    public class WorkExperience
-    {
-        public string Title { get; set; }
-        public string Company { get; set; }
-        public int StartYear { get; set; }
-        public int EndYear { get; set; }
-        public string Details { get; set; }
-    }
-}

Portfolio.Domain/Features/TemperatureDay/TemperatureDay.cs

@@ -1,14 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Portfolio.Domain.Features.TemperatureDay
-{
-    public class TemperatureDay
-    {
-        public DateTime Date { get; set; }
-        public double AvgTemp { get; set; }
-    }
-}

Portfolio.Domain/Features/TemperatureRange/TemperatureRange.cs

@@ -1,15 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace Portfolio.Domain.Features.TemperatureRange
-{
-    public class TemperatureRange
-    {
-        public double Min { get; set; }
-        public double Max { get; set; }
-        public string Color { get; set; } = "#ffffff";
-    }
-}

Portfolio.Infrastructure/DependencyInjection.cs

@@ -1,9 +1,7 @@
 using Microsoft.EntityFrameworkCore;
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.DependencyInjection;
-using Microsoft.Identity.Client;
 using Portfolio.Application.Services.Articles;
-using Portfolio.Application.Services.NWSWeatherService;
 using Portfolio.Application.Services.PokemonService;
 using Portfolio.Domain.Features.Pokemon;
 using Portfolio.Domain.Features.Pokemon_Natures;
@@ -27,7 +25,6 @@ namespace Portfolio.Infrastructure
             services.AddScoped<IPokemonRepository, PokemonRepository>();
             services.AddScoped<IPokemonNatureRepository, PokemonNatureRepository>();
             services.AddScoped<IPokemonSubskillRepository, PokemonSubskillRepository>();
-            //services.AddScoped<INWSWeatherService, NWSWeatherService>();
 
             return services;
         }

Portfolio.Infrastructure/Migrations/20250321161454_AddPokemonImageUrl.Designer.cs

@@ -1,118 +0,0 @@
-// <auto-generated />
-using Microsoft.EntityFrameworkCore;
-using Microsoft.EntityFrameworkCore.Infrastructure;
-using Microsoft.EntityFrameworkCore.Metadata;
-using Microsoft.EntityFrameworkCore.Migrations;
-using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
-using Portfolio.Infrastructure;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    [DbContext(typeof(ApplicationDbContext))]
-    [Migration("20250321161454_AddPokemonImageUrl")]
-    partial class AddPokemonImageUrl
-    {
-        /// <inheritdoc />
-        protected override void BuildTargetModel(ModelBuilder modelBuilder)
-        {
-#pragma warning disable 612, 618
-            modelBuilder
-                .HasAnnotation("ProductVersion", "9.0.2")
-                .HasAnnotation("Relational:MaxIdentifierLength", 128);
-
-            SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder);
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon.Pokemon", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<bool>("IsVariation")
-                        .HasColumnType("bit");
-
-                    b.Property<int>("PokemonId")
-                        .HasColumnType("int");
-
-                    b.Property<string>("PokemonImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonName")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("SleepType")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Speciality")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("VariationName")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("Pokemons");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Natures.PokemonNature", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRating")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRating")
-                        .HasColumnType("int");
-
-                    b.Property<string>("Nature")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<int>("SkillRating")
-                        .HasColumnType("int");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonNatures");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Subskills.PokemonSubskill", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("SkillRank")
-                        .HasColumnType("int");
-
-                    b.Property<string>("SubSkill")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonSubskills");
-                });
-#pragma warning restore 612, 618
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20250321161454_AddPokemonImageUrl.cs

@@ -1,28 +0,0 @@
-using Microsoft.EntityFrameworkCore.Migrations;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    /// <inheritdoc />
-    public partial class AddPokemonImageUrl : Migration
-    {
-        /// <inheritdoc />
-        protected override void Up(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.AddColumn<string>(
-                name: "PokemonImageUrl",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-        }
-
-        /// <inheritdoc />
-        protected override void Down(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.DropColumn(
-                name: "PokemonImageUrl",
-                table: "Pokemons");
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20250321165440_AddPokemonShinyImageUrl.Designer.cs

@@ -1,121 +0,0 @@
-// <auto-generated />
-using Microsoft.EntityFrameworkCore;
-using Microsoft.EntityFrameworkCore.Infrastructure;
-using Microsoft.EntityFrameworkCore.Metadata;
-using Microsoft.EntityFrameworkCore.Migrations;
-using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
-using Portfolio.Infrastructure;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    [DbContext(typeof(ApplicationDbContext))]
-    [Migration("20250321165440_AddPokemonShinyImageUrl")]
-    partial class AddPokemonShinyImageUrl
-    {
-        /// <inheritdoc />
-        protected override void BuildTargetModel(ModelBuilder modelBuilder)
-        {
-#pragma warning disable 612, 618
-            modelBuilder
-                .HasAnnotation("ProductVersion", "9.0.2")
-                .HasAnnotation("Relational:MaxIdentifierLength", 128);
-
-            SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder);
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon.Pokemon", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<bool>("IsVariation")
-                        .HasColumnType("bit");
-
-                    b.Property<int>("PokemonId")
-                        .HasColumnType("int");
-
-                    b.Property<string>("PokemonImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonName")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonShinyImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("SleepType")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Speciality")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("VariationName")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("Pokemons");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Natures.PokemonNature", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRating")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRating")
-                        .HasColumnType("int");
-
-                    b.Property<string>("Nature")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<int>("SkillRating")
-                        .HasColumnType("int");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonNatures");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Subskills.PokemonSubskill", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("SkillRank")
-                        .HasColumnType("int");
-
-                    b.Property<string>("SubSkill")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonSubskills");
-                });
-#pragma warning restore 612, 618
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20250321165440_AddPokemonShinyImageUrl.cs

@@ -1,28 +0,0 @@
-using Microsoft.EntityFrameworkCore.Migrations;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    /// <inheritdoc />
-    public partial class AddPokemonShinyImageUrl : Migration
-    {
-        /// <inheritdoc />
-        protected override void Up(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.AddColumn<string>(
-                name: "PokemonShinyImageUrl",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-        }
-
-        /// <inheritdoc />
-        protected override void Down(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.DropColumn(
-                name: "PokemonShinyImageUrl",
-                table: "Pokemons");
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20250404172651_include_pokemon_type.Designer.cs

@@ -1,124 +0,0 @@
-// <auto-generated />
-using Microsoft.EntityFrameworkCore;
-using Microsoft.EntityFrameworkCore.Infrastructure;
-using Microsoft.EntityFrameworkCore.Metadata;
-using Microsoft.EntityFrameworkCore.Migrations;
-using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
-using Portfolio.Infrastructure;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    [DbContext(typeof(ApplicationDbContext))]
-    [Migration("20250404172651_include_pokemon_type")]
-    partial class include_pokemon_type
-    {
-        /// <inheritdoc />
-        protected override void BuildTargetModel(ModelBuilder modelBuilder)
-        {
-#pragma warning disable 612, 618
-            modelBuilder
-                .HasAnnotation("ProductVersion", "9.0.2")
-                .HasAnnotation("Relational:MaxIdentifierLength", 128);
-
-            SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder);
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon.Pokemon", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<bool>("IsVariation")
-                        .HasColumnType("bit");
-
-                    b.Property<int>("PokemonId")
-                        .HasColumnType("int");
-
-                    b.Property<string>("PokemonImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonName")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonShinyImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonType")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("SleepType")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Speciality")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("VariationName")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("Pokemons");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Natures.PokemonNature", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRating")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRating")
-                        .HasColumnType("int");
-
-                    b.Property<string>("Nature")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<int>("SkillRating")
-                        .HasColumnType("int");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonNatures");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Subskills.PokemonSubskill", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("SkillRank")
-                        .HasColumnType("int");
-
-                    b.Property<string>("SubSkill")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonSubskills");
-                });
-#pragma warning restore 612, 618
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20250404172651_include_pokemon_type.cs

@@ -1,28 +0,0 @@
-using Microsoft.EntityFrameworkCore.Migrations;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    /// <inheritdoc />
-    public partial class include_pokemon_type : Migration
-    {
-        /// <inheritdoc />
-        protected override void Up(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.AddColumn<string>(
-                name: "PokemonType",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-        }
-
-        /// <inheritdoc />
-        protected override void Down(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.DropColumn(
-                name: "PokemonType",
-                table: "Pokemons");
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20250404173359_include_flavortext.Designer.cs

@@ -1,127 +0,0 @@
-// <auto-generated />
-using Microsoft.EntityFrameworkCore;
-using Microsoft.EntityFrameworkCore.Infrastructure;
-using Microsoft.EntityFrameworkCore.Metadata;
-using Microsoft.EntityFrameworkCore.Migrations;
-using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
-using Portfolio.Infrastructure;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    [DbContext(typeof(ApplicationDbContext))]
-    [Migration("20250404173359_include_flavortext")]
-    partial class include_flavortext
-    {
-        /// <inheritdoc />
-        protected override void BuildTargetModel(ModelBuilder modelBuilder)
-        {
-#pragma warning disable 612, 618
-            modelBuilder
-                .HasAnnotation("ProductVersion", "9.0.2")
-                .HasAnnotation("Relational:MaxIdentifierLength", 128);
-
-            SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder);
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon.Pokemon", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<string>("FlavorText")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<bool>("IsVariation")
-                        .HasColumnType("bit");
-
-                    b.Property<int>("PokemonId")
-                        .HasColumnType("int");
-
-                    b.Property<string>("PokemonImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonName")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonShinyImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonType")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("SleepType")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Speciality")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("VariationName")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("Pokemons");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Natures.PokemonNature", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRating")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRating")
-                        .HasColumnType("int");
-
-                    b.Property<string>("Nature")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<int>("SkillRating")
-                        .HasColumnType("int");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonNatures");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Subskills.PokemonSubskill", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("SkillRank")
-                        .HasColumnType("int");
-
-                    b.Property<string>("SubSkill")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonSubskills");
-                });
-#pragma warning restore 612, 618
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20250404173359_include_flavortext.cs

@@ -1,28 +0,0 @@
-using Microsoft.EntityFrameworkCore.Migrations;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    /// <inheritdoc />
-    public partial class include_flavortext : Migration
-    {
-        /// <inheritdoc />
-        protected override void Up(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.AddColumn<string>(
-                name: "FlavorText",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-        }
-
-        /// <inheritdoc />
-        protected override void Down(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.DropColumn(
-                name: "FlavorText",
-                table: "Pokemons");
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20251117160500_updatePokemonAddIngredients.Designer.cs

@@ -1,130 +0,0 @@
-// <auto-generated />
-using Microsoft.EntityFrameworkCore;
-using Microsoft.EntityFrameworkCore.Infrastructure;
-using Microsoft.EntityFrameworkCore.Metadata;
-using Microsoft.EntityFrameworkCore.Migrations;
-using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
-using Portfolio.Infrastructure;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    [DbContext(typeof(ApplicationDbContext))]
-    [Migration("20251117160500_updatePokemonAddIngredients")]
-    partial class updatePokemonAddIngredients
-    {
-        /// <inheritdoc />
-        protected override void BuildTargetModel(ModelBuilder modelBuilder)
-        {
-#pragma warning disable 612, 618
-            modelBuilder
-                .HasAnnotation("ProductVersion", "9.0.2")
-                .HasAnnotation("Relational:MaxIdentifierLength", 128);
-
-            SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder);
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon.Pokemon", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<string>("FlavorText")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.PrimitiveCollection<string>("Ingredients")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<bool>("IsVariation")
-                        .HasColumnType("bit");
-
-                    b.Property<int>("PokemonId")
-                        .HasColumnType("int");
-
-                    b.Property<string>("PokemonImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonName")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonShinyImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonType")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("SleepType")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Speciality")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("VariationName")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("Pokemons");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Natures.PokemonNature", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRating")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRating")
-                        .HasColumnType("int");
-
-                    b.Property<string>("Nature")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<int>("SkillRating")
-                        .HasColumnType("int");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonNatures");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Subskills.PokemonSubskill", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("SkillRank")
-                        .HasColumnType("int");
-
-                    b.Property<string>("SubSkill")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonSubskills");
-                });
-#pragma warning restore 612, 618
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20251117160500_updatePokemonAddIngredients.cs

@@ -1,28 +0,0 @@
-using Microsoft.EntityFrameworkCore.Migrations;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    /// <inheritdoc />
-    public partial class updatePokemonAddIngredients : Migration
-    {
-        /// <inheritdoc />
-        protected override void Up(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.AddColumn<string>(
-                name: "Ingredients",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-        }
-
-        /// <inheritdoc />
-        protected override void Down(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.DropColumn(
-                name: "Ingredients",
-                table: "Pokemons");
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20251117171147_updatePokemonChangeIngredient.Designer.cs

@@ -1,136 +0,0 @@
-// <auto-generated />
-using Microsoft.EntityFrameworkCore;
-using Microsoft.EntityFrameworkCore.Infrastructure;
-using Microsoft.EntityFrameworkCore.Metadata;
-using Microsoft.EntityFrameworkCore.Migrations;
-using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
-using Portfolio.Infrastructure;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    [DbContext(typeof(ApplicationDbContext))]
-    [Migration("20251117171147_updatePokemonChangeIngredient")]
-    partial class updatePokemonChangeIngredient
-    {
-        /// <inheritdoc />
-        protected override void BuildTargetModel(ModelBuilder modelBuilder)
-        {
-#pragma warning disable 612, 618
-            modelBuilder
-                .HasAnnotation("ProductVersion", "9.0.2")
-                .HasAnnotation("Relational:MaxIdentifierLength", 128);
-
-            SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder);
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon.Pokemon", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<string>("FlavorText")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient1")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient2")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient3")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<bool>("IsVariation")
-                        .HasColumnType("bit");
-
-                    b.Property<int>("PokemonId")
-                        .HasColumnType("int");
-
-                    b.Property<string>("PokemonImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonName")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonShinyImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonType")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("SleepType")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Speciality")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("VariationName")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("Pokemons");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Natures.PokemonNature", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRating")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRating")
-                        .HasColumnType("int");
-
-                    b.Property<string>("Nature")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<int>("SkillRating")
-                        .HasColumnType("int");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonNatures");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Subskills.PokemonSubskill", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("SkillRank")
-                        .HasColumnType("int");
-
-                    b.Property<string>("SubSkill")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonSubskills");
-                });
-#pragma warning restore 612, 618
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20251117171147_updatePokemonChangeIngredient.cs

@@ -1,48 +0,0 @@
-using Microsoft.EntityFrameworkCore.Migrations;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    /// <inheritdoc />
-    public partial class updatePokemonChangeIngredient : Migration
-    {
-        /// <inheritdoc />
-        protected override void Up(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.RenameColumn(
-                name: "Ingredients",
-                table: "Pokemons",
-                newName: "Ingredient3");
-
-            migrationBuilder.AddColumn<string>(
-                name: "Ingredient1",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-
-            migrationBuilder.AddColumn<string>(
-                name: "Ingredient2",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-        }
-
-        /// <inheritdoc />
-        protected override void Down(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.DropColumn(
-                name: "Ingredient1",
-                table: "Pokemons");
-
-            migrationBuilder.DropColumn(
-                name: "Ingredient2",
-                table: "Pokemons");
-
-            migrationBuilder.RenameColumn(
-                name: "Ingredient3",
-                table: "Pokemons",
-                newName: "Ingredients");
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20251205171834_updatePokemonAddBerry+Skill+SleepStyles.Designer.cs

@@ -1,149 +0,0 @@
-// <auto-generated />
-using Microsoft.EntityFrameworkCore;
-using Microsoft.EntityFrameworkCore.Infrastructure;
-using Microsoft.EntityFrameworkCore.Metadata;
-using Microsoft.EntityFrameworkCore.Migrations;
-using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
-using Portfolio.Infrastructure;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    [DbContext(typeof(ApplicationDbContext))]
-    [Migration("20251205171834_updatePokemonAddBerry+Skill+SleepStyles")]
-    partial class updatePokemonAddBerrySkillSleepStyles
-    {
-        /// <inheritdoc />
-        protected override void BuildTargetModel(ModelBuilder modelBuilder)
-        {
-#pragma warning disable 612, 618
-            modelBuilder
-                .HasAnnotation("ProductVersion", "9.0.2")
-                .HasAnnotation("Relational:MaxIdentifierLength", 128);
-
-            SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder);
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon.Pokemon", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<string>("FlavorText")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient1")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient2")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient3")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<bool>("IsVariation")
-                        .HasColumnType("bit");
-
-                    b.Property<string>("PokemonBerry")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<int>("PokemonId")
-                        .HasColumnType("int");
-
-                    b.Property<string>("PokemonImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonName")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonShinyImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.PrimitiveCollection<string>("PokemonSleepStyleImageUrls")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonType")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Skill")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("SkillDescription")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("SleepType")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Speciality")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("VariationName")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("Pokemons");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Natures.PokemonNature", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRating")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRating")
-                        .HasColumnType("int");
-
-                    b.Property<string>("Nature")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<int>("SkillRating")
-                        .HasColumnType("int");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonNatures");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Subskills.PokemonSubskill", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("SkillRank")
-                        .HasColumnType("int");
-
-                    b.Property<string>("SubSkill")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonSubskills");
-                });
-#pragma warning restore 612, 618
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20251205171834_updatePokemonAddBerry+Skill+SleepStyles.cs

@@ -1,76 +0,0 @@
-using Microsoft.EntityFrameworkCore.Migrations;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    /// <inheritdoc />
-    public partial class updatePokemonAddBerrySkillSleepStyles : Migration
-    {
-        /// <inheritdoc />
-        protected override void Up(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.AlterColumn<string>(
-                name: "PokemonType",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: false,
-                defaultValue: "",
-                oldClrType: typeof(string),
-                oldType: "nvarchar(max)",
-                oldNullable: true);
-
-            migrationBuilder.AddColumn<string>(
-                name: "PokemonBerry",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-
-            migrationBuilder.AddColumn<string>(
-                name: "PokemonSleepStyleImageUrls",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-
-            migrationBuilder.AddColumn<string>(
-                name: "Skill",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-
-            migrationBuilder.AddColumn<string>(
-                name: "SkillDescription",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-        }
-
-        /// <inheritdoc />
-        protected override void Down(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.DropColumn(
-                name: "PokemonBerry",
-                table: "Pokemons");
-
-            migrationBuilder.DropColumn(
-                name: "PokemonSleepStyleImageUrls",
-                table: "Pokemons");
-
-            migrationBuilder.DropColumn(
-                name: "Skill",
-                table: "Pokemons");
-
-            migrationBuilder.DropColumn(
-                name: "SkillDescription",
-                table: "Pokemons");
-
-            migrationBuilder.AlterColumn<string>(
-                name: "PokemonType",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true,
-                oldClrType: typeof(string),
-                oldType: "nvarchar(max)");
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20251205172848_updatePokemonRemovedBerry.Designer.cs

@@ -1,146 +0,0 @@
-// <auto-generated />
-using Microsoft.EntityFrameworkCore;
-using Microsoft.EntityFrameworkCore.Infrastructure;
-using Microsoft.EntityFrameworkCore.Metadata;
-using Microsoft.EntityFrameworkCore.Migrations;
-using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
-using Portfolio.Infrastructure;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    [DbContext(typeof(ApplicationDbContext))]
-    [Migration("20251205172848_updatePokemonRemovedBerry")]
-    partial class updatePokemonRemovedBerry
-    {
-        /// <inheritdoc />
-        protected override void BuildTargetModel(ModelBuilder modelBuilder)
-        {
-#pragma warning disable 612, 618
-            modelBuilder
-                .HasAnnotation("ProductVersion", "9.0.2")
-                .HasAnnotation("Relational:MaxIdentifierLength", 128);
-
-            SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder);
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon.Pokemon", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<string>("FlavorText")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient1")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient2")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient3")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<bool>("IsVariation")
-                        .HasColumnType("bit");
-
-                    b.Property<int>("PokemonId")
-                        .HasColumnType("int");
-
-                    b.Property<string>("PokemonImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonName")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonShinyImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.PrimitiveCollection<string>("PokemonSleepStyleImageUrls")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonType")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Skill")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("SkillDescription")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("SleepType")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Speciality")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("VariationName")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("Pokemons");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Natures.PokemonNature", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRating")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRating")
-                        .HasColumnType("int");
-
-                    b.Property<string>("Nature")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<int>("SkillRating")
-                        .HasColumnType("int");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonNatures");
-                });
-
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Subskills.PokemonSubskill", b =>
-                {
-                    b.Property<int>("Id")
-                        .ValueGeneratedOnAdd()
-                        .HasColumnType("int");
-
-                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
-
-                    b.Property<int>("BerryRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("IngredientRank")
-                        .HasColumnType("int");
-
-                    b.Property<int>("SkillRank")
-                        .HasColumnType("int");
-
-                    b.Property<string>("SubSkill")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.HasKey("Id");
-
-                    b.ToTable("PokemonSubskills");
-                });
-#pragma warning restore 612, 618
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/20251205172848_updatePokemonRemovedBerry.cs

@@ -1,28 +0,0 @@
-using Microsoft.EntityFrameworkCore.Migrations;
-
-#nullable disable
-
-namespace Portfolio.Infrastructure.Migrations
-{
-    /// <inheritdoc />
-    public partial class updatePokemonRemovedBerry : Migration
-    {
-        /// <inheritdoc />
-        protected override void Up(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.DropColumn(
-                name: "PokemonBerry",
-                table: "Pokemons");
-        }
-
-        /// <inheritdoc />
-        protected override void Down(MigrationBuilder migrationBuilder)
-        {
-            migrationBuilder.AddColumn<string>(
-                name: "PokemonBerry",
-                table: "Pokemons",
-                type: "nvarchar(max)",
-                nullable: true);
-        }
-    }
-}

Portfolio.Infrastructure/Migrations/ApplicationDbContextModelSnapshot.cs

@@ -29,47 +29,16 @@ namespace Portfolio.Infrastructure.Migrations
 
                     SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
 
-                    b.Property<string>("FlavorText")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient1")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient2")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Ingredient3")
-                        .HasColumnType("nvarchar(max)");
-
                     b.Property<bool>("IsVariation")
                         .HasColumnType("bit");
 
                     b.Property<int>("PokemonId")
                         .HasColumnType("int");
 
-                    b.Property<string>("PokemonImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
                     b.Property<string>("PokemonName")
                         .IsRequired()
                         .HasColumnType("nvarchar(max)");
 
-                    b.Property<string>("PokemonShinyImageUrl")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.PrimitiveCollection<string>("PokemonSleepStyleImageUrls")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("PokemonType")
-                        .IsRequired()
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("Skill")
-                        .HasColumnType("nvarchar(max)");
-
-                    b.Property<string>("SkillDescription")
-                        .HasColumnType("nvarchar(max)");
-
                     b.Property<string>("SleepType")
                         .IsRequired()
                         .HasColumnType("nvarchar(max)");
@@ -86,7 +55,7 @@ namespace Portfolio.Infrastructure.Migrations
                     b.ToTable("Pokemons");
                 });
 
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Natures.PokemonNature", b =>
+            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Natures.PokemonNatures", b =>
                 {
                     b.Property<int>("Id")
                         .ValueGeneratedOnAdd()
@@ -112,7 +81,7 @@ namespace Portfolio.Infrastructure.Migrations
                     b.ToTable("PokemonNatures");
                 });
 
-            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Subskills.PokemonSubskill", b =>
+            modelBuilder.Entity("Portfolio.Domain.Features.Pokemon_Subskills.PokemonSubskills", b =>
                 {
                     b.Property<int>("Id")
                         .ValueGeneratedOnAdd()

Portfolio.Infrastructure/README.md

@@ -1,10 +0,0 @@
-
-
-To Update Entites in the Database:
-
-1. Make necessary changes to Enttities within .Domain
-2. Open NuGet Packet Manager
-3. Ensure default project is pointed to .Infrastructure
-4. Enter `Add-Migration [Migration Tag Name, ex: updateEntityAddChange]`
-5. Enter `Update-Database`
-6. Check SSMS to ensure changes.

Portfolio.Infrastructure/Repositories/PokemonRepository.cs

@@ -21,14 +21,11 @@ namespace Portfolio.Infrastructure.Repositories
         {
             return await _context.Pokemons.ToListAsync();
         }
-        public async Task<Pokemon> GetPokemonByPokemonIdAsync(int id)
-        {
-            return await _context.Pokemons.FirstOrDefaultAsync(p => p.PokemonId == id);
-        }
         public async Task<Pokemon> GetPokemonByIdAsync(int id)
         {
             return await _context.Pokemons.FirstOrDefaultAsync(p => p.Id == id);
         }
+
         public async Task AddPokemonAsync(Pokemon pokemon)
         {
             _context.Pokemons.Add(pokemon);
@@ -44,73 +41,5 @@ namespace Portfolio.Infrastructure.Repositories
             }
         }
 
-        public async Task UpdatePokemonAsync(Pokemon pokemon)
-        {
-            _context.Pokemons.Update(pokemon);
-            await _context.SaveChangesAsync();
-        }
-
-        public async Task<int?> GetPreviousPokemonIdAsync(int currentPokemonId)
-        {
-            // Get the previous Pokémon's PokemonId
-            var prevPokemonId = await _context.Pokemons
-                .Where(p => p.PokemonId < currentPokemonId)
-                .OrderByDescending(p => p.PokemonId)
-                .Select(p => (int?)p.PokemonId)
-                .FirstOrDefaultAsync();
-
-            // If no previous PokemonId is found, wrap around to the last one
-            if (prevPokemonId == null)
-            {
-                prevPokemonId = await _context.Pokemons
-                    .OrderByDescending(p => p.PokemonId)  // Get the last PokemonId
-                    .Select(p => (int?)p.PokemonId)
-                    .FirstOrDefaultAsync();
-            }
-
-            return prevPokemonId;
-        }
-
-        public async Task<int?> GetNextPokemonIdAsync(int currentPokemonId)
-        {
-            // Get the next Pokémon's PokemonId
-            var nextPokemonId = await _context.Pokemons
-                .Where(p => p.PokemonId > currentPokemonId)
-                .OrderBy(p => p.PokemonId)
-                .Select(p => (int?)p.PokemonId)
-                .FirstOrDefaultAsync();
-
-            // If no next PokemonId is found, wrap around to the first one
-            if (nextPokemonId == null)
-            {
-                nextPokemonId = await _context.Pokemons
-                    .OrderBy(p => p.PokemonId)  // Get the first PokemonId
-                    .Select(p => (int?)p.PokemonId)
-                    .FirstOrDefaultAsync();
-            }
-
-            return nextPokemonId;
-        }
-
-        public async Task<List<int>> GetAllPokemonIdsAsync()
-        {
-            return await _context.Pokemons
-                .OrderBy(p => p.PokemonId)  // Ensure it's ordered by PokemonId
-                .Select(p => p.PokemonId)
-                .ToListAsync();
-        }
-
-        public async Task<int?> GetVariationPokemonIdAsync(int pokemonId)
-        {
-            // Find a variation for the given PokemonId (where IsVariation is true)
-            var variation = await _context.Pokemons
-                .Where(p => p.PokemonId == pokemonId && p.IsVariation)
-                .FirstOrDefaultAsync();
-
-            // Return the Id of the variation, or null if no variation is found
-            return variation?.Id;
-        }
-
-
     }
 }

Portfolio.WebUI.Server/Components/App.razor

@@ -1,22 +1,21 @@
 <!DOCTYPE html>
-<html lang="en" class="">
+<html lang="en">
 
-    <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <base href="/" />
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="/" />
 
-        <link rel="stylesheet" href="bootstrap/bootstrap-pulse.css" /> <!-- app.css -->
-        <link rel="stylesheet" href="Portfolio.WebUI.Server.styles.css" />
+    <link rel="stylesheet" href="bootstrap/bootstrap-lumen.css" /> <!-- app.css -->
+    <link rel="stylesheet" href="Portfolio.WebUI.Server.styles.css" />
     
-        <link rel="icon" type="image/png" href="favicon.png" />
-        <HeadOutlet />
-    </head>
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <HeadOutlet />
+</head>
 
-    <body class="bg-primary-subtle">
-        <Routes />
-        <script src="_framework/blazor.web.js"></script>
-        <script src="js/site.js"></script>
-    </body>
+<body>
+    <Routes />
+    <script src="_framework/blazor.web.js"></script>
+</body>
 
 </html>

Portfolio.WebUI.Server/Components/Component/Crochet Components/TemperatureBlanketVisualizer.razor

@@ -1,34 +0,0 @@
-@attribute [StreamRendering]
-@rendermode InteractiveServer
-
-<div class="pt-4">
-    @if (TemperatureDays is null || TemperatureRanges is null)
-    {
-        <Loading />
-    }
-    else
-    {
-        <div class="container">
-            <h3 class="text-xl font-bold mb-4 mt-4">Temperature Blanket Visualizer</h3>
-            <div class="row">
-                <div class="col-10">
-                    <div class="d-flex">
-                        <div class="temperature-blanket">
-                            @foreach (var day in TemperatureDays)
-                            {
-                                var color = GetColorForTemp(day.AvgTemp);
-                                <div style="width: 6px; height: 600px; background-color:@color; margin-right: 1px;"
-                                     title="@day.Date.ToString("MMM dd") - @day.AvgTemp°F (@color)">
-                                </div>
-                            }
-                        </div>
-                    </div>
-                </div>
-                <div class="col d-flex align-items-center">
-                    <TemperatureRangeEditor TempRanges="@TemperatureRanges" OnRangesChanged="HandleRangesChanged" />
-                </div>
-            </div>
-        </div>
-    }
-</div>
-

Portfolio.WebUI.Server/Components/Component/Crochet Components/TemperatureBlanketVisualizer.razor.cs

@@ -1,46 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Portfolio.Domain.Features.TemperatureDay;
-using Portfolio.Domain.Features.TemperatureRange;
-
-namespace Portfolio.WebUI.Server.Components.Component.Crochet_Components
-{
-    public partial class TemperatureBlanketVisualizer : ComponentBase
-    {
-        [Parameter] public List<TemperatureDay> TemperatureDays { get; set; }
-
-        public List<TemperatureRange> TemperatureRanges { get; set; } = new();
-
-        protected override void OnInitialized()
-        {
-            TemperatureRanges = new()
-            {
-                new() { Min = 0, Max = 21, Color = "#ffffff" },
-                new() { Min = 21, Max = 28, Color = "#ffc0cb" },
-                new() { Min = 28, Max = 35, Color = "#dda0dd" },
-                new() { Min = 35, Max = 42, Color = "#add8e6" },
-                new() { Min = 42, Max = 49, Color = "#00008b" },
-                new() { Min = 49, Max = 56, Color = "#006400" },
-                new() { Min = 56, Max = 63, Color = "#07ed07" },
-                new() { Min = 63, Max = 70, Color = "#ffff00" },
-                new() { Min = 70, Max = 77, Color = "#ffa500" },
-                new() { Min = 77, Max = 84, Color = "#ff0000" },
-                new() { Min = 84, Max = 100, Color = "#000000" }
-            };
-        }
-
-        private string GetColorForTemp(double temp)
-        {
-            var range = TemperatureRanges.FirstOrDefault(r => temp >= r.Min && temp < r.Max);
-            return range?.Color ?? "#888888";
-        }
-
-        private void HandleRangesChanged(List<TemperatureRange> updatedRanges)
-        {
-            TemperatureRanges = updatedRanges;
-            StateHasChanged();
-        }
-
-
-
-    }
-}

Portfolio.WebUI.Server/Components/Component/Crochet Components/TemperatureBlanketVisualizer.razor.css

@@ -1,9 +0,0 @@
-body {
-}
-
-.temperature-blanket {
-    display: flex;
-    overflow-x: auto;
-    background-color: black;
-    padding: 10px;
-}

Portfolio.WebUI.Server/Components/Component/Crochet Components/TemperatureRangeEditor.razor

@@ -1,93 +0,0 @@
-@using Microsoft.AspNetCore.Components.Web
-
-
-@attribute [StreamRendering]
-@rendermode InteractiveServer
-
-<div class="container" > @* @onmouseup="OnMouseUp" @onmousemove="OnMouseMove" *@
-    <!-- Base number line -->
-    @* <div class="absolute top-1/2 left-0 right-0 h-1 bg-gray-300 transform -translate-y-1/2"></div> *@
-
-@*     <!-- Draggable nodes for adjusting range breakpoints -->
-    @for (int i = 0; i < TempRanges.Count; i++)
-    {
-        var left = i == 0 ? 0 : TempRanges[i - 1].Max;
-        var leftPercent = (left / 100.0) * 100;
-
-        <div class="absolute top-1/2 transform -translate-y-1/2 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600 cursor-pointer"
-             style="left: @leftPercent%"
-             @onmousedown="(e) => OnMouseDown(i, e)"
-             title="@left°F">
-        </div>
-    } *@
-
-    <!-- Color pickers for each range -->
-    <div class="card rounded-3">
-        <div class="card-header mb-3 text-center fw-bold">
-            Temperature Blanket Colors
-        </div>
-
-        @for (int i = 0; i < TempRanges.Count; i++)
-        {
-            var localIndex = i;
-@*             if (i == 0)
-            {
-                <div class="row align-items-center mb-2">
-                    <div class="col-6 text-end pe-2">
-                        <label class="form-label mb-0">
-                              @TempRanges[i].Max&deg;
-                        </label>
-                    </div>
-                    <div class="col-6 ps-2">
-                        <input type="color"
-                               value="@TempRanges[i].Color"
-                               @onchange="e => HandleColorChange(e, localIndex)" />
-                    </div>
-                </div>
-            }
-            else if (i == 10)
-            {
-                <div class="row align-items-center mb-2">
-                    <div class="col-6 text-end pe-2">
-                        <label class="form-label mb-0">
-                            @TempRanges[i].Min&deg; +
-                        </label>
-                    </div>
-                    <div class="col-6 ps-2">
-                        <input type="color"
-                               value="@TempRanges[i].Color"
-                               @onchange="e => HandleColorChange(e, localIndex)" />
-                    </div>
-                </div>
-            }
-            else
-            {
-                <div class="row align-items-center mb-2">
-                    <div class="col-6 text-end pe-2">
-                        <label class="form-label mb-0">
-                            @TempRanges[i].Min&deg; – @TempRanges[i].Max&deg;
-                        </label>
-                    </div>
-                    <div class="col-6 ps-2">
-                        <input type="color"
-                               value="@TempRanges[i].Color"
-                               @onchange="e => HandleColorChange(e, localIndex)" />
-                    </div>
-                </div>
-            } *@
-
-            <div class="row align-items-center mb-2 ms-1">
-                <div class="col-6 text-end pe-2">
-                    <label class="form-label mb-0 text-nowrap">
-                        @TempRanges[i].Min&deg; – @TempRanges[i].Max&deg;
-                    </label>
-                </div>
-                <div class="col-6 ps-2">
-                    <input type="color"
-                           value="@TempRanges[i].Color"
-                           @onchange="e => HandleColorChange(e, localIndex)" />
-                </div>
-            </div> 
-        }
-    </div>
-</div>

Portfolio.WebUI.Server/Components/Component/Crochet Components/TemperatureRangeEditor.razor.cs

@@ -1,88 +0,0 @@
-using Microsoft.AspNetCore.Components.Web;
-using Microsoft.AspNetCore.Components;
-using Microsoft.JSInterop;
-using Portfolio.Domain.Features.TemperatureRange;
-
-namespace Portfolio.WebUI.Server.Components.Component.Crochet_Components
-{
-    public partial class TemperatureRangeEditor : ComponentBase
-    {
-        [Parameter] public List<TemperatureRange> TempRanges { get; set; }
-
-        [Parameter] public EventCallback<List<TemperatureRange>> OnRangesChanged { get; set; }
-
-        [Inject] private IJSRuntime JS { get; set; }
-
-        private double windowWidth = 1000;
-        private int? draggingIndex = null;
-
-        protected override async Task OnAfterRenderAsync(bool firstRender)
-        {
-            if (firstRender)
-            {
-                windowWidth = await JS.InvokeAsync<double>("eval", "window.innerWidth");
-                StateHasChanged();
-            }
-        }
-
-        private void OnMouseDown(int index, MouseEventArgs e)
-        {
-            draggingIndex = index;
-        }
-
-        private async void OnMouseUp()
-        {
-            if (draggingIndex != null)
-            {
-                draggingIndex = null;
-                await OnRangesChanged.InvokeAsync(TempRanges);
-            }
-        }
-
-        private void OnMouseMove(MouseEventArgs e)
-        {
-            if (draggingIndex is not int index || index <= 0 || index >= TempRanges.Count)
-                return;
-
-            var percent = (e.ClientX / windowWidth) * 100;
-            percent = Math.Clamp(percent, 0, 100);
-
-            var min = TempRanges[index - 1].Min;
-            var max = TempRanges[index].Max;
-
-            if (percent <= min + 1 || percent >= max - 1)
-                return;
-
-            TempRanges[index - 1].Max = percent;
-            TempRanges[index].Min = percent;
-        }
-
-        private void HandleColorChange(ChangeEventArgs e, int index)
-        {
-            if (index < 0 || index >= TempRanges.Count)
-            {
-                Console.WriteLine($"Color change requested for out-of-bounds index: {index}");
-                return;
-            }
-
-            var color = e?.Value?.ToString() ?? "#000000";
-            OnColorChanged(index, color);
-        }
-
-        private async void OnColorChanged(int index, string newColor)
-        {
-            //Console.WriteLine($"Color change at index {index} to {newColor}");
-
-            if (index >= 0 && index < TempRanges.Count)
-            {
-                TempRanges[index].Color = newColor;
-                Console.WriteLine($"Updated color: {TempRanges[index].Color}");
-                await OnRangesChanged.InvokeAsync(TempRanges);
-            }
-            else
-            {
-                Console.WriteLine($"Invalid index: {index} (Count: {TempRanges.Count})");
-            }
-        }
-    }
-}

Portfolio.WebUI.Server/Components/Component/Crochet Components/TemperatureRangeEditor.razor.css

@@ -1,6 +0,0 @@
-input[type="color"] {
-    width: 2.5rem;
-    height: 2rem;
-    padding: 0;
-    border: none;
-}

Portfolio.WebUI.Server/Components/Component/Loading.razor

@@ -1,12 +0,0 @@
-<!--
-        https://codepen.io/dissimulate/pen/nmJyyg
--->
-<div id="load">
-    <div>G</div>
-    <div>N</div>
-    <div>I</div>
-    <div>D</div>
-    <div>A</div>
-    <div>O</div>
-    <div>L</div>
-</div>

Portfolio.WebUI.Server/Components/Component/Loading.razor.cs

@@ -1,12 +0,0 @@
-using Microsoft.AspNetCore.Components;
-
-namespace Portfolio.WebUI.Server.Components.Component
-{
-    public partial class Loading
-    {
-        [Parameter]
-        public string LoadingString { get; set; }
-
-
-    }
-}

Portfolio.WebUI.Server/Components/Component/Loading.razor.css

@@ -1,195 +0,0 @@
-body {
-    background: #000;
-}
-
-#load {
-    position: absolute;
-    width: 600px;
-    height: 36px;
-    left: 50%;
-    top: 40%;
-    margin-left: -300px;
-    overflow: visible;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    cursor: default;
-}
-
-    #load div {
-        position: absolute;
-        width: 20px;
-        height: 36px;
-        opacity: 0;
-        font-family: Helvetica, Arial, sans-serif;
-        animation: move 3s linear infinite;
-        -o-animation: move 3s linear infinite;
-        -moz-animation: move 3s linear infinite;
-        -webkit-animation: move 3s linear infinite;
-        transform: rotate(180deg);
-        -o-transform: rotate(180deg);
-        -moz-transform: rotate(180deg);
-        -webkit-transform: rotate(180deg);
-        color: #35C4F0;
-    }
-
-        #load div:nth-child(2) {
-            animation-delay: 0.2s;
-            -o-animation-delay: 0.2s;
-            -moz-animation-delay: 0.2s;
-            -webkit-animation-delay: 0.2s;
-        }
-
-        #load div:nth-child(3) {
-            animation-delay: 0.4s;
-            -o-animation-delay: 0.4s;
-            -webkit-animation-delay: 0.4s;
-            -webkit-animation-delay: 0.4s;
-        }
-
-        #load div:nth-child(4) {
-            animation-delay: 0.6s;
-            -o-animation-delay: 0.6s;
-            -moz-animation-delay: 0.6s;
-            -webkit-animation-delay: 0.6s;
-        }
-
-        #load div:nth-child(5) {
-            animation-delay: 0.8s;
-            -o-animation-delay: 0.8s;
-            -moz-animation-delay: 0.8s;
-            -webkit-animation-delay: 0.8s;
-        }
-
-        #load div:nth-child(6) {
-            animation-delay: 1s;
-            -o-animation-delay: 1s;
-            -moz-animation-delay: 1s;
-            -webkit-animation-delay: 1s;
-        }
-
-        #load div:nth-child(7) {
-            animation-delay: 1.2s;
-            -o-animation-delay: 1.2s;
-            -moz-animation-delay: 1.2s;
-            -webkit-animation-delay: 1.2s;
-        }
-
-@keyframes move {
-    0% {
-        left: 0;
-        opacity: 0;
-    }
-
-    35% {
-        left: 41%;
-        -moz-transform: rotate(0deg);
-        -webkit-transform: rotate(0deg);
-        -o-transform: rotate(0deg);
-        transform: rotate(0deg);
-        opacity: 1;
-    }
-
-    65% {
-        left: 59%;
-        -moz-transform: rotate(0deg);
-        -webkit-transform: rotate(0deg);
-        -o-transform: rotate(0deg);
-        transform: rotate(0deg);
-        opacity: 1;
-    }
-
-    100% {
-        left: 100%;
-        -moz-transform: rotate(-180deg);
-        -webkit-transform: rotate(-180deg);
-        -o-transform: rotate(-180deg);
-        transform: rotate(-180deg);
-        opacity: 0;
-    }
-}
-
-@-moz-keyframes move {
-    0% {
-        left: 0;
-        opacity: 0;
-    }
-
-    35% {
-        left: 41%;
-        -moz-transform: rotate(0deg);
-        transform: rotate(0deg);
-        opacity: 1;
-    }
-
-    65% {
-        left: 59%;
-        -moz-transform: rotate(0deg);
-        transform: rotate(0deg);
-        opacity: 1;
-    }
-
-    100% {
-        left: 100%;
-        -moz-transform: rotate(-180deg);
-        transform: rotate(-180deg);
-        opacity: 0;
-    }
-}
-
-@-webkit-keyframes move {
-    0% {
-        left: 0;
-        opacity: 0;
-    }
-
-    35% {
-        left: 41%;
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-        opacity: 1;
-    }
-
-    65% {
-        left: 59%;
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-        opacity: 1;
-    }
-
-    100% {
-        left: 100%;
-        -webkit-transform: rotate(-180deg);
-        transform: rotate(-180deg);
-        opacity: 0;
-    }
-}
-
-@-o-keyframes move {
-    0% {
-        left: 0;
-        opacity: 0;
-    }
-
-    35% {
-        left: 41%;
-        -o-transform: rotate(0deg);
-        transform: rotate(0deg);
-        opacity: 1;
-    }
-
-    65% {
-        left: 59%;
-        -o-transform: rotate(0deg);
-        transform: rotate(0deg);
-        opacity: 1;
-    }
-
-    100% {
-        left: 100%;
-        -o-transform: rotate(-180deg);
-        transform: rotate(-180deg);
-        opacity: 0;
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonAddButton.razor

@@ -1,19 +0,0 @@
-<div class="add-card card border-2 border-secondary-subtle rounded-4"
-     role="button"
-     tabindex="0"
-     @onclick="HandleClick">
-
-    <div class="card-body d-flex align-items-center justify-content-center p-4">
-        <svg xmlns="http://www.w3.org/2000/svg"
-             width="@IconSize"
-             height="@IconSize"
-             fill="currentColor"
-             class="bi bi-plus-circle-fill"
-             viewBox="0 0 16 16">
-            <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
-        </svg>
-    </div>
-</div>
-@code {
-
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonAddButton.razor.cs

@@ -1,19 +0,0 @@
-using Microsoft.AspNetCore.Components.Web;
-using Microsoft.AspNetCore.Components;
-
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    public partial class PokemonAddButton
-    {
-        [Parameter] 
-        public EventCallback OnAdd { get; set; }
-        [Parameter]
-        public int IconSize { get; set; } = 64;
-
-        private async Task HandleClick()
-        {
-            await OnAdd.InvokeAsync();
-        }
-
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonAddButton.razor.css

@@ -1,22 +0,0 @@
-.add-card {
-    min-width: 160px;
-    min-height: 120px;
-    max-width: 200px;
-    cursor: pointer;
-    background-color: var(--bs-info-subtle);
-    transition: transform .08s ease, box-shadow .08s ease, background-color .08s ease;
-}
-
-    .add-card:hover {
-        background-color: var(--bs-light);
-        transform: translateY(-1px);
-    }
-
-    .add-card:focus {
-        outline: none;
-        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
-    }
-
-    .add-card[aria-disabled="true"] {
-        cursor: not-allowed;
-    }

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonBackground.razor

@@ -1,8 +0,0 @@
-<div class="pokemon-background">
-    @foreach (var image in _pokemonImages)
-    {
-        <img src="@image.Url"
-             class="pokemon-bg-img"
-             style="left:@image.Left%; top:@image.Top%; width:@image.Size}px; transform:rotate(@(image.Rotation)deg);" />
-    }
-</div>

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonBackground.razor.cs

@@ -1,63 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Portfolio.Domain.Features.Pokemon;
-
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    public partial class PokemonBackground
-    {
-
-        private class PokemonImage
-        {
-            public string Url { get; set; } = "";
-            public int Left { get; set; }
-            public int Top { get; set; }
-            public int Size { get; set; }
-            public int Rotation { get; set; }
-        }
-
-
-        [Parameter]
-        public List<string> PokemonImages { get; set; }
-        [Parameter]
-        public List<string> ShinyPokemonImages { get; set; }
-
-        private List<PokemonImage> _pokemonImages = new List<PokemonImage>();
-        private List<PokemonImage> _shinyPokemonImages = new List<PokemonImage>();
-        private Random random = new Random();
-
-        //protected override async Task OnInitializedAsync()
-        //{
-        //    await LoadPokemonBackgrounds();
-        //}
-
-        //private async Task LoadPokemonBackgrounds()
-        //{
-
-        //    foreach (var pokemonimgurl in PokemonImages)
-        //    {
-        //        Console.WriteLine(pokemonimgurl);
-        //        _pokemonImages.Add(new PokemonImage
-        //        {
-        //            Url = pokemonimgurl, // URL retrieved from the database
-        //            Left = random.Next(0, 100),
-        //            Top = random.Next(0, 100),
-        //            Size = random.Next(50, 130),
-        //            Rotation = random.Next(0, 360)
-        //        });
-        //    }
-        //    foreach (var pokemonimgurl in ShinyPokemonImages)
-        //    {
-        //        _shinyPokemonImages.Add(new PokemonImage
-        //        {
-        //            Url = pokemonimgurl, // URL retrieved from the database
-        //            Left = random.Next(0, 100),
-        //            Top = random.Next(0, 100),
-        //            Size = random.Next(50, 130),
-        //            Rotation = random.Next(0, 360)
-        //        });
-        //    }
-        //}
-
-
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonBackground.razor.css

@@ -1,16 +0,0 @@
-.pokemon-background {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    background-color: #f5f5f5; /* Optional, adjust to match your design */
-    pointer-events: none; /* So clicks pass through the background */
-    z-index: 0; /* Sits behind main content */
-}
-
-.pokemon-bg-img {
-    position: absolute;
-    object-fit: contain;
-    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3)); /* Sticker-like shadow */
-    pointer-events: none; /* Just visual */
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonBadge.razor

@@ -1 +0,0 @@
-<div class="m-1 badge @_badgeitem.ToLower() border-0"><p class="statText">@_badgeitem</p></div>

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonBadge.razor.cs

@@ -1,22 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Portfolio.Domain.Features.Pokemon;
-
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    public partial class PokemonBadge
-    {
-        [Parameter]
-        public string BadgeItem { get; set; }
-
-        private string _badgeitem { get; set; }
-
-        protected override void OnParametersSet()
-        {
-            if (BadgeItem != null)
-            {
-                _badgeitem = BadgeItem;
-
-            }
-        }
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonBadge.razor.css

@@ -1,62 +0,0 @@
-$width: 200px;
-$height: 80px;
-
-*, *::before, *::after {
-    box-sizing: border-box;
-}
-
-.badge {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 90px;
-    height: 30px;
-    padding: 0.25rem;
-    border-radius: 30px;
-    color: white;
-    font-size: clamp(0.7rem, 1vw, 0.9rem);
-    text-align: center;
-    font-weight: 400;
-    text-shadow: 0 2px 2px rgba(0,0,0,0.25);
-    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.35);
-    transition: all 0.2s ease;
-    white-space: nowrap;
-}
-
-
-.statText {
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    text-align: center;
-}
-
-/* Sleep Type Badge Styling */
-.dozing {
-    background-color: #fcdc5e;
-}
-
-.snoozing {
-    background-color: #4ce8ed;
-}
-
-.slumbering {
-    background-color: #4588fb;
-}
-
-/* Speciality Badge Styling */
-.berries {
-    background-color: #24d86b;
-}
-
-.ingredients {
-    background-color: #fdbe4d;
-}
-
-.skills {
-    background-color: #47a0fc;
-}
-
-.all {
-    background-color: #fc7992;
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonCard.razor

@@ -1,56 +0,0 @@
-@attribute [StreamRendering]
-@rendermode InteractiveServer
-
-<div class="card-wrapper d-flex flex-column align-items-center">
-    <div class="pokemon-card card-holo animated @GetTypeCssClass(_pokemon.PokemonType)">
-        <!-- Pokemon Name, Number, and Type -->
-        <div class="z-3">
-            @if (_pokemon.IsVariation) 
-            {
-                <div class="pokemon-name"><p class="fw-bold card-title">@_pokemon.VariationName @_pokemon.PokemonName</p></div>
-            }
-            else 
-            { 
-                <div class="pokemon-name"><p class="fw-bold card-title">@_pokemon.PokemonName</p></div> 
-            }
-            <div class="pokemon-number">
-                <p class="fw-light card-text">Pokédex #<strong>@_pokemon.PokemonId</strong></p>
-            </div>
-            <div >
-                <img class="pokemon-type" src="@GetTypeImageUrl(_pokemon.PokemonType)" />
-            </div>
-        </div>
-
-        <!-- Pokemon Image -->
-        <div class="card-image-slot z-1">
-            <PokemonImage baseUrl="@_pokemon.PokemonImageUrl" shinyUrl="@_pokemon.PokemonShinyImageUrl" />
-        </div>
-
-        <!-- Pokemon Flavortext -->
-        <div class="z-3 pokemon-flavor-text @(GetTypeCssClass(_pokemon.PokemonType))">
-            @if (string.IsNullOrEmpty(_pokemon.FlavorText))
-            {
-                <p class="fw-light">[ Pokemon Flavor Text Placeholder ]</p>
-
-            }
-            else
-            {
-                <p class="fw-light">@_pokemon.FlavorText</p>
-
-            }
-        </div>
-
-        <!-- Pokemon Sleep Type and Specialty Badges -->
-        <div class="position-absolute bottom-0 end-0 z-2">
-            <div class="d-flex justify-content-between">
-                <PokemonBadge BadgeItem="@_pokemon.SleepType" />
-                <PokemonBadge BadgeItem="@_pokemon.Speciality" />
-            </div>
-        </div>
-
-    </div>
-
-    <div class="mt-5">
-            <PokemonEditButton PokemonId="@_pokemon.Id" />
-    </div>
-</div>

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonCard.razor.cs

@@ -1,47 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Portfolio.Domain.Features.Pokemon;
-
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    public partial class PokemonCard
-    {
-        [Parameter]
-        public Pokemon Pokemon { get; set; }
-
-        private Pokemon _pokemon { get; set; }
-
-        private bool isShiny = false;
-
-        protected override void OnParametersSet()
-        {
-            if (Pokemon != null)
-            {
-                _pokemon = Pokemon;
-
-            }
-        }
-
-        private void ToggleImage()
-        {
-            isShiny = !isShiny;
-            StateHasChanged();
-        }
-
-        private string GetTypeImageUrl(string pokemonType)
-        {
-            if (string.IsNullOrEmpty(pokemonType))
-            {
-                return "https://www.serebii.net/pokemonsleep/pokemon/type/normal.png"; // Fallback image
-            }
-
-            return $"https://www.serebii.net/pokemonsleep/pokemon/type/{pokemonType.ToLower()}.png";
-        }
-
-        private string GetTypeCssClass(string type)
-        {
-            return "pokemon-type-" + type.ToLower();
-        }
-
-
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonCard.razor.css

@@ -1,312 +0,0 @@
-.card-wrapper {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 100%;
-}
-
-.pokemon-card {
-    position: relative;
-    width: 100%;
-    max-width: 350px; /* Prevent it from getting too huge */
-    aspect-ratio: 3 / 4; /* Maintains card shape dynamically */
-    overflow: hidden;
-    background-color: var(--bg-color);
-    border-width: .5rem;
-    border-style: solid;
-    border-radius: 5% / 3.5%;
-    border-color: var(--border-color);
-    box-shadow: 0 0 10px var(--border-color);
-}
-
-    .pokemon-card:hover {
-        z-index: 10;
-        box-shadow: 0 0 10px var(--border-color), 0 0 20px var(--border-color), 0 0 30px var(--border-color);
-        transition: box-shadow 0.3s ease, transform 0.2s ease;
-        animation: glowPulse 1.5s ease-in-out infinite;
-        transform: translateY(-13px);
-    }
-
-.pokemon-name {
-    position: absolute;
-    top: 5%;
-    left: 3%;
-    transform: translateY(-50%) !important;
-    font-size: clamp(1.2rem, 2vw, 2rem);
-}
-
-.pokemon-number {
-    position: absolute;
-    top: 10%;
-    left: 6%;
-
-    transform: translateY(-50%) !important;
-    font-size: clamp(0.7rem, 1.2vw, 0.75rem);
-}
-
-.pokemon-type {
-    position: absolute;
-    top: 2%;
-    right: 2%;
-    width: clamp(1.5rem, 2.5vw, 2.5rem);
-    height: clamp(1.5rem, 2.5vw, 2.5rem);
-    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.35);
-    border-radius: 20px;
-}
-
-.pokemon-flavor-text {
-    position: absolute;
-    top: 60% !important;
-    left: 50% !important;
-    width: 90%;
-    height: 20%;
-    padding: 0.25rem;
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-    margin-top: 3rem !important;
-    transform: translateX(-50%) !important;
-    display: flex; /* Centers text inside */
-    align-items: start;
-    justify-content: center; /* Horizontally centers text */
-    overflow: hidden; /* Ensures no scrollbar */
-
-    border-width: 2px;
-    border-radius: 5% / 13%;
-    border-style: solid;
-    border-color: var(--border-color);
-    background-color: var(--flavor-bg-color);
-}
-
-    .pokemon-flavor-text p {
-        margin: 0;
-        width: 100%;
-        text-align: start;
-        font-size: min(12.5px, 1.5vw); /* Scales font but won't exceed 12.5px */
-        line-height: 1.2; /* Adjust spacing for readability */
-        white-space: normal; /* Ensures wrapping */
-        word-wrap: break-word;
-        hyphens: auto;
-    }
-
-/* Position the image area within the card */
-.card-image-slot {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -20%);
-    width: 100%;
-    aspect-ratio: 1 / 1;
-    max-width: 300px;
-}
-
-
-
-
-/* Type Card Styling */
-.pokemon-type-grass {
-    --border-color: #45ca24;
-    --bg-color: #e5f8dc;
-    --flavor-bg-color: #f2fbe9;
-}
-
-.pokemon-type-fire {
-    --border-color: #ff662c;
-    --bg-color: #ffe3d5;
-    --flavor-bg-color: #fff0e9;
-}
-
-.pokemon-type-water {
-    --border-color: #2b99fe;
-    --bg-color: #d6ecff;
-    --flavor-bg-color: #eaf5ff;
-}
-
-.pokemon-type-normal {
-    --border-color: #ababab;
-    --bg-color: #ededed;
-    --flavor-bg-color: #f7f7f7;
-}
-
-.pokemon-type-flying {
-    --border-color: #9ed3ff;
-    --bg-color: #e7f5ff;
-    --flavor-bg-color: #f3fbff;
-}
-
-.pokemon-type-bug {
-    --border-color: #a7b023;
-    --bg-color: #f2f6cd;
-    --flavor-bg-color: #f9fbe4;
-}
-
-.pokemon-type-poison {
-    --border-color: #9f4ed7;
-    --bg-color: #edd6f8;
-    --flavor-bg-color: #f7ebfc;
-}
-
-.pokemon-type-electric {
-    --border-color: #ffdf00;
-    --bg-color: #fff8c6;
-    --flavor-bg-color: #fffbdf;
-}
-
-.pokemon-type-ground {
-    --border-color: #af7d38;
-    --bg-color: #f0ddc2;
-    --flavor-bg-color: #f8eee2;
-}
-
-.pokemon-type-rock {
-    --border-color: #bebd8d;
-    --bg-color: #f4f3dc;
-    --flavor-bg-color: #faf9ee;
-}
-
-.pokemon-type-ice {
-    --border-color: #45e0ff;
-    --bg-color: #d1f7ff;
-    --flavor-bg-color: #e9fbff;
-}
-
-.pokemon-type-steel {
-    --border-color: #6db7de;
-    --bg-color: #daedf7;
-    --flavor-bg-color: #eef6fb;
-}
-
-.pokemon-type-fighting {
-    --border-color: #ffa803;
-    --bg-color: #ffe9c6;
-    --flavor-bg-color: #fff3df;
-}
-
-.pokemon-type-psychic {
-    --border-color: #ff6887;
-    --bg-color: #ffd6df;
-    --flavor-bg-color: #ffe8ef;
-}
-
-.pokemon-type-dark {
-    --border-color: #544b4c;
-    --bg-color: #dedcdc;
-    --flavor-bg-color: #f1f0f0;
-}
-
-.pokemon-type-fairy {
-    --border-color: #ffb5ff;
-    --bg-color: #ffe6ff;
-    --flavor-bg-color: #fff2ff;
-}
-
-.pokemon-type-ghost {
-    --border-color: #714775;
-    --bg-color: #e2d2e4;
-    --flavor-bg-color: #f0e8f1;
-}
-
-.pokemon-type-dragon {
-    --border-color: #5669e2;
-    --bg-color: #d6dbfa;
-    --flavor-bg-color: #eaedfc;
-}
-
-.card-holo {
-    position: relative;
-    background-image: 
-        url("https://assets.codepen.io/13471/sparkles.gif"), 
-        url("https://assets.codepen.io/13471/holo.png"), 
-        linear-gradient(125deg, #ff008450 15%, #fca40040 30%, #ffff0030 40%, #00ff8a20 60%, #00cfff40 70%, #cc4cfa50 85% );
-    background-blend-mode: screen;
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
-    overflow: hidden;
-    border-radius: 1rem;
-    transition: transform 0.4s ease;
-}
-
-    .card-holo:hover::before {
-        animation: holoGradient 12s ease 0s 1;
-    }
-
-    .card-holo:hover::after {
-        animation: holoSparkle 12s ease 0s 1;
-    }
-
-@keyframes holoSparkle {
-    0%, 100% {
-        opacity: .75;
-        background-position: 50% 50%;
-        filter: brightness(1.2) contrast(1.25);
-    }
-
-    5%, 8% {
-        opacity: 1;
-        background-position: 40% 40%;
-        filter: brightness(.8) contrast(1.2);
-    }
-
-    13%, 16% {
-        opacity: .5;
-        background-position: 50% 50%;
-        filter: brightness(1.2) contrast(.8);
-    }
-
-    35%, 38% {
-        opacity: 1;
-        background-position: 60% 60%;
-        filter: brightness(1) contrast(1);
-    }
-
-    55% {
-        opacity: .33;
-        background-position: 45% 45%;
-        filter: brightness(1.2) contrast(1.25);
-    }
-}
-
-@keyframes holoGradient {
-    0%, 100% {
-        opacity: 0.5;
-        background-position: 50% 50%;
-        filter: brightness(.5) contrast(1);
-    }
-
-    5%, 9% {
-        background-position: 100% 100%;
-        opacity: 1;
-        filter: brightness(.75) contrast(1.25);
-    }
-
-    13%, 17% {
-        background-position: 0% 0%;
-        opacity: .88;
-    }
-
-    35%, 39% {
-        background-position: 100% 100%;
-        opacity: 1;
-        filter: brightness(.5) contrast(1);
-    }
-
-    55% {
-        background-position: 0% 0%;
-        opacity: 1;
-        filter: brightness(.75) contrast(1.25);
-    }
-}
-@keyframes glowPulse {
-    0% {
-        box-shadow: 0 0 15px var(--border-color);
-    }
-
-    50% {
-        box-shadow: 0 0 25px var(--border-color);
-    }
-
-    100% {
-        box-shadow: 0 0 15px var(--border-color);
-    }
-}
-

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonDownloadButton.razor

@@ -1,9 +0,0 @@
-@inject IJSRuntime JS
-
-<div class="">
-    <button class="btn btn-sm btn-primary p-1 rounded rounded-5 align-self-start text-white " @onclick="DownloadPokemonJson">
-        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-arrow-down-circle" viewBox="0 0 16 16">
-            <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293z" />
-        </svg>
-    </button>
-</div>

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonDownloadButton.razor.cs

@@ -1,31 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Microsoft.JSInterop;
-using Portfolio.Domain.Features.Pokemon;
-using System.Text.Json;
-
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    partial class PokemonDownloadButton
-    {
-        [Parameter]
-        public List<Pokemon> _Pokemon { get; set; }
-
-        private List<Pokemon> pokemons = new List<Pokemon>();
-
-
-        protected override void OnParametersSet()
-        {
-            if (_Pokemon != null)
-            {
-                pokemons = _Pokemon.ToList();
-
-            }
-        }
-
-        private async Task DownloadPokemonJson()
-        {
-            var json = JsonSerializer.Serialize(pokemons, new JsonSerializerOptions { WriteIndented = true });
-            await JS.InvokeVoidAsync("downloadFileFromText", "pokemon.json", "application/json", json);
-        }
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonEditButton.razor

@@ -1,6 +0,0 @@
-@inject NavigationManager Navigation
-<button class="btn btn-warning rounded rounded-5 text-white " @onclick="() => EditPokemon(PokemonId)">
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-fill" viewBox="0 0 16 16">
-        <path d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.5.5 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11z" />
-    </svg>
-</button>

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonEditButton.razor.cs

@@ -1,15 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Microsoft.EntityFrameworkCore.Metadata.Internal;
-
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    public partial class PokemonEditButton
-    {
-        [Parameter] public int PokemonId { get; set; }
-
-        private void EditPokemon(int PokemonId)
-        {
-            Navigation.NavigateTo($"/pokemon-sleep/edit-pokemon/{PokemonId}");
-        }
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonForm.razor

@@ -1,425 +0,0 @@
-@inject IPokemonService PokemonService
-@inject IHttpClientFactory ClientFactory
-
-@if(Ingredients == null)
-{
-    <Loading />
-}
-else
-{
-    @if(formUse == "ADD")
-    {
-        <div class="pokemon-form-container m-auto bg-info border border-5 border-info-subtle rounded-4 p-3">
-            <EditForm class="col" Model="NewPokemon">
-                <DataAnnotationsValidator />
-
-                <div class="bg-primary-subtle rounded"><p class="fs-3 fw-light text-center card-title">New Pokemon</p></div>
-
-                <!-- Pokemon Number and Name -->
-                <div class="row mt-1">
-                    <div class="col input-group mb-2">
-                        <span class="input-group-text text-sm-center rounded-start">#</span>
-                        <InputNumber min="1"
-                                     placeholder="Pokedex #"
-                                     id="PokemonId"
-                                     @bind-Value="NewPokemon.PokemonId"
-                                     @onchange="@SendPokemon"
-                                     class="form-control "
-                                     type="number" />
-                        <InputText placeholder="Pokemon Name"
-                                   id="PokemonName"
-                                   @bind-Value="NewPokemon.PokemonName"
-                                   @onchange="@SendPokemon"
-                                   class="form-control w-50 rounded-end" />
-                    </div>
-                </div>
-
-                <!-- Variation Check -->
-                <div class="d-flex flex-row justify-content-start input-group ">
-                    <InputCheckbox id="IsVariation"
-                                   @bind-Value="NewPokemon.IsVariation"
-                                   @onclick="@Toggle"
-                                   @onchange="@SendPokemon"
-                                   class="form-check-input p-3 rounded" />
-                    <span class="input-group-text ms-1 @GetRoundingClass()">Variation?</span>
-                    <InputText placeholder="How So?"
-                               id="VariationName"
-                               @bind-Value="NewPokemon.VariationName"
-                               @onchange="@SendPokemon"
-                               class="form-control rounded-end"
-                               hidden="@HideLabel" />
-                </div>
-
-                <!-- <br> -->
-                <div class="border-bottom border-3 border-info-subtle rounded m-1 my-3"></div>
-
-                <!-- Pokemon Type -->
-                <div class="row mb-2">
-                    <div class="input-group m-auto">
-                        <span for="PokemonType" class="input-group-text rounded-start">Pokemon Type</span>
-                        <InputSelect id="PokemonType" @bind-Value="NewPokemon.PokemonType" @onchange="@SendPokemon" class="form-select rounded-end">
-                            <option disabled value="" selected>Select...</option>
-                            @foreach (var pt in PkmnTypes)
-                            {
-                                <option value="@pt.Type">@pt.Type</option>
-                            }
-                        </InputSelect>
-                    </div>
-
-                </div>
-
-                <!-- Pokemon Sleep Type, Specialty -->
-                <div class="row mb-3 mx-0">
-                    <!-- Sleep Type -->
-                    <div class="col ps-0 pe-1">
-                        <div class="row input-group m-auto">
-                            <span for="SleepType" class="input-group-text rounded-top">Sleep Type</span>
-                        </div>
-                        <div class="row input-group m-auto">
-                            <InputSelect id="SleepType" @bind-Value="NewPokemon.SleepType" @onchange="@SendPokemon" class="form-select rounded-bottom">
-                                <option disabled value="" selected>Select...</option>
-                                @foreach (var st in SleepTypes)
-                                {
-                                    <option value="@st">@st</option>
-                                }
-                            </InputSelect>
-                        </div>
-                    </div>
-                    <!-- Speciality -->
-                    <div class="col ps-1 pe-0">
-                        <div class="row input-group m-auto">
-                            <span for="Speciality" class="input-group-text rounded-top">Specialty</span>
-                        </div>
-                        <div class="row input-group m-auto">
-                            <InputSelect id="Speciality" @bind-Value="NewPokemon.Speciality" @onchange="@SendPokemon" class="form-select rounded-bottom">
-                                <option disabled value="" selected>Select...</option>
-                                @foreach (var sp in Specialities)
-                                {
-                                    <option value="@sp">@sp</option>
-                                }
-                            </InputSelect>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Pokemon Ingredients -->
-                <div class="row mb-3 mx-0">
-                    <!-- Ingredient 1 -->
-                    <div class="col ps-0 pe-1">
-                        <div class="row input-group m-auto">
-                            <span for="Ingredient1" class="input-group-text rounded-top">Ingredient 1</span>
-                        </div>
-                        <div class="row input-group m-auto">
-                            <InputSelect id="Ingredient1" @bind-Value="NewPokemon.Ingredient1" @onchange="@SendPokemon" class="form-select rounded-bottom">
-                                <option disabled value="" selected>Select...</option>
-                                @foreach (var ingredient in Ingredients)
-                                {
-                                    <option value="@ingredient.Name">@ingredient.Name</option>
-                                }
-                            </InputSelect>
-                        </div>
-                    </div>
-                    <!-- Ingredient 2 -->
-                    <div class="col ps-0 pe-1">
-                        <div class="row input-group m-auto">
-                            <span for="Ingredient2" class="input-group-text rounded-top">Ingredient 2</span>
-                        </div>
-                        <div class="row input-group m-auto">
-                            <InputSelect id="Ingredient2" @bind-Value="NewPokemon.Ingredient2" @onchange="@SendPokemon" class="form-select rounded-bottom">
-                                <option disabled value="" selected>Select...</option>
-                                @foreach (var ingredient in Ingredients)
-                                {
-                                    <option value="@ingredient.Name">@ingredient.Name</option>
-                                }
-                            </InputSelect>
-                        </div>
-                    </div>
-                    <!-- Ingredient 3 -->
-                    <div class="col ps-0 pe-1">
-                        <div class="row input-group m-auto">
-                            <span for="Ingredient3" class="input-group-text rounded-top">Ingredient 3</span>
-                        </div>
-                        <div class="row input-group m-auto">
-                            <InputSelect id="Ingredient3" @bind-Value="NewPokemon.Ingredient3" @onchange="@SendPokemon" class="form-select rounded-bottom">
-                                <option disabled value="" selected>Select...</option>
-                                @foreach (var ingredient in Ingredients)
-                                {
-                                    <option value="@ingredient.Name">@ingredient.Name</option> 
-                                }
-                            </InputSelect>
-                        </div>
-                    </div>
-                </div>
-
-
-                <!-- <br> -->
-                <div class="border-bottom border-3 border-info-subtle rounded m-1 my-3"></div>
-
-                <!-- Images -->
-                <div class="row mb-2">
-                    <div class="input-group m-auto">
-                        <span for="ImageUrl" class="input-group-text rounded-start">Base Image URL</span>
-                        <InputText id="ImageUrl" @bind-Value="NewPokemon.PokemonImageUrl" @onchange="@SendPokemon" class="form-control rounded-end" />
-                    </div>
-                </div>
-                <div class="row mb-2">
-                    <div class="input-group m-auto">
-                        <span for="ShinyImageUrl" class="input-group-text rounded-start">Shiny Image URL</span>
-                        <InputText id="ShinyImageUrl" @bind-Value="NewPokemon.PokemonShinyImageUrl" @onchange="@SendPokemon" class="form-control rounded-end" />
-                    </div>
-                </div>
-
-                <!-- Flavor -->
-                <div class="row mb-2">
-                    <div class="input-group m-auto">
-                        <span for="FlavorText" class="input-group-text rounded-start">Flavor Text</span>
-                        <InputText id="FlavorText" @bind-Value="NewPokemon.FlavorText" @onchange="@SendPokemon" class="form-control rounded-end" />
-                    </div>
-                </div>
-
-                <!-- <br> -->
-                <div class="border-bottom border-3 border-info-subtle rounded m-1 my-3"></div>
-
-                @if (showErrors && !IsComplete)
-                {
-                    <div class="alert alert-warning mt-2">
-                        Please complete: @string.Join(", ", MissingFields())
-                    </div>
-                }
-
-                <div class="d-flex mt-3 justify-content-center gap-3">
-                    <button type="button"
-                            class="btn btn-success rounded rounded-5 p-1"
-                            @onclick="@SendPokemon">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
-                            <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
-                            <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4" />
-                        </svg>
-
-                    </button>
-                    @if (mostRecentForm)
-                    {
-                        <button type="button"
-                                class="btn btn-danger rounded rounded-5 p-1"
-                                @onclick="@HandleRemove">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
-                                <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
-                                <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
-                            </svg>
-                        </button>
-                    }
-                    else
-                    {
-                        <button type="button"
-                                class="btn btn-danger rounded rounded-5 p-1"
-                            
-                                disabled>
-                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
-                                <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
-                                <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
-                            </svg>
-                        </button>
-                    }
-                </div>
-            </EditForm>
-        </div>
-
-    }
-    else if (formUse == "EDIT")
-    {
-        <div class="pokemon-form-container m-auto bg-info border border-5 border-info-subtle rounded-4 p-3">
-            <EditForm class="col" Model="PokemonToEdit">
-                <DataAnnotationsValidator />
-
-                <div class="bg-primary-subtle rounded"><p class="fs-3 fw-light text-center card-title">Edit Pokemon</p></div>
-
-                <!-- Pokemon Number and Name -->
-                <div class="row mt-1">
-                    <div class="col input-group mb-2">
-                        <span class="input-group-text text-sm-center rounded-start">#</span>
-                        <InputNumber min="1"
-                                     placeholder="Pokedex #"
-                                     id="PokemonId"
-                                     @bind-Value="PokemonToEdit.PokemonId"
-                                     @onchange="@SendPokemon"
-                                     class="form-control "
-                                     type="number" />
-                        <InputText placeholder="Pokemon Name"
-                                   id="PokemonName"
-                                   @bind-Value="PokemonToEdit.PokemonName"
-                                   @onchange="@SendPokemon"
-                                   class="form-control w-50 rounded-end" />
-                    </div>
-                </div>
-
-                <!-- Variation Check -->
-                <div class="d-flex flex-row justify-content-start input-group ">
-                    <InputCheckbox id="IsVariation"
-                                   @bind-Value="PokemonToEdit.IsVariation"
-                                   @onclick="@Toggle"
-                                   @onchange="@SendPokemon"
-                                   class="form-check-input p-3 rounded" />
-                    <span class="input-group-text ms-1 @GetRoundingClass()">Variation?</span>
-                    <InputText placeholder="How So?"
-                               id="VariationName"
-                               @bind-Value="PokemonToEdit.VariationName"
-                               @onchange="@SendPokemon"
-                               class="form-control rounded-end"
-                               hidden="@HideLabel" />
-                </div>
-
-                <!-- <br> -->
-                <div class="border-bottom border-3 border-info-subtle rounded m-1 my-3"></div>
-
-                <!-- Pokemon Type -->
-                <div class="row mb-2">
-                    <div class="input-group m-auto">
-                        <span for="PokemonType" class="input-group-text rounded-start">Pokemon Type</span>
-                        <InputSelect id="PokemonType" @bind-Value="PokemonToEdit.PokemonType" class="form-select rounded-end" @onchange="@SendPokemon">
-                            <option disabled value="" selected>Select...</option>
-                            @foreach (var pt in PokemonTypes)
-                            {
-                                <option value="@pt">@pt</option>
-                            }
-                        </InputSelect>
-                    </div>
-
-                </div>
-
-                <!-- Pokemon Sleep Type, Specialty -->
-                <div class="row mb-3 mx-0">
-                    <!-- Sleep Type -->
-                    <div class="col ps-0 pe-1">
-                        <div class="row input-group m-auto">
-                            <span for="SleepType" class="input-group-text rounded-top">Sleep Type</span>
-                        </div>
-                        <div class="row input-group m-auto">
-                            <InputSelect id="SleepType" @bind-Value="PokemonToEdit.SleepType" class="form-select rounded-bottom" @onchange="@SendPokemon">
-                                <option disabled value="" selected>Select...</option>
-                                @foreach (var st in SleepTypes)
-                                {
-                                    <option value="@st">@st</option>
-                                }
-                            </InputSelect>
-                        </div>
-                    </div>
-                    <!-- Speciality -->
-                    <div class="col ps-1 pe-0">
-                        <div class="row input-group m-auto">
-                            <span for="Speciality" class="input-group-text rounded-top">Specialty</span>
-                        </div>
-                        <div class="row input-group m-auto">
-                            <InputSelect id="Speciality" @bind-Value="PokemonToEdit.Speciality" class="form-select rounded-bottom" @onchange="@SendPokemon">
-                                <option disabled value="" selected>Select...</option>
-                                @foreach (var sp in Specialities)
-                                {
-                                    <option value="@sp">@sp</option>
-                                }
-                            </InputSelect>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Pokemon Ingredients -->
-                <div class="row mb-3 mx-0">
-                    <!-- Ingredient 1 -->
-                    <div class="col ps-0 pe-1">
-                        <div class="row input-group m-auto">
-                            <span for="Ingredient1" class="input-group-text rounded-top">Ingredient 1</span>
-                        </div>
-                        <div class="row input-group m-auto">
-                            <InputSelect id="Ingredient1" @bind-Value="PokemonToEdit.Ingredient1" @onchange="@SendPokemon" class="form-select rounded-bottom">
-                                <option disabled value="" selected>Select...</option>
-                                @foreach (var ingredient in Ingredients)
-                                {
-                                    <option value="@ingredient.Name">@ingredient.Name</option>
-                                }
-                            </InputSelect>
-                        </div>
-                    </div>
-                    <!-- Ingredient 2 -->
-                    <div class="col ps-0 pe-1">
-                        <div class="row input-group m-auto">
-                            <span for="Ingredient2" class="input-group-text rounded-top">Ingredient 2</span>
-                        </div>
-                        <div class="row input-group m-auto">
-                            <InputSelect id="Ingredient2" @bind-Value="PokemonToEdit.Ingredient2" @onchange="@SendPokemon" class="form-select rounded-bottom">
-                                <option disabled value="" selected>Select...</option>
-                                @foreach (var ingredient in Ingredients)
-                                {
-                                    <option value="@ingredient.Name">@ingredient.Name</option>
-                                }
-                            </InputSelect>
-                        </div>
-                    </div>
-                    <!-- Ingredient 3 -->
-                    <div class="col ps-0 pe-1">
-                        <div class="row input-group m-auto">
-                            <span for="Ingredient3" class="input-group-text rounded-top">Ingredient 3</span>
-                        </div>
-                        <div class="row input-group m-auto">
-                            <InputSelect id="Ingredient3" @bind-Value="PokemonToEdit.Ingredient3" @onchange="@SendPokemon" class="form-select rounded-bottom">
-                                <option disabled value="" selected>Select...</option>
-                                @foreach (var ingredient in Ingredients)
-                                {
-                                    <option value="@ingredient.Name">@ingredient.Name</option>
-                                }
-                            </InputSelect>
-                        </div>
-                    </div>
-                </div>
-
-
-                <!-- <br> -->
-                <div class="border-bottom border-3 border-info-subtle rounded m-1 my-3"></div>
-
-                <!-- Images -->
-                <div class="row mb-2">
-                    <div class="input-group m-auto">
-                        <span for="ImageUrl" class="input-group-text rounded-start">Base Image URL</span>
-                        <InputText id="ImageUrl" @bind-Value="PokemonToEdit.PokemonImageUrl" class="form-control rounded-end" @onchange="@SendPokemon" />
-                    </div>
-                </div>
-                <div class="row mb-2">
-                    <div class="input-group m-auto">
-                        <span for="ShinyImageUrl" class="input-group-text rounded-start">Shiny Image URL</span>
-                        <InputText id="ShinyImageUrl" @bind-Value="PokemonToEdit.PokemonShinyImageUrl" class="form-control rounded-end" @onchange="@SendPokemon" />
-                    </div>
-                </div>
-
-                <!-- Flavor -->
-                <div class="row mb-2">
-                    <div class="input-group m-auto">
-                        <span for="FlavorText" class="input-group-text rounded-start">Flavor Text</span>
-                        <InputText id="FlavorText" @bind-Value="PokemonToEdit.FlavorText" class="form-control rounded-end" @onchange="@SendPokemon" />
-                    </div>
-                </div>
-
-                <!-- <br> -->
-                <div class="border-bottom border-3 border-info-subtle rounded m-1 my-3"></div>
-
-                @if (showErrors && !IsComplete)
-                {
-                    <div class="alert alert-warning mt-2">
-                        Please complete: @string.Join(", ", MissingFields())
-                    </div>
-                }
-
-                <div class="d-flex mt-3 justify-content-center gap-3">
-                    @if (mostRecentForm)
-                    {
-                        <button type="button"
-                                class="btn btn-danger rounded rounded-5 p-1"
-                                @onclick="@HandleRemove">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
-                                <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
-                                <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
-                            </svg>
-                        </button>
-                    }
-                </div>
-            </EditForm>
-        </div>
-    }
-}
-

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonForm.razor.cs

@@ -1,190 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Microsoft.AspNetCore.Components.Web;
-using Microsoft.EntityFrameworkCore.Metadata.Internal;
-using Portfolio.Application.Services.PokemonService;
-using Portfolio.Domain.Features.Pokemon;
-using Portfolio.Domain.Features.Portfolio;
-
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    public partial class PokemonForm
-    {
-        // To Add or Edit Pokemon
-        [Parameter]
-        public string formUse { get; set; }
-
-        private bool formChanged { get; set; } = false;
-        
-        [Parameter]
-        public EventCallback<Pokemon> OnPokemonReady { get; set; }
-        [Parameter]
-        public EventCallback RemoveForm { get; set; }
-
-        // When Adding
-        [Parameter]
-        public bool mostRecentForm { get; set; }
-        private Pokemon NewPokemon = new Pokemon
-        {
-            PokemonId = 0, // Or any default ID logic
-            PokemonName = string.Empty, // Required fields cannot be null
-            PokemonType = string.Empty, // Required fields cannot be null
-            SleepType = string.Empty,
-            Speciality = string.Empty,
-            IsVariation = false
-        };
-
-        // When Editing
-        [Parameter]
-        public Pokemon? PokemonToEdit { get; set; }
-        private int PokemonToEditId { get; set; }
-
-
-        // General Form
-
-        protected static readonly string[] PokemonTypes = new[]
-        {
-        "Grass","Fire","Water","Normal","Flying","Bug","Poison","Electric","Ground","Rock","Ice",
-        "Steel","Fighting","Psychic","Dark","Fairy","Ghost","Dragon"
-        };
-        protected static readonly string[] SleepTypes = new[] { "Dozing", "Snoozing", "Slumbering" };
-        protected static readonly string[] Specialities = new[] { "Berries", "Ingredients", "Skills", "All" };
-        
-        private List<Ingredient>? Ingredients;
-        private List<PokemonType>? PkmnTypes;
-        private bool HideLabel { get; set; }
-        private bool showErrors { get; set; } = false;
-
-
-        protected override async Task OnInitializedAsync()
-        {
-            var http = ClientFactory.CreateClient("LocalClient");
-            Ingredients = await http.GetFromJsonAsync<List<Ingredient>>("data/ingredients.json");
-            PkmnTypes = await http.GetFromJsonAsync<List<PokemonType>>("data/pkmn_type-and-berries.json");
-            var count = 0;
-            foreach (var t in PkmnTypes)
-            {
-                count++;
-                //if (count <= 9) { Console.WriteLine("0"+ count + ": | " + t.Type + "\t| " + t.Berry); }
-                //else { Console.WriteLine(count + ": | " + t.Type + "\t| " + t.Berry); }
-            }
-            if (formUse == "EDIT")
-            {
-                if (PokemonToEdit.IsVariation == true)
-                {
-                    HideLabel = false;
-                }
-                PokemonToEditId = PokemonToEdit.Id;
-            }
-            else
-            {
-                HideLabel = true;
-            }
-        }
-
-
-        private void Toggle()
-        {
-            HideLabel = !HideLabel;
-        } 
-
-        private void ToggleFormChange()
-        {
-            formChanged = true;
-        }
-
-
-        // CSS-function to get proper styling for form elements
-        private string GetRoundingClass()
-        {
-            if (!HideLabel)
-            {
-                return "rounded-start";
-            }
-            return "rounded-start rounded-end";
-        }
-
-        // Minimal "complete" check (no data annotations needed)
-        private bool IsComplete =>
-            NewPokemon.PokemonId > 0 &&
-            !string.IsNullOrWhiteSpace(NewPokemon.PokemonName) &&
-            !string.IsNullOrWhiteSpace(NewPokemon.PokemonType) &&
-            !string.IsNullOrWhiteSpace(NewPokemon.SleepType) &&
-            !string.IsNullOrWhiteSpace(NewPokemon.Speciality) &&
-            (!NewPokemon.IsVariation || !string.IsNullOrWhiteSpace(NewPokemon.VariationName));
-
-        private IEnumerable<string> MissingFields()
-        {
-            if (NewPokemon.PokemonId <= 0) yield return "Pokédex #";
-            if (string.IsNullOrWhiteSpace(NewPokemon.PokemonName)) yield return "Name";
-            if (string.IsNullOrWhiteSpace(NewPokemon.PokemonType)) yield return "Type";
-            if (string.IsNullOrWhiteSpace(NewPokemon.SleepType)) yield return "Sleep Type";
-            if (string.IsNullOrWhiteSpace(NewPokemon.Speciality)) yield return "Specialty";
-            if (NewPokemon.IsVariation && string.IsNullOrWhiteSpace(NewPokemon.VariationName)) yield return "Variation Name";
-        }
-
-        private async Task HandleRemove()
-        {
-            await RemoveForm.InvokeAsync();
-        }
-
-        private async Task SendPokemon()
-        {
-            Console.WriteLine("onchange");
-            if(formUse == "ADD")
-            {
-                if (!IsComplete)
-                {
-                    showErrors = true;
-                    StateHasChanged();
-                    return;
-                }
-
-                // Optionally send a copy to avoid later mutation by the child
-                var copy = new Pokemon
-                {
-                    PokemonId = NewPokemon.PokemonId,
-                    PokemonName = NewPokemon.PokemonName,
-                    PokemonType = NewPokemon.PokemonType,
-                    SleepType = NewPokemon.SleepType,
-                    Speciality = NewPokemon.Speciality,
-                    IsVariation = NewPokemon.IsVariation,
-                    VariationName = NewPokemon.VariationName,
-                    PokemonImageUrl = NewPokemon.PokemonImageUrl,
-                    PokemonShinyImageUrl = NewPokemon.PokemonShinyImageUrl,
-                    FlavorText = NewPokemon.FlavorText,
-                    Ingredient1 = NewPokemon.Ingredient1,
-                    Ingredient2 = NewPokemon.Ingredient2,
-                    Ingredient3 = NewPokemon.Ingredient3
-                };
-
-                await OnPokemonReady.InvokeAsync(copy);
-                formChanged = false;
-            }
-            else
-            {
-                // Optionally send a copy to avoid later mutation by the child
-                var edit = new Pokemon
-                {
-                    Id = PokemonToEditId,
-                    PokemonId = PokemonToEdit.PokemonId,
-                    PokemonName = PokemonToEdit.PokemonName,
-                    PokemonType = PokemonToEdit.PokemonType,
-                    SleepType = PokemonToEdit.SleepType,
-                    Speciality = PokemonToEdit.Speciality,
-                    IsVariation = PokemonToEdit.IsVariation,
-                    VariationName = PokemonToEdit.VariationName,
-                    PokemonImageUrl = PokemonToEdit.PokemonImageUrl,
-                    PokemonShinyImageUrl = PokemonToEdit.PokemonShinyImageUrl,
-                    FlavorText = PokemonToEdit.FlavorText,
-                    Ingredient1 = PokemonToEdit.Ingredient1,
-                    Ingredient2 = PokemonToEdit.Ingredient2,
-                    Ingredient3 = PokemonToEdit.Ingredient3
-                };
-
-                await OnPokemonReady.InvokeAsync(edit);
-                Console.WriteLine(edit);
-            }
-
-        }
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonForm.razor.css

@@ -1,25 +0,0 @@
-
-$display-font-sizes: (
-  1: 5rem,
-  2: 4.5rem,
-  3: 4rem,
-  4: 3.5rem,
-  5: 3rem,
-  6: 2.5rem
-);
-
-.pokemon-form-container {
-    position: relative;
-    aspect-ratio: 3 / 4; /* Maintains card shape dynamically */
-    background-color: var(--bg-color);
-    border-width: .5rem;
-    border-style: solid;
-    border-radius: 5% / 3.5%;
-    border-color: var(--border-color);
-    box-shadow: 0 0 10px var(--border-color);
-}
-
-.checkbox-styling {
-    width: 100px;
-    height: 100px;
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonImage.razor

@@ -1,22 +0,0 @@
-<div class="wrapper">
-    @if (shinyUrl == null)
-    {
-        <div class="flip-container">
-            <div class="flipper">
-                <img class="front" src="@baseUrl" />
-            </div>
-        </div>
-
-    }
-    else
-    {
-        <div class="flip-container" @onclick="() => ToggleImage()">
-            <div class="flipper @(isShiny ? "flipped" : "")">
-                <img class="front" src="@baseUrl" />
-                <img class="back" src="@shinyUrl" />
-            </div>
-        </div>
-
-    }
-
-</div>

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonImage.razor.cs

@@ -1,20 +0,0 @@
-using Microsoft.AspNetCore.Components;
-
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    public partial class PokemonImage
-    {
-        [Parameter]
-        public string baseUrl { get; set; }
-        [Parameter]
-        public string shinyUrl { get; set; }
-
-        private bool isShiny = false;
-
-        private void ToggleImage()
-        {
-            isShiny = !isShiny;
-            StateHasChanged();
-        }
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonImage.razor.css

@@ -1,50 +0,0 @@
-.wrapper {
-    display: inline-block;
-    width: 90%;
-    height: 90%;
-}
-
-.flip-container {
-    position: absolute !important;
-    top: 40% !important;
-    left: 50% !important;
-    transform: translate(-50%, -50%) !important;
-    perspective: 1000px;
-    display: inline-block;
-    width: 80%;
-    aspect-ratio: 1 / 1;
-    max-width: 280px;
-    margin: 0 auto;
-    cursor: pointer;
-}
-
-.flipper {
-    transition: transform 0.6s;
-    transform-style: preserve-3d;
-    width: 100%;
-    height: 100%;
-    position: relative;
-}
-
-.flipped {
-    transform: rotateY(180deg);
-}
-
-.wrapper {
-    position: relative;
-    max-height: 100px;
-    width: 100%;
-}
-
-.front, .back {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    inset: 0; /* shorthand for top/right/bottom/left: 0 */
-    backface-visibility: hidden;
-    object-fit: contain; /* keep aspect ratio inside the box */
-}
-
-.back {
-    transform: rotateY(180deg);
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonNavMenu.razor

@@ -1,43 +0,0 @@
-<!-- Pokemon Navigation Buttons -->
-<div class="mx-auto w-75 top-row row" >
-        <div class="row btn-group d-flex justify-content-end" >
-            <!-- Home -->
-            <button class="btn btn-primary mx-1 align-content-center" style="border-radius: 50px 15px; max-width: 60px;">
-                <NavLink href="/pokemon-sleep">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-fill mb-1 text-white" viewBox="0 0 16 16">
-                        <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z" />
-                        <path d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293z" />
-                    </svg>
-                </NavLink>
-            </button>
-
-            <!-- Pokemon Table-->
-            <button class="btn btn-info mx-1" style="border-radius: 50px 15px; max-width: 60px;">
-            <NavLink href="/pokemon-sleep/pokemon">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table mb-1 text-white" viewBox="0 0 16 16">
-                        <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z" />
-                    </svg>
-                </NavLink>
-            </button>
-
-            <!-- Rate Pokemon -->
-            <button class="btn btn-success mx-1" style="border-radius: 50px 15px; max-width: 60px;">
-            <NavLink href="/pokemon-sleep/rate-pokemon">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-award-fill mb-1 text-white" viewBox="0 0 16 16">
-                        <path d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z" />
-                        <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z" />
-                    </svg>
-                </NavLink>
-            </button>
-
-            <!-- Add Pokemon (Wrap in Auth) -->
-            <button class="btn btn-warning mx-1 " style="border-radius: 50px 15px; max-width: 60px;">
-                <NavLink href="/pokemon-sleep/add-new-pokemon">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle-fill text-white" viewBox="0 0 16 16">
-                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
-                    </svg>
-                </NavLink>
-            </button>
-
-        </div>
-</div>

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonNavMenu.razor.cs

@@ -1,6 +0,0 @@
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    public partial class PokemonNavMenu
-    {
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonNavMenu.razor.css

@@ -1,2 +0,0 @@
-body {
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonRatingPanel.razor

@@ -1,135 +0,0 @@
-<div class="pokemon-rating-panel">
-
-     <!-- Dropdown Selects -->
-    <div class="ratings bg-light-subtle col">
-        <h3 class="mb-3 row">Select Nature & Subskills</h3>
-
-        <!-- Nature -->
-        <div class="d-flex justify-content-between align-items-center row">
-            <div class="col">
-                <label>Select Nature</label>
-                <select class="form-control" @bind="SelectedNatureId">
-                    <option value="" disabled selected >Choose Nature...</option>
-                    @foreach (var nature in NatureList)
-                    {
-                        <option value="@nature.Id">@nature.Nature</option>
-                    }
-                </select>
-            </div>
-            <div class="text-center col">
-                <h4 class="mt-4">
-                    <span class="text-muted">@lastnaturescore</span>
-                </h4>
-            </div>
-        </div>
-
-        <!-- Subskill 1 -->
-        <div class="d-flex justify-content-between align-items-center mt-3 row">
-            <div class="col">
-                <label for="subskillSelect1">Select Level 10 Subskill</label>
-                <select id="subskillSelect1" class="form-control" @bind="Subskill1">
-                    <option value="" disabled selected>Choose Subskill...</option>
-                    @foreach (var subskill in SubskillList)
-                    {
-                        <option value="@subskill.Id">@subskill.SubSkill</option>
-                    }
-                </select>
-            </div>
-            <div class="text-center col">
-                <h4 class="mt-4">
-                    <span class="text-muted">@lastS1score</span>
-                </h4>
-            </div>
-        </div>
-
-        <!-- Subskill 2 -->
-        <div class="d-flex justify-content-between align-items-center mt-3 row">
-            <div class="col">
-                <label for="subskillSelect2">Select Level 25 Subskill</label>
-                <select id="subskillSelect2" class="form-control" @bind="Subskill2">
-                    <option value="" disabled selected>Choose Subskill...</option>
-                    @foreach (var subskill in SubskillList)
-                    {
-                        <option value="@subskill.Id">@subskill.SubSkill</option>
-                    }
-                </select>
-            </div>
-            <div class="text-center col">
-                <h4 class="mt-4">
-                    <span class="text-muted">@lastS2score</span>
-                </h4>
-            </div>
-        </div>
-
-        <!-- Subskill 3 -->
-        <div class="d-flex justify-content-between align-items-center mt-3 row">
-            <div class="col">
-                <label for="subskillSelect3">Select Level 50 Subskill</label>
-                <select id="subskillSelect3" class="form-control" @bind="Subskill3">
-                    <option value="" selected disabled>Choose Subskill...</option>
-                    @foreach (var subskill in SubskillList)
-                    {
-                        <option value="@subskill.Id">@subskill.SubSkill</option>
-                    }
-                </select>
-            </div>
-            <div class="text-center col">
-                <h4 class="mt-4">
-                    <span class="text-muted">@lastS3score</span>
-                </h4>
-            </div>
-        </div>
-
-        <!-- Subskill 4 Disabled -->
-        <div class="d-flex justify-content-between align-items-center mt-3 row">
-            <div class="col">
-                <label for="subskillSelect4">Select Level 75 Subskill</label>
-                <select id="subskillSelect4" disabled class="form-control" @bind="Subskill4">
-                    <option value="" disabled selected>Choose Subskill...</option>
-                    @foreach (var subskill in SubskillList)
-                    {
-                        <option value="@subskill.Id">@subskill.SubSkill</option>
-                    }
-                </select>
-            </div>
-            <div class="text-center col">
-                <h4 class="mt-4">
-                    <span class="text-muted">0</span>
-                </h4>
-            </div>
-        </div>
-
-        <!-- Subskill 5 Disabled -->
-        <div class="d-flex justify-content-between align-items-center mt-3 row">
-            <div class="col">
-                <label for="subskillSelect5">Select Level 100 Subskill</label>
-                <select id="subskillSelect5" disabled class="form-control mb-2" @bind="Subskill5">
-                    <option value="" disabled selected>Choose Subskill...</option>
-                    @foreach (var subskill in SubskillList)
-                    {
-                        <option value="@subskill.Id">@subskill.SubSkill</option>
-                    }
-                </select>
-            </div>
-            <div class="text-center col">
-                <h4 class="mt-4">
-                    <span class="text-muted">0</span>
-                </h4>
-            </div>
-        </div>
-
-        <hr/>
-
-        <!-- Score Output -->
-        <div class="d-flex justify-content-between align-items-center mt-3 row">
-            <h3 class="col">Final Score:</h3>
-            <div class="p-2 rounded text-center  col"
-                 style="background-color:@ScoreBackgroundColor; color:@ScoreColor; ">
-                <h3>@FinalScore</h3>
-            </div>
-        </div>
-
-
-    </div> 
-
-</div>

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonRatingPanel.razor.cs

@@ -1,156 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Portfolio.Domain.Features.Pokemon;
-using Portfolio.Domain.Features.Pokemon_Natures;
-using Portfolio.Domain.Features.Pokemon_Subskills;
-
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    partial class PokemonRatingPanel
-    {
-        [Parameter] public Pokemon PokemonToRate { get; set; }
-        [Parameter] public List<PokemonNature> NatureList { get; set; } = new();
-        [Parameter] public List<PokemonSubskill> SubskillList { get; set; } = new();
-
-        private int SelectedNatureId;
-        private int Subskill1;
-        private int Subskill2;
-        private int Subskill3;
-        private int Subskill4;
-        private int Subskill5;
-
-        private int FinalScore;
-        private string ScoreBackgroundColor = "#FFFFFF";
-        private string ScoreColor = "#000000";
-
-
-        private int lastNatureId;
-        private int lastS1, lastS2, lastS3;
-        private int lastnaturescore, lastS1score, lastS2score, lastS3score;
-
-        protected override void OnAfterRender(bool firstRender)
-        {
-            // If last Nature or Subskill is different than previous
-            if (PokemonToRate != null) {
-                if (SelectedNatureId != lastNatureId)
-                {
-                    lastNatureId = SelectedNatureId;
-                    var nature = NatureList.FirstOrDefault(n => n.Id == lastNatureId);
-                    lastnaturescore = PokemonToRate.Speciality switch
-                    {
-                        "Berries" => nature.BerryRating,
-                        "Ingredients" => nature.IngredientRating,
-                        "Skills" => nature.SkillRating,
-                        _ => 0
-                    };
-
-                }
-                if (Subskill1 != lastS1)
-                {
-
-                    lastS1 = Subskill1;
-                    var s1 = SubskillList.FirstOrDefault(s => s.Id == Subskill1);
-                    lastS1score = PokemonToRate.Speciality switch
-                    {
-                        "Berries" => s1.BerryRank,
-                        "Ingredients" => s1.IngredientRank,
-                        "Skills" => s1.SkillRank,
-                        _ => 0
-                    };
-
-                }
-                if (Subskill2 != lastS2)
-                {
-
-                    lastS2 = Subskill2;
-                    var s2 = SubskillList.FirstOrDefault(s => s.Id == Subskill2);
-                    lastS2score = PokemonToRate.Speciality switch
-                    {
-                        "Berries" => s2.BerryRank,
-                        "Ingredients" => s2.IngredientRank,
-                        "Skills" => s2.SkillRank,
-                        _ => 0
-                    };
-
-
-
-                }
-                if (Subskill3 != lastS3)
-                {
-                    lastS3 = Subskill3;
-                    var s3 = SubskillList.FirstOrDefault(s => s.Id == Subskill3);
-                    lastS3score = PokemonToRate.Speciality switch
-                    {
-                        "Berries" => s3.BerryRank,
-                        "Ingredients" => s3.IngredientRank,
-                        "Skills" => s3.SkillRank,
-                        _ => 0
-                    };
-                }
-            }
-
-            CalculateScore();
-            StateHasChanged();
-
-        }
-
-        private void CalculateScore()
-        {
-            if (PokemonToRate == null || SelectedNatureId == 0 || lastS1 == 0 || lastS2 == 0 || lastS3 == 0)
-            {
-                
-                FinalScore = 0;
-                ScoreBackgroundColor = "#FFFFFF";
-                ScoreColor = "#000000";
-                return;
-            }
-
-            var nature = NatureList.FirstOrDefault(n => n.Id == SelectedNatureId);
-            var s1 = SubskillList.FirstOrDefault(s => s.Id == Subskill1);
-            var s2 = SubskillList.FirstOrDefault(s => s.Id == Subskill2);
-            var s3 = SubskillList.FirstOrDefault(s => s.Id == Subskill3);
-
-            if (nature == null || s1 == null || s2 == null || s3 == null)
-            {
-                FinalScore = 0;
-                ScoreBackgroundColor = "#FFFFFF";
-                ScoreColor = "#000000";
-                return;
-            }
-
-
-            FinalScore = PokemonToRate.Speciality switch
-            {
-                "Berries" => nature.BerryRating + s1.BerryRank + s2.BerryRank + s3.BerryRank,
-                "Ingredients" => nature.IngredientRating + s1.IngredientRank + s2.IngredientRank + s3.IngredientRank,
-                "Skills" => nature.SkillRating + s1.SkillRank + s2.SkillRank + s3.SkillRank,
-                _ => 0
-            };
-
-
-            // Set score background based on value
-            ScoreBackgroundColor = FinalScore switch
-            {
-                8 => "#16C47F",
-                7 => "#33CB8F",
-                6 => "#50D39F",
-                5 => "#6DDAAF",
-                4 => "#8BE2BF",
-                3 => "#A8E9CF",
-                2 => "#C5F0DF",
-                1 => "#E2F8EF",
-                0 => "#FFFFFF",
-                -1 => "#FFE7E7",
-                -2 => "#FED0D0",
-                -3 => "#FEB8B8",
-                -4 => "#FDA0A0",
-                -5 => "#FD8888",
-                -6 => "#FC7171",
-                -7 => "#FC5959",
-                -8 => "#FB4141",
-                _ => "#FFFFFF"
-            };
-
-            ScoreColor = FinalScore == 0 ? "#000000" : "#FFFFFF";
-        }
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonRatingPanel.razor.css

@@ -1,49 +0,0 @@
-.pokemon-rating-panel {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    width: 100%;
-    height: 70vh;
-}
-
-
-.ratings {
-    flex: 2;
-    padding: 1.5rem;
-    border-radius: 5% / 3.5%;
-}
-
-.select-width {
-    width: 16rem;
-}
-
-.score-width {
-    width: 6rem;
-}
-
-
-@media (max-width: 768px) {
-    .pokemon-rating-panel {
-        padding: 1rem;
-    }
-
-    .ratings {
-        padding: 1rem;
-    }
-
-    .d-flex.justify-content-between.align-items-center {
-        flex-direction: column;
-        align-items: stretch !important;
-        gap: 0.5rem;
-    }
-
-    .select-width
-     {
-        width: 4rem;
-        text-align: center;
-    }
-
-        .score-width h4 {
-            margin-top: 0.5rem !important;
-        }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonSelector.razor

@@ -1,23 +0,0 @@
-
-<!-- Search Input -->
-<div class="pokemon-selector p-3 bg-light">
-    <input class="form-control mb-3 rounded rounded-5" placeholder="Search Pokémon..." @bind="SearchTerm" @oninput="HandleSearch" />
-
-    <!-- Scrollable Pokémon Grid -->
-    <div class="row pokemon-grid pt-1">
-        @foreach (var pokemon in FilteredPokemon)
-        {
-            bool isSelected = SelectedPokemon?.Id == pokemon.Id;
-
-            <div class="col-6 col-md-3 mb-3">
-                <div class="card pokemon-card small-card @(isSelected ? "border-primary border-2 shadow" : "border-2 border-white") rounded rounded-3"
-                     @onclick="() => SelectPokemon(pokemon)">
-                    <img src="@pokemon.PokemonImageUrl" class="card-img-top" style="height: 50px; object-fit: contain;" />
-                    <div class="card-body p-2 text-center">
-                        <small>@pokemon.PokemonId</small>
-                    </div>
-                </div>
-            </div>
-        }
-    </div>
-</div>

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonSelector.razor.cs

@@ -1,37 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Portfolio.Domain.Features.Pokemon;
-
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    partial class PokemonSelector
-    {
-
-            [Parameter]
-    public List<Pokemon> PokemonList { get; set; } = new();
-
-    [Parameter]
-    public Pokemon? SelectedPokemon { get; set; }
-
-    [Parameter]
-    public EventCallback<Pokemon> OnPokemonSelected { get; set; }
-
-    private string SearchTerm { get; set; } = string.Empty;
-
-    private List<Pokemon> FilteredPokemon =>
-        string.IsNullOrWhiteSpace(SearchTerm)
-            ? PokemonList
-            : PokemonList.Where(p =>
-                p.PokemonName.Contains(SearchTerm, StringComparison.OrdinalIgnoreCase)).ToList();
-
-    private async Task HandleSearch(ChangeEventArgs e)
-    {
-        SearchTerm = e?.Value?.ToString() ?? "";
-    }
-
-    private async Task SelectPokemon(Pokemon pokemon)
-    {
-        await OnPokemonSelected.InvokeAsync(pokemon);
-    }
-    }
-}
-

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonSelector.razor.css

@@ -1,33 +0,0 @@
-.pokemon-selector {
-    height: 70vh;
-    width: 20vw;
-    border: 1px solid #ccc;
-    border-radius: 5% / 3.5%;
-    display: flex;
-    flex-direction: column;
-    
-}
-
-.pokemon-grid {
-    flex: 1 1 auto;
-    overflow-y: auto;
-    align-content: flex-start;  
-}
-
-
-.pokemon-card {
-    cursor: pointer;
-    transition: transform 0.15s ease-in-out;
-}
-
-.pokemon-card:hover {
-    transform: scale(1.13);
-}
-
-.small-card {
-    font-size: 0.75rem;
-}
-
-
-
-

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonTable.razor

@@ -1,372 +0,0 @@
-@inject IPokemonService PokemonService
-@inject IJSRuntime JS
-@inject NavigationManager Navigation
-
-@attribute [StreamRendering]
-@rendermode InteractiveServer
-
-
-<!-- Table A: Desktop View-->
-<div class="container d-none d-lg-block d-md-none mt-4">
-    <!-- Main UI -->
-    <div class="border-0 mx-auto col-8 ">
-        <!-- UI Header -->
-        <div class="row bg-secondary py-3 border-0 rounded-top">
-            <div class="d-flex align-items-center justify-content-between w-100 position-relative px-3">
-
-                <!-- Left: Search -->
-                <input class="form-control w-25 me-3 rounded rounded-5"
-                       placeholder="Search Pokémon..."
-                       @bind="SearchTerm"
-                       @oninput="HandleSearch" />
-
-                <!-- Center: Title -->
-                <h2 class="text-white mb-0 position-absolute start-50 translate-middle-x">
-                    Available Pokémon
-                </h2>
-
-                <!-- Right: Count + Download -->
-                <div class="d-flex align-items-center gap-2">
-                    <div class="badge bg-light">
-                        <p class="statText text-primary fw-medium shadow mb-0">@(pokemons.Count()) Pokémon</p>
-                    </div>
-                    <PokemonDownloadButton _Pokemon="pokemons" />
-                </div>
-
-            </div>
-        </div>
-
-        <!-- Table -->
-        <div class="tableFixHead d-flex flex-column justify-content-start bg-secondary table-responsive row ">
-            <table class="table table-borderless border-0 table-secondary table-striped align-middle">
-                <!-- Table Head -->
-                <thead>
-                    <tr>
-                        <th class="text-white text-bg-info col-2" scope="col"></th>
-                        <th class="text-white text-bg-info col-1" scope="col">#</th>
-                        <th class="text-white text-bg-info col-2" scope="col">Pokémon</th>
-                        <th class="text-white text-bg-info col-1 text-center" scope="col">Type</th>
-                        <th class="text-white text-bg-info col-1 text-center" scope="col">Sleep Type</th>
-                        <th class="text-white text-bg-info col-1 text-center" scope="col">Speciality</th>
-                        @if (adminToggle)
-                        {
-                            <th class="text-white text-bg-info col-2 text-center" scope="col">Admin</th>
-
-                        }
-                    </tr>
-                </thead>
-                <!-- If/Else Pokemon Loaded-->
-                @if(pokemons == null)
-                {
-                    <tbody>
-                        <Loading />
-                    </tbody>
-                }
-                else
-                {
-                    <!-- Table Body -->
-                    <tbody>
-                        @if (FilteredPokemon != null && FilteredPokemon.Any())
-                        {
-                            @foreach (var pokemon in FilteredPokemon)
-                            {
-                                <tr>
-                                    <!-- Section 1: Pokemon Image -->
-                                    <td class="pokeimage">
-                                            <PokemonImage baseUrl="@pokemon.PokemonImageUrl" shinyUrl="@pokemon.PokemonShinyImageUrl" />
-                                    </td>
-
-                                    <!-- Section 2: Pokemon # -->
-                                    <th scope="row" style="cursor: default;">@pokemon.PokemonId</th>
-
-
-                                    <!-- Section 3: Pokemon Name -->
-                                    <td @onclick="() => ViewPokemon(pokemon.PokemonId)" class="pokemon-name-style fw-light col-2">@(pokemon.IsVariation && ToggleVariationName(pokemon.Id, pokemon.PokemonId) ? $"{pokemon.VariationName} {pokemon.PokemonName}" : pokemon.PokemonName)</td>
-
-                                    <!-- Section 4: Pokemon Type -->
-                                    <td>
-                                        <div class="d-flex justify-content-center">
-                                            <img src="@GetTypeImageUrl(pokemon.PokemonType)" style="width:36px; height:36px;box-shadow: 0 1px 2px 1px rgba(0,0,0,0.35);border-radius: 20px;" />
-                                        </div>
-                                    </td>
-
-                                    <!-- Section 5: Sleep Type -->
-                                    <td>
-                                        <div class="d-flex justify-content-center ">
-                                            <PokemonBadge BadgeItem="@pokemon.SleepType" />
-                                        </div>
-                                    </td>
-
-                                    <!-- Section 6: Speciality -->
-                                    <td>
-                                        <div class="d-flex justify-content-center">
-                                            <PokemonBadge BadgeItem="@pokemon.Speciality" />
-
-                                        </div>
-                                    </td>
-
-                                    <!-- Section 7: Admin Controls -->
-                                    @if (adminToggle)
-                                    {
-                                        <td>
-                                            <div class="d-flex justify-content-center gap-1">
-                                                <PokemonEditButton PokemonId="@pokemon.PokemonId" />
-                                                <button class="btn btn-danger rounded rounded-5 text-white " @onclick="() => ConfirmDelete(pokemon.Id)">
-                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash3-fill" viewBox="0 0 16 16">
-                                                        <path d="M11 1.5v1h3.5a.5.5 0 0 1 0 1h-.538l-.853 10.66A2 2 0 0 1 11.115 16h-6.23a2 2 0 0 1-1.994-1.84L2.038 3.5H1.5a.5.5 0 0 1 0-1H5v-1A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5m-5 0v1h4v-1a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5M4.5 5.029l.5 8.5a.5.5 0 1 0 .998-.06l-.5-8.5a.5.5 0 1 0-.998.06m6.53-.528a.5.5 0 0 0-.528.47l-.5 8.5a.5.5 0 0 0 .998.058l.5-8.5a.5.5 0 0 0-.47-.528M8 4.5a.5.5 0 0 0-.5.5v8.5a.5.5 0 0 0 1 0V5a.5.5 0 0 0-.5-.5" />
-                                                    </svg>
-                                                </button>
-                                            </div>
-                                        </td>
-                                    }
-
-                                </tr>
-                            }
-                        }
-                        else
-                        {
-                            <tr>
-                                <td colspan="100%">
-                                    <div class="d-flex justify-content-center align-items-center" style="height: 200px;">
-                                        <p class="text-muted">Pokémon could not be found.</p>
-                                    </div>
-                                </td>
-                            </tr>
-                        }
-                    </tbody>
-                }
-               
-
-            </table>
-
-        </div>
-        <!-- Wrap in Auth -->
-        <div class="d-flex justify-content-end mt-1">
-            <div class="form-check form-switch">
-                <input class="form-check-input rounded rounded-3" type="checkbox" role="switch" id="flexSwitchCheckDefault" @bind="adminToggle">
-            </div>
-        </div>
-        
-    </div>
-</div>
-
-
-<div class="container d-none d-lg-none d-md-block mt-4">
-    <!-- Main UI -->
-    <div class="border-0 mx-auto col-8 ">
-        <!-- UI Header -->
-        <div class="row bg-secondary py-3 border-0 rounded-top">
-            <div class="d-flex flex-row align-items-center justify-content-between w-100 gap-3 ms-0 me-0">
-                <div class="col">
-                    <input class="form-control rounded rounded-5 fs-6 fw-lighter"
-                           placeholder="Search Pokémon..."
-                           @bind="SearchTerm"
-                           @oninput="HandleSearch" />
-
-                </div>
-                <!-- Left: Search -->
-
-                <!-- Center: Title -->
-                <div class="col">
-                    <h2 class="text-white text-center pt-2 fs-6 fw-light">
-                        Available Pokémon
-                    </h2>
-                </div>
-
-
-                <!-- Right: Count + Download -->
-                <div class="col">
-                    <div class="d-flex align-items-center gap-1">
-                        <div class="badge bg-light">
-                            <p class="statText text-primary fw-medium shadow mb-0">@(pokemons.Count()) Pokémon</p>
-                        </div>
-                        <PokemonDownloadButton _Pokemon="pokemons" />
-                    </div>
-                </div>
-
-
-            </div>
-        </div>
-
-        <!-- Table -->
-        <div class="tableFixHead d-flex flex-column justify-content-start bg-secondary table-responsive row ">
-            <table class="table table-borderless border-0 table-secondary table-striped align-middle">
-                <!-- Table Head -->
-                <thead>
-                    <tr>
-                        <th class="text-white text-bg-info col-2" scope="col"></th>
-                        <th class="text-white text-bg-info col-1" scope="col">#</th>
-                        <th class="text-white text-bg-info col-2" scope="col">Pokémon</th>
-                        <th class="text-white text-bg-info col-1 text-center" scope="col">Type</th>
-                        <th class="text-white text-bg-info col-1 text-center" scope="col">Sleep Type</th>
-                        <th class="text-white text-bg-info col-1 text-center" scope="col">Speciality</th>
-                        @if (adminToggle)
-                        {
-                            <th class="text-white text-bg-info col-2 text-center" scope="col">Admin</th>
-
-                        }
-                    </tr>
-                </thead>
-                <!-- If/Else Pokemon Loaded-->
-                @if (pokemons == null)
-                {
-                    <tbody>
-                        <Loading />
-                    </tbody>
-                }
-                else
-                {
-                    <!-- Table Body -->
-                    <tbody>
-                        @if (FilteredPokemon != null && FilteredPokemon.Any())
-                        {
-                            @foreach (var pokemon in FilteredPokemon)
-                            {
-                                <tr>
-                                    <!-- Section 1: Pokemon Image -->
-                                    <td class="">
-                                        <img src="@pokemon.PokemonImageUrl" style="width:100px;" />
-                                    </td>
-
-                                    <!-- Section 2: Pokemon # -->
-                                    <th scope="row" style="cursor: default;">@pokemon.PokemonId</th>
-
-
-                                    <!-- Section 3: Pokemon Name -->
-                                    <td @onclick="() => ViewPokemon(pokemon.PokemonId)" class="pokemon-name-style fw-light col-2">@(pokemon.IsVariation && ToggleVariationName(pokemon.Id, pokemon.PokemonId) ? $"{pokemon.VariationName} {pokemon.PokemonName}" : pokemon.PokemonName)</td>
-
-                                    <!-- Section 4: Pokemon Type -->
-                                    <td>
-                                        <div class="d-flex justify-content-center">
-                                            <img src="@GetTypeImageUrl(pokemon.PokemonType)" style="width:36px; height:36px;" />
-                                        </div>
-                                    </td>
-
-                                    <!-- Section 5: Sleep Type -->
-                                    <td>
-                                        <div class="d-flex justify-content-center ">
-                                            <PokemonBadge BadgeItem="@pokemon.SleepType" />
-                                        </div>
-                                    </td>
-
-                                    <!-- Section 6: Speciality -->
-                                    <td>
-                                        <div class="d-flex justify-content-center">
-                                            <PokemonBadge BadgeItem="@pokemon.Speciality" />
-
-                                        </div>
-                                    </td>
-
-                                    <!-- Section 7: Admin Controls -->
-                                    @if (adminToggle)
-                                    {
-                                        <td>
-                                            <div class="d-flex justify-content-center gap-1">
-                                                <PokemonEditButton PokemonId="@pokemon.PokemonId" />
-                                                <button class="btn btn-danger rounded rounded-5 text-white " @onclick="() => ConfirmDelete(pokemon.Id)">
-                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash3-fill" viewBox="0 0 16 16">
-                                                        <path d="M11 1.5v1h3.5a.5.5 0 0 1 0 1h-.538l-.853 10.66A2 2 0 0 1 11.115 16h-6.23a2 2 0 0 1-1.994-1.84L2.038 3.5H1.5a.5.5 0 0 1 0-1H5v-1A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5m-5 0v1h4v-1a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5M4.5 5.029l.5 8.5a.5.5 0 1 0 .998-.06l-.5-8.5a.5.5 0 1 0-.998.06m6.53-.528a.5.5 0 0 0-.528.47l-.5 8.5a.5.5 0 0 0 .998.058l.5-8.5a.5.5 0 0 0-.47-.528M8 4.5a.5.5 0 0 0-.5.5v8.5a.5.5 0 0 0 1 0V5a.5.5 0 0 0-.5-.5" />
-                                                    </svg>
-                                                </button>
-                                            </div>
-                                        </td>
-                                    }
-
-                                </tr>
-                            }
-                        }
-                        else
-                        {
-                            <tr>
-                                <td colspan="100%">
-                                    <div class="d-flex justify-content-center align-items-center" style="height: 200px;">
-                                        <p class="text-muted">Pokémon could not be found.</p>
-                                    </div>
-                                </td>
-                            </tr>
-                        }
-                    </tbody>
-                }
-
-
-            </table>
-
-        </div>
-        <!-- Wrap in Auth -->
-        <div class="d-flex justify-content-end mt-1">
-            <div class="form-check form-switch">
-                <input class="form-check-input rounded rounded-3" type="checkbox" role="switch" id="flexSwitchCheckDefault" @bind="adminToggle">
-            </div>
-        </div>
-
-    </div>
-</div>
-
-
-
-<!-- Desktop B: Mobile View -->
- @* <div class="container card border-0 d-block d-md-none mx-auto mt-4 shadow-sm">
-     <!-- Table Header -->
-     <div class="row card-header bg-secondary bg-gradient ml-0 py-3 border-0 bg-info">
-         <div class="flex-row justify-content-between">
-             <div class="text-center position-relative">
-                 <h2 class="text-white text-decoration-underline">Pokémon</h2>
-                 <div class="m-1 badge bg-white text-info position-absolute top-0 end-0 border-0 w-auto"><p class="statText">@(pokemons.Count()) Pokémon</p></div>
-             </div>
-         </div>
-     </div>
-     <!-- Table Body -->
-     <div class="tableFixHead row">
-         <table class="table table-striped border-0">
-
-        
-         <tbody>
-             @if (pokemons == null)
-             {
-                 <Loading />
-             }
-             else
-             {
-
-                 @foreach (var pokemon in pokemons)
-                 {
-                     <tr class="border-0">
-                             <div class="d-flex align-items-center" style="border: 1px dashed hotpink;">
-
-                             <!-- Pokemon Image -->
-                                 <div class="me-3" style="border: 1px dashed hotpink;">
-                                 <div class="flip-container-sm" @onclick="() => ToggleImage(pokemon.Id)">
-                                     <div class="flipper-sm @(isShiny[pokemon.Id] ? "flipped" : "")">
-                                         <img class="front img-fluid" src="@pokemon.PokemonImageUrl" />
-                                         @if (pokemon.PokemonShinyImageUrl != null)
-                                         {
-                                             <img class="back img-fluid" src="@pokemon.PokemonShinyImageUrl" />
-                                         }
-                                     </div>
-                                 </div>
-                             </div>
-
-                                 <div style="border: 1px dashed hotpink;">
-                                 <!-- Number and Name -->
-                                 <h5>
-                                     @pokemon.PokemonId -
-                                         <span class="pokemon-name-style fw-light" @onclick="() => ViewPokemon(pokemon.PokemonId)">
-                                             @(pokemon.IsVariation && ToggleVariationName(pokemon.Id, pokemon.PokemonId) ? $"{pokemon.VariationName} {pokemon.PokemonName}" : pokemon.PokemonName)
-                                     </span>
-                                 </h5>
-                                 <!-- Stats -->
-                                 <div class="d-flex flex-wrap align-items-center gap-2">
-                                     <img src="@GetTypeImageUrl(pokemon.PokemonType)" style="width:28px;" />
-                                         <PokemonBadge BadgeItem="@pokemon.SleepType" />
-                                         <PokemonBadge BadgeItem="@pokemon.Speciality" />
-                                 </div>
-                             </div>
-
-                         </div>
-                     </tr>
-                 }
-             }
-             </tbody>
-         </table>
-     </div>
- </div> *@

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonTable.razor.cs

@@ -1,92 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Microsoft.EntityFrameworkCore.Metadata.Internal;
-using Microsoft.JSInterop;
-using Portfolio.Domain.Features.Pokemon;
-using System.Text.Json;
-
-namespace Portfolio.WebUI.Server.Components.Component.Pokemon_Components
-{
-    public partial class PokemonTable
-    {
-        [Parameter]
-        public List<Pokemon> AllPokemon {  get; set; }
-
-        private List<Pokemon> pokemons = new List<Pokemon>();
-
-        private bool adminToggle = false;
-
-
-        protected override void OnParametersSet()
-        {
-            if (AllPokemon != null) { 
-                pokemons = AllPokemon.ToList();
-
-            }
-        }
-        private string SearchTerm { get; set; } = string.Empty;
-
-        private List<Pokemon> FilteredPokemon =>
-            string.IsNullOrWhiteSpace(SearchTerm)
-                ? AllPokemon
-                : AllPokemon.Where(p =>
-                    p.PokemonName.Contains(SearchTerm, StringComparison.OrdinalIgnoreCase)).ToList();
-
-        private async Task HandleSearch(ChangeEventArgs e)
-        {
-            SearchTerm = e?.Value?.ToString() ?? "";
-        }
-
-        private bool ToggleVariationName(int Id, int PokemonId)
-        {
-            foreach (var pokemon in pokemons) 
-            {
-                if (pokemon.PokemonId == PokemonId && pokemon.Id != Id)
-                {
-                    return true;
-                }
-            }
-            return false;
-        }
-
-        private async Task ConfirmDelete(int Id)
-        {
-            bool confirm = await JS.InvokeAsync<bool>("confirm", "Are you sure you want to delete this Pokémon?");
-            if (confirm)
-            {
-                await DeletePokemon(Id);
-            }
-        }
-
-        private async Task DeletePokemon(int Id)
-        {
-            await PokemonService.DeletePokemonAsync(Id);
-            pokemons.RemoveAll(p => p.Id == Id);  // Remove from the list locally
-            StateHasChanged(); // Refresh the UI
-        }
-
-        private void EditPokemon(int id)
-        {
-            Navigation.NavigateTo($"/pokemon-sleep/edit/{id}");
-        }
-
-        private void ViewPokemon(int id)
-        {
-            Navigation.NavigateTo($"/pokemon-sleep/pokemon/{id}");
-        }
-
-        private string GetTypeImageUrl(string pokemonType)
-        {
-            if (string.IsNullOrEmpty(pokemonType))
-            {
-                return "https://www.serebii.net/pokemonsleep/pokemon/type/normal.png"; // Fallback image
-            }
-
-            return $"https://www.serebii.net/pokemonsleep/pokemon/type/{pokemonType.ToLower()}.png";
-        }
-
-        private void HandleToggleChange(ChangeEventArgs e)
-        {
-            Console.WriteLine($"Admin Toggle is now: {adminToggle}");
-        }
-    }
-}

Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonTable.razor.css

@@ -1,122 +0,0 @@
-.five-percent {
-    width: 5%;
-}
-
-.ten-percent {
-    width: 10%;
-}
-
-.pokemontable {
-    height: 65vh;
-}
-
-.tableFixHead {
-    overflow: auto;
-    height: 600px;
-}
-
-    .tableFixHead thead th {
-        position: sticky;
-        top: 0;
-        z-index: 10;
-    }
-
-.align-top-tbody {
-    vertical-align: top;
-}
-
-.pokemon-name-style {
-    cursor: pointer;
-    font-size: 1.3rem;
-}
-
-
-.flip-container {
-    perspective: 1000px;
-    display: inline-block;
-    width: 90px;
-    height: 90px;
-    cursor: pointer;
-}
-
-.flipper {
-    transition: transform 0.6s;
-    transform-style: preserve-3d;
-    width: 100%;
-    height: 100%;
-    position: relative;
-}
-
-.flipped {
-    transform: rotateY(180deg);
-}
-
-
-.flip-container-sm {
-    perspective: 1000px;
-    width: 64px;
-    height: 64px;
-}
-
-.flipper-sm {
-    transition: 0.6s;
-    transform-style: preserve-3d;
-    position: relative;
-}
-
-    .flipper-sm img {
-        backface-visibility: hidden;
-        position: absolute;
-        width: 64px;
-        height: 64px;
-    }
-
-    .flipper-sm .front {
-        z-index: 2;
-    }
-
-    .flipper-sm .back {
-        transform: rotateY(180deg);
-    }
-
-    .flipper-sm.flipped {
-        transform: rotateY(180deg);
-    }
-
-.fixed-row-height {
-    height: 90px; /* or any height that suits your card style */
-}
-
-
-
-.badge {
-    width: 100px;
-    height: 30px;
-    color: white;
-    padding: 4px 8px;
-    text-align: center;
-    vertical-align: middle;
-    border-radius: 30px;
-}
-
-.statText {
-    position: relative;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    font-size: 13px;
-    cursor: default;
-}
-
-.pokeimage {
-    width: 100px;
-    height: 130px;
-}
-
-
-
-
-
-
-
-

Portfolio.WebUI.Server/Components/Layout/BaseNavMenu.razor

@@ -1,34 +0,0 @@
-<div class=" mx-auto w-75" >
-    <header class="pt-5 w-100">
-        <div class="row flex-nowrap justify-content-evenly align-items-center" >
-            <div class="col pt-1">
-                <div class="d-flex align-items-center">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="@_primaryColor" class="bi bi-arrow-through-heart" viewBox="0 0 16 16" style="cursor: pointer;">
-                        <path fill-rule="evenodd" d="M2.854 15.854A.5.5 0 0 1 2 15.5V14H.5a.5.5 0 0 1-.354-.854l1.5-1.5A.5.5 0 0 1 2 11.5h1.793l.53-.53c-.771-.802-1.328-1.58-1.704-2.32-.798-1.575-.775-2.996-.213-4.092C3.426 2.565 6.18 1.809 8 3.233c1.25-.98 2.944-.928 4.212-.152L13.292 2 12.147.854A.5.5 0 0 1 12.5 0h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.854.354L14 2.707l-1.006 1.006c.236.248.44.531.6.845.562 1.096.585 2.517-.213 4.092-.793 1.563-2.395 3.288-5.105 5.08L8 13.912l-.276-.182a22 22 0 0 1-2.685-2.062l-.539.54V14a.5.5 0 0 1-.146.354zm2.893-4.894A20.4 20.4 0 0 0 8 12.71c2.456-1.666 3.827-3.207 4.489-4.512.679-1.34.607-2.42.215-3.185-.817-1.595-3.087-2.054-4.346-.761L8 4.62l-.358-.368c-1.259-1.293-3.53-.834-4.346.761-.392.766-.464 1.845.215 3.185.323.636.815 1.33 1.519 2.065l1.866-1.867a.5.5 0 1 1 .708.708z" />
-                    </svg>
-                    <span class="fs-4 mx-2 text-primary">Kira Jiroux</span>
-                </div>
-            </div>
-
-            <div class="col d-flex justify-content-end align-items-center gap-5">
-                <NavLink class="nav-link d-flex align-items-center rounded rounded-5" href="" Match="NavLinkMatch.All" ActiveClass="nav-active">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="@_primaryColor" class="bi bi-house-heart-fill" viewBox="0 0 16 16">
-                                <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.707L8 2.207 1.354 8.853a.5.5 0 1 1-.708-.707z" />
-                                <path d="m14 9.293-6-6-6 6V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5zm-6-.811c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.691 0-5.018" />
-                            </svg> <span class="mx-2 mt-0 text-primary">Home</span>
-                        </NavLink>
-                <NavLink class="nav-link d-flex align-items-center rounded rounded-5" href="temperature-blanket" ActiveClass="nav-active">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="@_primaryColor" class="bi bi-grid-3x3" viewBox="0 0 16 16">
-                        <path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5zM1.5 1a.5.5 0 0 0-.5.5V5h4V1zM5 6H1v4h4zm1 4h4V6H6zm-1 1H1v3.5a.5.5 0 0 0 .5.5H5zm1 0v4h4v-4zm5 0v4h3.5a.5.5 0 0 0 .5-.5V11zm0-1h4V6h-4zm0-5h4V1.5a.5.5 0 0 0-.5-.5H11zm-1 0V1H6v4z" />
-                    </svg><span class="mx-2 mt-0 text-primary">Crochet</span>
-                        </NavLink>
-                <NavLink class="nav-link d-flex align-items-center rounded rounded-5" href="pokemon-sleep" ActiveClass="nav-active">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="@_primaryColor" class="bi bi-p-circle-fill" viewBox="0 0 16 16">
-                                <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.5 4.002V12h1.283V9.164h1.668C10.033 9.164 11 8.08 11 6.586c0-1.482-.955-2.584-2.538-2.584zm2.77 4.072c.893 0 1.419-.545 1.419-1.488s-.526-1.482-1.42-1.482H6.778v2.97z" />
-                            </svg> <span class="mx-2 mt-0 text-primary">Pokémon Sleep</span>
-                        </NavLink>
-            </div>
-        </div>
-    </header>
-</div>
-<div class="mt-2 mb-3 mx-auto w-75 border-top border-primary-subtle"></div>

Portfolio.WebUI.Server/Components/Layout/BaseNavMenu.razor.cs

@@ -1,7 +0,0 @@
-namespace Portfolio.WebUI.Server.Components.Layout
-{
-    public partial class BaseNavMenu
-    {
-        private string _primaryColor = "#593196";
-    }
-}

Portfolio.WebUI.Server/Components/Layout/BaseNavMenu.razor.css

@@ -1,13 +0,0 @@
-body {
-}
-
-::deep .nav-active {
-    font-weight: bold;
-    background-color: #f2eaff;
-    color: black;
-    padding-left: 15px;
-    padding-right: 15px;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    border: 1px dashed #593196;
-}

Portfolio.WebUI.Server/Components/Layout/MadeWithLoveFooter.razor

@@ -1,14 +0,0 @@
- 
-    <div class="mt-2 mx-auto w-75 mt-2 border-top border-primary-subtle"></div>
-    <div class="container mt-2">
-        <footer class="d-flex flex-column align-content-center">
-
-                <p class="text-center fs-6 fw-lighter text-muted">
-                    Made with Love
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-through-heart" viewBox="0 0 16 16">
-                        <path fill-rule="evenodd" d="M2.854 15.854A.5.5 0 0 1 2 15.5V14H.5a.5.5 0 0 1-.354-.854l1.5-1.5A.5.5 0 0 1 2 11.5h1.793l.53-.53c-.771-.802-1.328-1.58-1.704-2.32-.798-1.575-.775-2.996-.213-4.092C3.426 2.565 6.18 1.809 8 3.233c1.25-.98 2.944-.928 4.212-.152L13.292 2 12.147.854A.5.5 0 0 1 12.5 0h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.854.354L14 2.707l-1.006 1.006c.236.248.44.531.6.845.562 1.096.585 2.517-.213 4.092-.793 1.563-2.395 3.288-5.105 5.08L8 13.912l-.276-.182a22 22 0 0 1-2.685-2.062l-.539.54V14a.5.5 0 0 1-.146.354zm2.893-4.894A20.4 20.4 0 0 0 8 12.71c2.456-1.666 3.827-3.207 4.489-4.512.679-1.34.607-2.42.215-3.185-.817-1.595-3.087-2.054-4.346-.761L8 4.62l-.358-.368c-1.259-1.293-3.53-.834-4.346.761-.392.766-.464 1.845.215 3.185.323.636.815 1.33 1.519 2.065l1.866-1.867a.5.5 0 1 1 .708.708z" />
-                    </svg>
-                </p>
-        </footer>
-    </div>
-

Portfolio.WebUI.Server/Components/Layout/MainLayout.razor

@@ -1,9 +1,17 @@
 @inherits LayoutComponentBase
 
-<div class="d-flex flex-column min-vh-100">
-    <BaseNavMenu />
-    <main class="container flex-grow-1">
-        @Body
+<div class="page">
+    <div class="sidebar">
+        <NavMenu />
+    </div>
+
+    <main>
+        <div class="top-row px-4">
+            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
+        </div>
+
+        <article class="content px-4">
+            @Body
+        </article>
     </main>
-    <MadeWithLoveFooter/>
 </div>

Portfolio.WebUI.Server/Components/Layout/MainLayout.razor.css

@@ -1,4 +1,8 @@
-
+.page {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
 
 main {
     flex: 1;
@@ -8,10 +12,6 @@ main {
     background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
 }
 
-.container {
-    max-width: 1920px;
-}
-
 .top-row {
     background-color: #f7f7f7;
     border-bottom: 1px solid #d6d5d5;
@@ -47,6 +47,9 @@ main {
 }
 
 @media (min-width: 641px) {
+    .page {
+        flex-direction: row;
+    }
 
     .sidebar {
         width: 250px;
@@ -73,3 +76,21 @@ main {
     }
 }
 
+#blazor-error-ui {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+    #blazor-error-ui .dismiss {
+        cursor: pointer;
+        position: absolute;
+        right: 0.75rem;
+        top: 0.5rem;
+    }

Portfolio.WebUI.Server/Components/Layout/NavMenu.razor

@@ -1,35 +1,35 @@
-<div class="navbar navbar-expand bg-primary border-0">
-    <div class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-light text-decoration-none px-3">
-        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#FFFFFF" class="bi bi-arrow-through-heart" viewBox="0 0 16 16" style="cursor: pointer;">
-            <path fill-rule="evenodd" d="M2.854 15.854A.5.5 0 0 1 2 15.5V14H.5a.5.5 0 0 1-.354-.854l1.5-1.5A.5.5 0 0 1 2 11.5h1.793l.53-.53c-.771-.802-1.328-1.58-1.704-2.32-.798-1.575-.775-2.996-.213-4.092C3.426 2.565 6.18 1.809 8 3.233c1.25-.98 2.944-.928 4.212-.152L13.292 2 12.147.854A.5.5 0 0 1 12.5 0h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.854.354L14 2.707l-1.006 1.006c.236.248.44.531.6.845.562 1.096.585 2.517-.213 4.092-.793 1.563-2.395 3.288-5.105 5.08L8 13.912l-.276-.182a22 22 0 0 1-2.685-2.062l-.539.54V14a.5.5 0 0 1-.146.354zm2.893-4.894A20.4 20.4 0 0 0 8 12.71c2.456-1.666 3.827-3.207 4.489-4.512.679-1.34.607-2.42.215-3.185-.817-1.595-3.087-2.054-4.346-.761L8 4.62l-.358-.368c-1.259-1.293-3.53-.834-4.346.761-.392.766-.464 1.845.215 3.185.323.636.815 1.33 1.519 2.065l1.866-1.867a.5.5 0 1 1 .708.708z" />
-        </svg>
-        <span class="fs-4 mx-2 text-white">Kira Jiroux</span>
+<div class="top-row ps-3 navbar navbar-dark">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="">Portfolio.WebUI.Server</a>
     </div>
-    <ul class="navbar-nav">
+</div>
 
-        <li class="nav-item">
-            <NavLink class="nav-link d-flex align-items-center" href="" Match="NavLinkMatch.All">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFFFFF" class="bi bi-house-heart-fill" viewBox="0 0 16 16">
-                    <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.707L8 2.207 1.354 8.853a.5.5 0 1 1-.708-.707z" />
-                    <path d="m14 9.293-6-6-6 6V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5zm-6-.811c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.691 0-5.018" />
-                </svg> <span class="mx-2 mt-0 text-white">Home</span>
+<input type="checkbox" title="Navigation menu" class="navbar-toggler" />
+
+<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
+    <nav class="flex-column">
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
+                <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
             </NavLink>
-        </li>
-        <li>
-            <NavLink class="nav-link d-flex align-items-center" href="temperature-blanket">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFFFFF" class="bi bi-border-outer" viewBox="0 0 16 16">
-                    <path d="M7.5 1.906v.938h1v-.938zm0 1.875v.938h1V3.78h-1zm0 1.875v.938h1v-.938zM1.906 8.5h.938v-1h-.938zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5zm.937 0h.938v-1h-.938zm1.875 0h.938v-1h-.938zm1.875 0h.938v-1h-.938zM7.5 9.406v.938h1v-.938zm0 1.875v.938h1v-.938zm0 1.875v.938h1v-.938z" />
-                    <path d="M0 0v16h16V0zm1 1h14v14H1z" />
-                </svg><span class="mx-2 mt-0 text-white">Crochet</span>
+        </div>
+
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="articles">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-richtext" viewBox="0 0 16 16">
+                    <path d="M7.5 3.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047L11 4.75V7a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 7v-.5s1.54-1.274 1.639-1.208M5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5" />
+                    <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2" />
+                    <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z" />
+                </svg> Articles
             </NavLink>
-        </li>
-        <li>
-            <NavLink class="nav-link d-flex align-items-center" href="pokemonsleep">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFFFFF" class="bi bi-p-circle-fill" viewBox="0 0 16 16">
+        </div>
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="pokemonsleep">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-p-circle-fill" viewBox="0 0 16 16">
                     <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.5 4.002V12h1.283V9.164h1.668C10.033 9.164 11 8.08 11 6.586c0-1.482-.955-2.584-2.538-2.584zm2.77 4.072c.893 0 1.419-.545 1.419-1.488s-.526-1.482-1.42-1.482H6.778v2.97z" />
-                </svg> <span class="mx-2 mt-0 text-white">Pokémon Sleep</span>
+                </svg> Pokemon Sleep
             </NavLink>
-        </li>
-        
-    </ul>
-</div>
+        </div>
+    </nav>
+</div>
+

Portfolio.WebUI.Server/Components/Layout/NavMenu.razor.css

@@ -0,0 +1,105 @@
+.navbar-toggler {
+    appearance: none;
+    cursor: pointer;
+    width: 3.5rem;
+    height: 2.5rem;
+    color: white;
+    position: absolute;
+    top: 0.5rem;
+    right: 1rem;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
+}
+
+.navbar-toggler:checked {
+    background-color: rgba(255, 255, 255, 0.5);
+}
+
+.top-row {
+    height: 3.5rem;
+    background-color: rgba(0,0,0,0.4);
+}
+
+.navbar-brand {
+    font-size: 1.1rem;
+}
+
+.bi {
+    display: inline-block;
+    position: relative;
+    width: 1.25rem;
+    height: 1.25rem;
+    margin-right: 0.75rem;
+    top: -1px;
+    background-size: cover;
+}
+
+.bi-house-door-fill-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
+}
+
+.bi-plus-square-fill-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
+}
+
+.bi-list-nested-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
+}
+
+.nav-item {
+    font-size: 0.9rem;
+    padding-bottom: 0.5rem;
+}
+
+    .nav-item:first-of-type {
+        padding-top: 1rem;
+    }
+
+    .nav-item:last-of-type {
+        padding-bottom: 1rem;
+    }
+
+    .nav-item ::deep .nav-link {
+        color: #d7d7d7;
+        background: none;
+        border: none;
+        border-radius: 4px;
+        height: 3rem;
+        display: flex;
+        align-items: center;
+        line-height: 3rem;
+        width: 100%;
+    }
+
+.nav-item ::deep a.active {
+    background-color: rgba(255,255,255,0.37);
+    color: white;
+}
+
+.nav-item ::deep .nav-link:hover {
+    background-color: rgba(255,255,255,0.1);
+    color: white;
+}
+
+.nav-scrollable {
+    display: none;
+}
+
+.navbar-toggler:checked ~ .nav-scrollable {
+    display: block;
+}
+
+@media (min-width: 641px) {
+    .navbar-toggler {
+        display: none;
+    }
+
+    .nav-scrollable {
+        /* Never collapse the sidebar for wide screens */
+        display: block;
+
+        /* Allow sidebar to scroll for tall menus */
+        height: calc(100vh - 3.5rem);
+        overflow-y: auto;
+    }
+}

Portfolio.WebUI.Server/Components/Layout/Sidebar.razor

@@ -1,68 +0,0 @@
-@inject IJSRuntime JS
-
-<div class="d-flex flex-column flex-shrink-0 p-3 bg-info vh-100 sidebar @(isSidebarOpen ? "open" : "closed") " style="transition: width 0.3s;">
-    <div class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-primary text-decoration-none">
-        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-arrow-through-heart" viewBox="0 0 16 16" @onclick="ToggleSidebar" style="cursor: pointer;">
-            <path fill-rule="evenodd" d="M2.854 15.854A.5.5 0 0 1 2 15.5V14H.5a.5.5 0 0 1-.354-.854l1.5-1.5A.5.5 0 0 1 2 11.5h1.793l.53-.53c-.771-.802-1.328-1.58-1.704-2.32-.798-1.575-.775-2.996-.213-4.092C3.426 2.565 6.18 1.809 8 3.233c1.25-.98 2.944-.928 4.212-.152L13.292 2 12.147.854A.5.5 0 0 1 12.5 0h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.854.354L14 2.707l-1.006 1.006c.236.248.44.531.6.845.562 1.096.585 2.517-.213 4.092-.793 1.563-2.395 3.288-5.105 5.08L8 13.912l-.276-.182a22 22 0 0 1-2.685-2.062l-.539.54V14a.5.5 0 0 1-.146.354zm2.893-4.894A20.4 20.4 0 0 0 8 12.71c2.456-1.666 3.827-3.207 4.489-4.512.679-1.34.607-2.42.215-3.185-.817-1.595-3.087-2.054-4.346-.761L8 4.62l-.358-.368c-1.259-1.293-3.53-.834-4.346.761-.392.766-.464 1.845.215 3.185.323.636.815 1.33 1.519 2.065l1.866-1.867a.5.5 0 1 1 .708.708z" />
-        </svg>
-        <span class="fs-4 mx-2">Kira Jiroux</span>
-    </div>
-    <hr>
-    <ul class="nav nav-pills flex-column mb-auto">
-        <li class="nav-item">
-            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-heart-fill mb-1" viewBox="0 0 16 16">
-                    <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.707L8 2.207 1.354 8.853a.5.5 0 1 1-.708-.707z" />
-                    <path d="m14 9.293-6-6-6 6V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5zm-6-.811c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.691 0-5.018" />
-                </svg> <span class="mx-2 mt-0">Home</span>
-            </NavLink>
-        </li>
-        <li>
-            <NavLink class="nav-link" href="articles">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-richtext" viewBox="0 0 16 16">
-                    <path d="M7.5 3.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047L11 4.75V7a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 7v-.5s1.54-1.274 1.639-1.208M5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5" />
-                    <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2" />
-                    <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z" />
-                </svg> <span class="mx-2 mt-0">Articles</span>
-            </NavLink>
-        </li>
-        <li>
-            <NavLink class="nav-link" href="temperature-blanket">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-outer" viewBox="0 0 16 16">
-                    <path d="M7.5 1.906v.938h1v-.938zm0 1.875v.938h1V3.78h-1zm0 1.875v.938h1v-.938zM1.906 8.5h.938v-1h-.938zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5zm.937 0h.938v-1h-.938zm1.875 0h.938v-1h-.938zm1.875 0h.938v-1h-.938zM7.5 9.406v.938h1v-.938zm0 1.875v.938h1v-.938zm0 1.875v.938h1v-.938z" />
-                    <path d="M0 0v16h16V0zm1 1h14v14H1z" />
-                </svg><span class="mx-2 mt-0">Crochet</span>
-            </NavLink>
-        </li>
-        <li>
-            <NavLink class="nav-link" href="pokemonsleep">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-p-circle-fill" viewBox="0 0 16 16">
-                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.5 4.002V12h1.283V9.164h1.668C10.033 9.164 11 8.08 11 6.586c0-1.482-.955-2.584-2.538-2.584zm2.77 4.072c.893 0 1.419-.545 1.419-1.488s-.526-1.482-1.42-1.482H6.778v2.97z" />
-                </svg> <span class="mx-2 mt-0">Pokémon Sleep</span>
-            </NavLink>
-        </li>
-       
-    </ul>
-    <hr>
-    <div class="">
-        <a href="#" class="d-flex align-items-center justify-content-end link-primary text-decoration-none ">
-            <strong class="p-1">with love</strong>
-            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-arrow-through-heart" viewBox="0 0 16 16">
-                <path fill-rule="evenodd" d="M2.854 15.854A.5.5 0 0 1 2 15.5V14H.5a.5.5 0 0 1-.354-.854l1.5-1.5A.5.5 0 0 1 2 11.5h1.793l.53-.53c-.771-.802-1.328-1.58-1.704-2.32-.798-1.575-.775-2.996-.213-4.092C3.426 2.565 6.18 1.809 8 3.233c1.25-.98 2.944-.928 4.212-.152L13.292 2 12.147.854A.5.5 0 0 1 12.5 0h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.854.354L14 2.707l-1.006 1.006c.236.248.44.531.6.845.562 1.096.585 2.517-.213 4.092-.793 1.563-2.395 3.288-5.105 5.08L8 13.912l-.276-.182a22 22 0 0 1-2.685-2.062l-.539.54V14a.5.5 0 0 1-.146.354zm2.893-4.894A20.4 20.4 0 0 0 8 12.71c2.456-1.666 3.827-3.207 4.489-4.512.679-1.34.607-2.42.215-3.185-.817-1.595-3.087-2.054-4.346-.761L8 4.62l-.358-.368c-1.259-1.293-3.53-.834-4.346.761-.392.766-.464 1.845.215 3.185.323.636.815 1.33 1.519 2.065l1.866-1.867a.5.5 0 1 1 .708.708z" />
-            </svg>
-        </a>
-
-    </div>
-</div>
-
-
-@code {
-    private bool isSidebarOpen = true;
-
-    private async void ToggleSidebar()
-    {
-        isSidebarOpen = !isSidebarOpen;
-        await JS.InvokeVoidAsync("console.log", $"Sidebar toggled: {isSidebarOpen}");
-        StateHasChanged(); // Force the UI to update
-    }
-}

Portfolio.WebUI.Server/Components/Layout/Sidebar.razor.css

@@ -1,9 +0,0 @@
-.sidebar.closed {
-    width: 0;
-    overflow: hidden;
-    padding: 0;
-}
-
-.sidebar.open {
-    width: 256px;
-}

Portfolio.WebUI.Server/Components/Pages/Crochet Pages/CrochetHome.razor

@@ -1,14 +0,0 @@
-@page "/temperature-blanket"
-
-@attribute [StreamRendering]
-@rendermode InteractiveServer
-
-<PageTitle>Crochet Tools</PageTitle>
-
-
-@* <h3 class="text-xl font-bold mb-4">Crochet</h3> *@
-<div class="">
-<TemperatureBlanketVisualizer TemperatureDays="temperatureDays" />
-
-</div>
-

Portfolio.WebUI.Server/Components/Pages/Crochet Pages/CrochetHome.razor.cs

@@ -1,69 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Portfolio.Domain.Features.TemperatureDay;
-using Portfolio.Domain.Features.TemperatureRange;
-using Portfolio.WebUI.Server.Components.Component.Crochet_Components;
-using static Portfolio.WebUI.Server.Components.Component.Crochet_Components.TemperatureRangeEditor;
-
-namespace Portfolio.WebUI.Server.Components.Pages.Crochet_Pages
-{
-    public partial class CrochetHome
-    {
-        public List<TemperatureDay> temperatureDays { get; set; }
-        public int YEAR = 2025;
-
-        protected override async Task OnInitializedAsync()
-        {
-            // Placeholder for loading temperature data
-            // Replace with actual API call 
-            //temperatureDays = Enumerable.Range(0, 365).Select(i => new TemperatureDay
-            //{
-            //    Date = new DateTime(DateTime.Now.Year - 1, 1, 1).AddDays(i),
-            //    AvgTemp = Random.Shared.Next(10, 95)
-            //}).ToList();
-
-            temperatureDays = GenerateRealisticTemperatureDays(YEAR);
-
-
-
-        }
-
-        public static List<TemperatureDay> GenerateRealisticTemperatureDays(int year)
-        {
-            var temperatureDays = new List<TemperatureDay>();
-            var startDate = new DateTime(year, 1, 1);
-            int daysInYear = DateTime.IsLeapYear(year) ? 366 : 365;
-
-            // Adjusted parameters for desired range
-            double minAvgTemp = 20.0;
-            double maxAvgTemp = 84.0;
-            double amplitude = (maxAvgTemp - minAvgTemp) / 2.0;  // 32.5
-            double avgAnnualTemp = (maxAvgTemp + minAvgTemp) / 2.0;  // 52.5
-            double noiseMax = 3.0; // Small daily variation
-
-            for (int i = 0; i < daysInYear; i++)
-            {
-                var date = startDate.AddDays(i);
-                double dayOfYearRatio = (2 * Math.PI * i) / daysInYear;
-
-                // Peak is mid-summer, trough is mid-winter
-                double seasonalTemp = avgAnnualTemp + amplitude * Math.Sin(dayOfYearRatio - Math.PI / 2);
-
-                // Add gentle noise
-                double dailyNoise = Random.Shared.NextDouble() * noiseMax * 2 - noiseMax;
-
-                // Final temperature, clamped to min/max
-                double finalTemp = Math.Round(seasonalTemp + dailyNoise, 1);
-                finalTemp = Math.Clamp(finalTemp, minAvgTemp, maxAvgTemp);
-
-                temperatureDays.Add(new TemperatureDay
-                {
-                    Date = date,
-                    AvgTemp = finalTemp
-                });
-            }
-
-            return temperatureDays;
-        }
-
-    }
-}

Portfolio.WebUI.Server/Components/Pages/Crochet Pages/TemperatureDataImporter.razor

@@ -1,24 +0,0 @@
-@* @page "/import-temperature-data"
-
-@inject NWSWeatherService WeatherService
-@inject IWebHostEnvironment Env
-
-<h3>Import Temperature Data</h3>
-
-@if (IsImporting)
-{
-    <p>Importing temperatures... Please wait...</p>
-}
-else
-{
-    <button class="btn btn-primary" @onclick="ImportAndSaveYearAsync">Import 2024 Data</button>
-}
-
-@if (!string.IsNullOrEmpty(Message))
-{
-    <p>@Message</p>
-}
-
-
-
- *@

Portfolio.WebUI.Server/Components/Pages/Crochet Pages/TemperatureDataImporter.razor.cs

@@ -1,69 +0,0 @@
-using Portfolio.Application.Services.NWSWeatherService;
-using Portfolio.Domain.Features.TemperatureDay;
-using System.Text.Json;
-
-namespace Portfolio.WebUI.Server.Components.Pages.Crochet_Pages
-{
-    public partial class TemperatureDataImporter
-    {
-        private readonly NWSWeatherService _weatherService;
-        private readonly string _storagePath = "Data/temperature_data_2024.json"; // changeable if needed
-
-        public bool IsImporting = true;
-
-        public TemperatureDataImporter(NWSWeatherService weatherService)
-        {
-            _weatherService = weatherService;
-        }
-
-        public async Task<List<TemperatureDay>> ImportAndSaveYearAsync(int year, double latitude, double longitude)
-        {
-            var days = new List<TemperatureDay>();
-
-            var stationId = await _weatherService.GetNearestStationAsync(latitude, longitude);
-            if (stationId == null)
-            {
-                throw new Exception("Failed to find nearest station.");
-            }
-
-            var startDate = new DateTime(year, 1, 1);
-            var endDate = new DateTime(year, 12, 31);
-
-            for (var date = startDate; date <= endDate; date = date.AddDays(1))
-            {
-                var avgTemp = await _weatherService.GetDailyAverageTempAsync(stationId, date);
-                if (avgTemp.HasValue)
-                {
-                    days.Add(new TemperatureDay { Date = date, AvgTemp = avgTemp.Value });
-                }
-
-                await Task.Delay(600); // Respectful API use
-            }
-
-            await SaveToFileAsync(days);
-
-            return days;
-        }
-
-        private async Task SaveToFileAsync(List<TemperatureDay> days)
-        {
-            Directory.CreateDirectory(Path.GetDirectoryName(_storagePath)!);
-
-            var json = JsonSerializer.Serialize(days, new JsonSerializerOptions { WriteIndented = true });
-            await File.WriteAllTextAsync(_storagePath, json);
-
-            Console.WriteLine($"✅ Saved {days.Count} days to {_storagePath}");
-        }
-
-        public async Task<List<TemperatureDay>> LoadSavedDataAsync()
-        {
-            if (!File.Exists(_storagePath))
-                throw new FileNotFoundException($"No saved temperature data found at {_storagePath}");
-
-            var json = await File.ReadAllTextAsync(_storagePath);
-            var days = JsonSerializer.Deserialize<List<TemperatureDay>>(json);
-
-            return days ?? new List<TemperatureDay>();
-        }
-    }
-}

Portfolio.WebUI.Server/Components/Pages/Home.razor

@@ -1,841 +1,8 @@
 @page "/"
-@inject IHttpClientFactory ClientFactory
-
-@attribute [StreamRendering]
-@rendermode InteractiveServer
 
 <PageTitle>Home</PageTitle>
 
-<!-- View 1: Desktop View -->
-<div class="container d-none d-lg-none d-xl-block mt-3  pt-3 pb-5 ps-5 pe-5 ">
-    <h1 class="fst-italic fw-light fs-1 font-monospace">Hello, World!</h1>
-
-    <!-- Start of Grid -->
-    <div class="row mb-3">
-        <!-- Profile Image -->
-        <div class="col-auto ">
-            <img class="card-img rounded-3" style="width: 18.1em;" src="https://i.pinimg.com/736x/54/63/ed/5463ed9471053712a76c0dd0b301a7ea.jpg" />
-        </div>
-        <div class="col ">
-            <!-- About Me-->
-            <div class="d-inline-flex row card rounded fs-5 mb-3 p-2 ps-3 pe-3 border-0">
-                I am a full-stack web developer with additional
-                experience in Data Analysis and Visualization, as well as
-                Simulation/VR development, and AI/ML programming.
-                I am a friendly team worker with strong analytical, math
-                and problem-solving skills that adapts well to an
-                Agile/SCRUM environment and development lifecycle.
-            </div> 
-
-            <div class="row">
-                <!-- School Experience -->
-                <div class="col ps-0">
-                    <div class="card rounded p-2 ps-3 pe-3 border border-1 border-primary">
-                        <p class="fs-6 fw-lighter card-subtitle p-0">September 2018 – March 2022</p>
-                        <p class="fs-5 card-title m-0">B.S. in Computer Science</p>
-                        <p class="fs-6 fw-lighter card-subtitle">Oregon State University</p>
-                        <p class="fs-6 fw-lighter card-subtitle">Graduated Cum Laude</p>
-                        <p class="fs-6 fw-lighter card-subtitle">Dean’s List: Fall 2020, Fall 2021</p>
-                        <p class="fs-6 fw-lighter card-subtitle">Final GPA: 3.33</p>
-
-                        @**@
-                        <!-- Courses -->
-                        <label class="text-decoration-underline fw-semibold">Courses</label>
-                        <div class="overflow-auto" style="height: auto; max-height: 12rem">
-                            <ul class="list-group list-group-flush">
-                                @if (courses == null)
-                                {
-                                    <div>Loading...</div>
-                                }
-                                else
-                                {
-                                    <ul class="list-group list-group-flush">
-                                        @foreach (var course in courses)
-                                        {
-                                            <li class="list-group-item">@course</li>
-                                        }
-                                    </ul>
-                                }
-                            </ul> 
-                        </div>
-
-
-                    </div>
-@*                     <div class="ps-3 pe-3">
-                        <ul class="list-group list-group-flush">
-                            <li class="">Organized</li>
-                            <li class="">Responsible</li>
-                            <li class="">Meticulous</li>
-                            <li class="">Analytical</li>
-                            <li class="">Self-motivating</li>
-                        </ul>
-                    </div> *@
-                </div>
-
-                <!--Skills \ Languages-->
-                <div class="col-auto p-0 ">
-                    <div class="bg-white rounded p-2 border border-1 border-primary" >
-                        <div class="card-header">
-                            <label class="text-decoration-underline fw-semibold">Skills \ Languages</label>
-                            
-                        </div>
-                        <div class="overflow-auto" style="max-height: 20.1rem">
-                            @if (skills == null)
-                            {
-                                <div>Loading...</div>
-                            }
-                            else
-                            {
-                                <ul class="list-group list-group-flush">
-                                    @foreach (var skill in skills)
-                                    {
-                                        <li class="list-group-item">@skill</li>
-                                    }
-                                </ul>
-                            }
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Tools -->
-                <div class="col-auto pe-0">
-                    <div class="bg-white rounded p-2 border border-1 border-primary">
-                        <div class="card-header">
-                            
-                            <label class="text-decoration-underline fw-semibold">Tools</label>
-
-                        </div>
-                        <div class="overflow-auto" style="max-height: 20.1rem">
-                            @if (tools == null)
-                            {
-                                <div>Loading...</div>
-                            }
-                            else
-                            {
-                                <ul class="list-group list-group-flush">
-                                    @foreach (var tool in tools)
-                                    {
-                                        <li class="list-group-item">@tool</li>
-                                    }
-                                </ul>
-                            }
-                        </div>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-    </div>
-
-    <!-- Experiences / Projects -->
-    <div class="row ">
-        <div class="col card border-0 rounded rounded-4 pt-3 pb-3">
-            <!-- Button Bay-->
-            <div class="row mt-2">
-                <div class="d-grid gap-2 d-md-flex justify-content-around">
-                    <button class="btn rounded-4 w-25 @(isExperience ? "btn-primary" : "btn-outline-primary")" type="button" @onclick="() => ToggleExperience()">Experience</button>
-                    <button class="btn rounded-4 w-25 @(isProjects ? "btn-primary" : "btn-outline-primary")" type="button" @onclick="() => ToggleProjects()">Projects</button>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col">
-                    @if (isExperience)
-                    {
-                        <div class="row justify-content-md-center fst-italic fs-1 mb-2">
-                            Experience
-                        </div>
-                        @if (experiences == null)
-                        {
-                            <div>Loading...</div>
-                        }
-                        else
-                        {
-                            @foreach (var experience in experiences)
-                            {
-                                <div class="row justify-content-md-center mb-3">
-                                    <div class="card w-75 p-3 ps-4 pe-4 rounded">
-                                        <p class="fs-6 fw-lighter card-subtitle p-0"> @experience.StartYear – @experience.EndYear</p>
-                                        <p class="fs-5 card-title m-0">@experience.Title - @experience.Company</p>
-                                        <p class="fs-6 fw-lighter card-text">@experience.Details</p>
-                                    </div>
-                                </div>
-                            }
-                        }
-
-                    }
-                    else if (isProjects)
-                    {
-                        <div class="row justify-content-md-center fst-italic fs-1 mb-2">Projects</div>
-
-                        @if (projects == null)
-                        {
-                            <p>Loading projects...</p>
-                        }
-                        else
-                        {
-                            @foreach (var project in projects)
-                            {
-                                <div class="row justify-content-md-center mb-3">
-                                    <div class="card w-75 p-3 ps-4 pe-4 rounded">
-                
-                                        <p class="fs-5 card-title m-0">@project.Title</p>
-
-                                        @foreach (var desc in project.Descriptions)
-                                        {
-                                            <p class="fs-6 fw-lighter card-text">@((MarkupString)FormatDescription(desc))</p>
-                                        }
-
-                                        @if (project.Links?.Any() == true)
-                                        {
-                                            <div class="mt-2 align-self-end">
-                                                @foreach (var link in project.Links)
-                                                {
-                                                    @switch (link.Type)
-                                                    {
-                                                        case "external":
-                                                            <a class="me-2" href="@link.Url">@link.Label</a>
-                                                            break;
-                                                        case "internal":
-                                                            <a class="mt-2 " href=""@link.Url">
-                                                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-file-code" viewBox="0 0 16 16">
-                                                                  <path d="M6.646 5.646a.5.5 0 1 1 .708.708L5.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708zm2.708 0a.5.5 0 1 0-.708.708L10.293 8 8.646 9.646a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708z"/>
-                                                                  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1"/>
-                                                                </svg>
-                                                            </a>
-                                                            break;
-                                                        case "github":
-                                                            <a class="mt-2" href="@link.Url">
-                                                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
-                                                                    <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
-                                                                </svg>
-                                                            </a>
-                                                            break;
-
-                                                    }
-                                                }
-                                            </div>
-                                        }
-                                    </div>
-                                </div>
-                            }
-                        }
-                    
-                    }
-                </div>
-            </div>
-        </div>
-    </div>
-
-</div>
-
-<!-- View 2: Smaller Desktop View -->
-<div class="container d-none d-md-none d-xl-none d-lg-block mt-4 pt-3 pb-4 ">
-    <div class="row">
-    <h1 class="fst-italic fw-light fs-1 font-monospace ps-1">Hello, World!</h1>
-
-    </div>
-    <div class="row mb-3">
-        <div class="col-auto ps-0">
-            <img class="card-img rounded-3" style="width: 16.9em;" src="https://i.pinimg.com/736x/54/63/ed/5463ed9471053712a76c0dd0b301a7ea.jpg" />
-        </div>
-        <div class="col ">
-            <!-- About Me-->
-            <div class="row card rounded fs-6 mb-3 p-2 ps-3 pe-3 border-0">
-                I am a full-stack web developer with additional
-                experience in Data Analysis and Visualization, as well as
-                Simulation/VR development, and AI/ML programming.
-                I am a friendly team worker with strong analytical, math
-                and problem-solving skills that adapts well to an
-                Agile/SCRUM environment and development lifecycle.
-            </div> 
-
-            <div class="row mt-3">
-            <!-- School Experience -->
-            <div class="col me-1">
-                <div class="row bg-white rounded p-2 ps-3 pe-3 border border-1 border-primary">
-                    <p class="fs-6 fw-lighter card-subtitle p-0">September 2018 – March 2022</p>
-                    <p class="fs-5 card-title m-0 p-0">B.S. in Computer Science</p>
-                    <p class="fs-6 fw-lighter card-subtitle p-0">Oregon State University</p>
-                    <p class="fs-6 fw-lighter card-subtitle p-0">Graduated Cum Laude</p>
-                    <p class="fs-6 fw-lighter card-subtitle p-0">Dean’s List: Fall 2020, Fall 2021</p>
-                    <p class="fs-6 fw-lighter card-subtitle p-0">Final GPA: 3.33</p>
-
-                    <!-- Courses -->
-                    <label class="text-decoration-underline p-0">Courses</label>
-                    <div class="overflow-auto p-0" style="max-height: 10rem">
-                        <ul class="list-group list-group-flush">
-                            @if (courses == null)
-                            {
-                                <div>Loading...</div>
-                            }
-                            else
-                            {
-                                <ul class="list-group list-group-flush">
-                                    @foreach (var course in courses)
-                                    {
-                                        <li class="list-group-item">@course</li>
-                                    }
-                                </ul>
-                            }
-                        </ul>
-                    </div>
-                </div>
-            </div>
-
-        
-            <div class="col ms-1">
-                <!--Skills \ Languages-->
-                <div class="row bg-white rounded p-2 border border-1 border-primary mb-2">
-                    <div class="card-header">
-                        <label class="text-decoration-underline">Skills \ Languages</label>
-
-                    </div>
-                    <div class="overflow-auto p-0" style="max-height: 8rem">
-                        @if (skills == null)
-                        {
-                            <div>Loading...</div>
-                        }
-                        else
-                        {
-                            <ul class="list-group list-group-flush">
-                                @foreach (var skill in skills)
-                                {
-                                    <li class="list-group-item">@skill</li>
-                                }
-                            </ul>
-                        }
-                    </div>
-                </div>
-                <!-- Tools -->
-                <div class="row bg-white rounded p-2 border border-1 border-primary">
-                    <div class="card-header">
-
-                        <label class="text-decoration-underline">Tools</label>
-
-                    </div>
-                    <div class="overflow-auto p-0" style="max-height: 8rem">
-                        @if (tools == null)
-                        {
-                            <div>Loading...</div>
-                        }
-                        else
-                        {
-                            <ul class="list-group list-group-flush">
-                                @foreach (var tool in tools)
-                                {
-                                    <li class="list-group-item">@tool</li>
-                                }
-                            </ul>
-                        }
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        </div>
-
-        <!-- Experience / Projects -->
-        <div>
-            <div class="row mt-3">
-
-            <div class="col card border-0 rounded rounded-4 pt-3 pb-3">
-                <!-- Button Bay-->
-                <div class="row mt-2">
-                    <div class="d-grid gap-2 d-md-flex justify-content-around">
-                        <button class="btn rounded-4 w-25 @(isExperience ? "btn-primary" : "btn-outline-primary")" type="button" @onclick="() => ToggleExperience()">Experience</button>
-                        <button class="btn rounded-4 w-25 @(isProjects ? "btn-primary" : "btn-outline-primary")" type="button" @onclick="() => ToggleProjects()">Projects</button>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col">
-                        @if (isExperience)
-                        {
-                            <div class="row justify-content-md-center fst-italic fs-1 mb-2">
-                                Experience
-                            </div>
-                            @if (experiences == null)
-                            {
-                                <div>Loading...</div>
-                            }
-                            else
-                            {
-                                @foreach (var experience in experiences)
-                                {
-                                    <div class="row justify-content-md-center mb-3">
-                                        <div class="card w-75 p-3 ps-4 pe-4 rounded">
-                                            <p class="fs-6 fw-lighter card-subtitle p-0"> @experience.StartYear – @experience.EndYear</p>
-                                            <p class="fs-5 card-title m-0">@experience.Title - @experience.Company</p>
-                                            <p class="fs-6 fw-lighter card-text">@experience.Details</p>
-                                        </div>
-                                    </div>
-                                }
-                                }
-
-                            }
-                            else if (isProjects)
-                            {
-                                <div class="row justify-content-md-center fst-italic fs-1 mb-2">Projects</div>
-
-                        @if (projects == null)
-                        {
-                            <p>Loading projects...</p>
-                        }
-                        else
-                        {
-                            @foreach (var project in projects)
-                            {
-                                <div class="row justify-content-md-center mb-3">
-                                    <div class="card w-75 p-3 ps-4 pe-4 rounded">
-                
-                                        <p class="fs-5 card-title m-0">@project.Title</p>
-
-                                        @foreach (var desc in project.Descriptions)
-                                        {
-                                            <p class="fs-6 fw-lighter card-text">@((MarkupString)FormatDescription(desc))</p>
-                                        }
-
-                                        @if (project.Links?.Any() == true)
-                                        {
-                                            <div class="mt-2 align-self-end">
-                                                @foreach (var link in project.Links)
-                                                {
-                                                    @switch (link.Type)
-                                                    {
-                                                        case "external":
-                                                            <a class="me-2" href="@link.Url">@link.Label</a>
-                                                            break;
-                                                        case "internal":
-                                                            <a class="mt-2 " href=""@link.Url">
-                                                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-file-code" viewBox="0 0 16 16">
-                                                                  <path d="M6.646 5.646a.5.5 0 1 1 .708.708L5.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708zm2.708 0a.5.5 0 1 0-.708.708L10.293 8 8.646 9.646a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708z"/>
-                                                                  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1"/>
-                                                                </svg>
-                                                            </a>
-                                                            break;
-                                                        case "github":
-                                                            <a class="mt-2" href="@link.Url">
-                                                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
-                                                                    <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
-                                                                </svg>
-                                                            </a>
-                                                            break;
-
-                                                    }
-                                                }
-                                            </div>
-                                        }
-                                    </div>
-                                </div>
-                            }
-                        }
-                            }
-                        </div>
-                </div>
-            </div>
-        </div>
-        </div>
-
-
-    </div>
-</div>
-
-<!-- View 3: Tablet View -->
-<div class="container d-none d-md-block d-lg-none mt-4 pt-3 pb-4 ">
-    <h1 class="fst-italic fw-light fs-1 font-monospace">Hello, World!</h1>
-
-    <div class="row">
-        <div class="card rounded p-3 border-0">
-            <div class="clearfix">
-                <img src="https://i.pinimg.com/736x/54/63/ed/5463ed9471053712a76c0dd0b301a7ea.jpg"
-                     class="mobile-profile float-start me-3 mb-2"
-                     style="width: 10em;
-                            height: 10em;
-                            object-fit: cover;
-                            border-radius: 0.5rem;" />
-
-                <p class="fs-6 mb-0">
-                    I am a full-stack web developer with additional experience in Data Analysis and Visualization,
-                    as well as Simulation/ VR development, and AI/ ML programming. I am a friendly team worker with
-                    strong analytical, math and problem-solving skills that adapts well to an Agile/SCRUM environment
-                    and development lifecycle.
-                </p>
-            </div>
-        </div>
-    </div>
-
-    <div class="row mt-3">
-        <!-- School Experience -->
-        <div class="col me-1">
-            <div class="row bg-white rounded p-2 ps-3 pe-3 border border-1 border-primary">
-                <p class="fs-6 fw-lighter card-subtitle p-0">September 2018 – March 2022</p>
-                <p class="fs-5 card-title m-0 p-0">B.S. in Computer Science</p>
-                <p class="fs-6 fw-lighter card-subtitle p-0">Oregon State University</p>
-                <p class="fs-6 fw-lighter card-subtitle p-0">Graduated Cum Laude</p>
-                <p class="fs-6 fw-lighter card-subtitle p-0">Dean’s List: Fall 2020, Fall 2021</p>
-                <p class="fs-6 fw-lighter card-subtitle p-0">Final GPA: 3.33</p>
-
-                <!-- Courses -->
-                <label class="text-decoration-underline p-0">Courses</label>
-                <div class="overflow-auto p-0" style="max-height: 9.8rem">
-                    <ul class="list-group list-group-flush">
-                        @if (courses == null)
-                        {
-                            <div>Loading...</div>
-                        }
-                        else
-                        {
-                            <ul class="list-group list-group-flush">
-                                @foreach (var course in courses)
-                                {
-                                    <li class="list-group-item">@course</li>
-                                }
-                            </ul>
-                        }
-                    </ul>
-                </div>
-            </div
-        </div>
-
-        
-        <div class="col ms-1">
-            <!--Skills \ Languages-->
-            <div class="row bg-white rounded p-2 border border-1 border-primary mb-2">
-                <div class="card-header">
-                    <label class="text-decoration-underline">Skills \ Languages</label>
-
-                </div>
-                <div class="overflow-auto p-0" style="max-height: 8rem">
-                    @if (skills == null)
-                    {
-                        <div>Loading...</div>
-                    }
-                    else
-                    {
-                        <ul class="list-group list-group-flush">
-                            @foreach (var skill in skills)
-                            {
-                                <li class="list-group-item">@skill</li>
-                            }
-                        </ul>
-                    }
-                </div>
-            </div>
-            <!-- Tools -->
-            <div class="row bg-white rounded p-2 border border-1 border-primary">
-                <div class="card-header">
-
-                    <label class="text-decoration-underline">Tools</label>
-
-                </div>
-                <div class="overflow-auto p-0" style="max-height: 8rem">
-                    @if (tools == null)
-                    {
-                        <div>Loading...</div>
-                    }
-                    else
-                    {
-                        <ul class="list-group list-group-flush">
-                            @foreach (var tool in tools)
-                            {
-                                <li class="list-group-item">@tool</li>
-                            }
-                        </ul>
-                    }
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div>
-        <div class="row mt-3">
-
-        <div class="col card border-0 rounded rounded-4 pt-3 pb-3">
-            <!-- Button Bay-->
-            <div class="row mt-2">
-                <div class="d-grid gap-2 d-md-flex justify-content-around">
-                    <button class="btn rounded-4 w-25 @(isExperience ? "btn-primary" : "btn-outline-primary")" type="button" @onclick="() => ToggleExperience()">Experience</button>
-                    <button class="btn rounded-4 w-25 @(isProjects ? "btn-primary" : "btn-outline-primary")" type="button" @onclick="() => ToggleProjects()">Projects</button>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col">
-                    @if (isExperience)
-                    {
-                        <div class="row justify-content-md-center fst-italic fs-1 mb-2">
-                            Experience
-                        </div>
-                        @if (experiences == null)
-                        {
-                            <div>Loading...</div>
-                        }
-                        else
-                        {
-                            @foreach (var experience in experiences)
-                            {
-                                <div class="row justify-content-md-center mb-3">
-                                    <div class="card w-75 p-3 ps-4 pe-4 rounded">
-                                        <p class="fs-6 fw-lighter card-subtitle p-0"> @experience.StartYear – @experience.EndYear</p>
-                                        <p class="fs-5 card-title m-0">@experience.Title - @experience.Company</p>
-                                        <p class="fs-6 fw-lighter card-text">@experience.Details</p>
-                                    </div>
-                                </div>
-                            }
-                        }
-
-                    }
-                    else if (isProjects)
-                    {
-                       <div class="row justify-content-md-center fst-italic fs-1 mb-2">Projects</div>
-
-                        @if (projects == null)
-                        {
-                            <p>Loading projects...</p>
-                        }
-                        else
-                        {
-                            @foreach (var project in projects)
-                            {
-                                <div class="row justify-content-md-center mb-3">
-                                    <div class="card w-75 p-3 ps-4 pe-4 rounded">
-                
-                                        <p class="fs-5 card-title m-0">@project.Title</p>
-
-                                        @foreach (var desc in project.Descriptions)
-                                        {
-                                            <p class="fs-6 fw-lighter card-text">@((MarkupString)FormatDescription(desc))</p>
-                                        }
-
-                                        @if (project.Links?.Any() == true)
-                                        {
-                                            <div class="mt-2 align-self-end">
-                                                @foreach (var link in project.Links)
-                                                {
-                                                    @switch (link.Type)
-                                                    {
-                                                        case "external":
-                                                            <a class="me-2" href="@link.Url">@link.Label</a>
-                                                            break;
-                                                        case "internal":
-                                                            <a class="mt-2 " href=""@link.Url">
-                                                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-file-code" viewBox="0 0 16 16">
-                                                                  <path d="M6.646 5.646a.5.5 0 1 1 .708.708L5.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708zm2.708 0a.5.5 0 1 0-.708.708L10.293 8 8.646 9.646a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708z"/>
-                                                                  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1"/>
-                                                                </svg>
-                                                            </a>
-                                                            break;
-                                                        case "github":
-                                                            <a class="mt-2" href="@link.Url">
-                                                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
-                                                                    <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
-                                                                </svg>
-                                                            </a>
-                                                            break;
-
-                                                    }
-                                                }
-                                            </div>
-                                        }
-                                    </div>
-                                </div>
-                            }
-                        }
-                    
-                    }
-                </div>
-            </div>
-        </div>
-    </div>
-    </div>
-</div>
-
-<!-- View 4: Mobile View -->
-<div class="container card rounded border-0 d-block d-md-none mx-auto mt-4 mb-3">
-    <h1 class="fst-italic fw-light fs-1 font-monospace pt-2">Hello, World!</h1>
-
-    <div class="row">
-        <div class="card border-0">
-            <div class="clearfix">
-                <img src="https://i.pinimg.com/736x/54/63/ed/5463ed9471053712a76c0dd0b301a7ea.jpg"
-                     class="mobile-profile float-start me-3 mb-2" />
-
-                <p class="fs-6 mb-0">
-                    I am a full-stack web developer with additional experience in Data Analysis and Visualization,
-                    as well as Simulation/ VR development, and AI/ ML programming. I am a friendly team worker with
-                    strong analytical, math and problem-solving skills that adapts well to an Agile/SCRUM environment
-                    and development lifecycle.
-                </p>
-            </div>
-        </div>
-    </div>
-
-@*     <div class="row mb-3 bg-info rounded rounded-5 pt-1 pb-1">
-        <p class="fw-lighter fs-6 text-nowrap p-0 m-auto text-center text-white">
-            Organized • Responsible • Meticulous • Analytical • Self-motivating
-        </p>
-    </div> *@
-    
-    <hr class="text-primary" />
-
-    <!-- Education -->
-    <div class="row mb-3 ms-2 me-2 ">
-        <div class="card p-2 ps-3 pe-3 border border-1 border-primary rounded rounded-1">
-            <p class="fs-6 fw-lighter card-subtitle m-0">September 2018 – March 2022</p>
-            <p class="fs-4 card-title m-0">B.S. in Computer Science</p>
-            <p class="fs-6 fw-lighter card-subtitle">Oregon State University</p>
-            <p class="fs-6 fw-lighter card-subtitle">Graduated Cum Laude</p>
-            <p class="fs-6 fw-lighter card-subtitle">Dean’s List: Fall 2020, Fall 2021</p>
-            <p class="fs-6 fw-lighter card-subtitle">Final GPA: 3.33</p>
-        </div>
-    </div>
-
-    <!-- Skills \ Languages -->
-    <div class="row mb-3 ms-2 me-2">
-        <div class="bg-primary-subtle rounded p-2 border-0">
-            <div class="card-header text-bg-primary text-light fs-3">
-                Skills \ Languages
-            </div>
-            <div class="overflow-auto" style="max-height: 15rem">
-                @if (skills == null)
-                            {
-                                <div>Loading...</div>
-                            }
-                            else
-                            {
-                                <ul class="list-group list-group-flush">
-                                    @foreach (var skill in skills)
-                                    {
-                                        <li class="list-group-item">@skill</li>
-                                    }
-                                </ul>
-                            }
-            </div>
-        </div>
-    </div>
-
-    <!-- Technology -->
-    <div class="row mb-3 ms-2 me-2">
-        <div class="bg-primary-subtle rounded p-2 border-0">
-            <div class="card-header text-bg-primary text-light fs-3">
-                Technology
-            </div>
-            <div class="overflow-auto" style="max-height: 15rem">
-                @if (tools == null)
-                {
-                    <div>Loading...</div>
-                }
-                else
-                {
-                    <ul class="list-group list-group-flush">
-                        @foreach (var tool in tools)
-                        {
-                            <li class="list-group-item">@tool</li>
-                        }
-                    </ul>
-                }
-            </div>
-        </div>
-    </div>
-
-    <!-- Experience \ Projects -->
-    <div class="row mb-3 ms-2 me-2">
-        <div class="col card border-0 rounded rounded-4 pt-3 ">
-            <!-- Button Bay-->
-            <div class="row mt-2">
-                <div class="d-flex justify-content-evenly">
-                    <button class="btn rounded-4 flex-fill  @(isExperience ? "btn-primary" : "btn-outline-primary")" type="button" @onclick="() => ToggleExperience()">Experience</button>
-                    <button class="btn rounded-4 flex-fill  @(isProjects ? "btn-primary" : "btn-outline-primary")" type="button" @onclick="() => ToggleProjects()">Projects</button>
-                </div>
-            </div>
-             @if (isExperience)
-                {
-                    <div class="row justify-content-center fst-italic fs-1 mt-2">
-                        Experience
-                    </div>
-                    @if (experiences == null)
-                    {
-                        <div>Loading...</div>
-                    }
-                    else
-                    {
-                         <div class="overflow-auto" style="max-height: 16rem">
-
-                            <ul class="list-group list-group-flush">
-                                @foreach (var experience in experiences)
-                                {
-                                    <div class=" justify-content-md-center">
-                                        <div class="card p-3 ps-4 pe-4 rounded">
-                                            <p class="fs-6 fw-lighter card-subtitle p-0"> @experience.StartYear – @experience.EndYear</p>
-                                            <p class="fs-5 card-title m-0">@experience.Title - @experience.Company</p>
-                                            <p class="fs-6 fw-lighter card-text">@experience.Details</p>
-                                        </div>
-                                    </div>
-                                }
-                            </ul>
-                        </div>
-                    }
-
-                }
-                else if (isProjects)
-                {
-                    <div class="row justify-content-center fst-italic fs-1 mt-2">Projects</div>
-
-                    <div class="overflow-auto" style="max-height: 16rem">
-
-                        <ul class="list-group list-group-flush">
-                            @foreach (var project in projects)
-                            {
-                                <div class="justify-content-center">
-                                    <div class="card p-3 ps-4 pe-4 rounded">
-                
-                                        <p class="fs-5 card-title m-0">@project.Title</p>
-
-                                        @foreach (var desc in project.Descriptions)
-                                        {
-                                            <p class="fs-6 fw-lighter card-text">@((MarkupString)FormatDescription(desc))</p>
-                                        }
-
-                                        @if (project.Links?.Any() == true)
-                                        {
-                                            <div class="mt-2 align-self-end">
-                                                @foreach (var link in project.Links)
-                                                {
-                                                    @switch (link.Type)
-                                                    {
-                                                        case "external":
-                                                            <a class="me-2" href="@link.Url">@link.Label</a>
-                                                            break;
-                                                        case "internal":
-                                                            <a class="mt-2 " href=""@link.Url">
-                                                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-file-code" viewBox="0 0 16 16">
-                                                                  <path d="M6.646 5.646a.5.5 0 1 1 .708.708L5.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708zm2.708 0a.5.5 0 1 0-.708.708L10.293 8 8.646 9.646a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708z"/>
-                                                                  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1"/>
-                                                                </svg>
-                                                            </a>
-                                                            break;
-                                                        case "github":
-                                                            <a class="mt-2" href="@link.Url">
-                                                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
-                                                                    <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
-                                                                </svg>
-                                                            </a>
-                                                            break;
-
-                                                    }
-                                                }
-                                            </div>
-                                        }
-                                    </div>
-                                </div>
-                            }
-                                
-                        
-                        </ul>
-                    </div>
-                    
-                }
-        </div>
-    </div>
-   
-
-</div>
+<h1 class="test">Hello, world!</h1>
+<p>Ensuring that git is connected properly.</p>
 
+Welcome to your new app.

Portfolio.WebUI.Server/Components/Pages/Home.razor.cs

@@ -1,53 +0,0 @@
-using Portfolio.Domain.Features.Portfolio;
-using static System.Net.WebRequestMethods;
-
-namespace Portfolio.WebUI.Server.Components.Pages
-{
-    partial class Home
-    {
-        private List<string> skills;
-        private List<string> tools;
-        private List<string> courses;
-        private List<WorkExperience> experiences;
-        private List<ProjectEntry> projects;
-
-        private bool isExperience = true;
-        private bool isProjects = false;
-
-        protected override async Task OnInitializedAsync()
-        {
-            var http = ClientFactory.CreateClient("LocalClient");
-            skills = await http.GetFromJsonAsync<List<string>>("data/skills.json");
-            tools = await http.GetFromJsonAsync<List<string>>("data/tools.json");
-            courses = await http.GetFromJsonAsync<List<string>>("data/courses.json");
-            experiences = await http.GetFromJsonAsync<List<WorkExperience>>("data/workexperiences.json");
-            projects = await http.GetFromJsonAsync<List<ProjectEntry>>("data/projects.json");
-        }
-
-        private void ToggleExperience()
-        {
-            if (!isExperience) 
-            {
-                isExperience = true;
-                isProjects = false;
-                StateHasChanged();
-            }
-        }
-
-        private void ToggleProjects()
-        {
-            if (!isProjects)
-            {
-                isProjects = true;
-                isExperience = false;
-                StateHasChanged();
-            }
-        }
-
-        private string FormatDescription(string desc)
-        {
-            // Simple replacement for [text](url) markdown-style links
-            return System.Text.RegularExpressions.Regex.Replace(desc, @"\[(.+?)\]\((.+?)\)", "<a href=\"$2\">$1</a>");
-        }
-    }
-}

Portfolio.WebUI.Server/Components/Pages/Home.razor.css

@@ -1,6 +0,0 @@
-.mobile-profile {
-    width: 10em;
-    height: 10em;
-    object-fit: cover;
-    border-radius: 0.5rem;
-}

Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonAdmin.razor

@@ -1,23 +0,0 @@
-@page "/pokemon-sleep/admincontrol"
-
-
-
-<div class="w-100">
-    <!-- <PokemonBackground PokemonImages="pokemonImageUrls" ShinyPokemonImages="pokemonShinyImageUrls" /> -->
-
-    <PokemonNavMenu />
-
-
-    <hr class="mt-5" />
-
-<!-- Add Pokemon (Wrap in Auth) -->
-<button class="btn btn-warning mx-1" style="border-radius: 50px 15px; max-width: 60px;">
-    <NavLink href="/pokemon-sleep/addmincontrol/add-new-pokemon">
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFF" class="bi bi-plus-circle-fill mb-1" viewBox="0 0 16 16">
-            <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
-        </svg>
-    </NavLink>
-</button>
-
-</div>
-

Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonCreate.razor

@@ -1,93 +0,0 @@
-@page "/pokemon-sleep/add-new-pokemon"
-
-@inject IPokemonService PokemonService
-@inject NavigationManager Navigation
-
-@inject IJSRuntime JS
-
-@attribute [StreamRendering]
-@rendermode InteractiveServer
-
-
-<PageTitle>Add New Pokémon</PageTitle>
-<PokemonNavMenu />
-
-
-@if (isSubmitting)
-{
-    <p><em>Submitting...</em></p>
-}
-else
-{
-    <div class="container">
-        <div class="row mt-3">
-            <div class="d-flex justify-content-evenly p-0">
-
-                <div class="mx-1 align-content-center">
-                    <div class="addcard">
-                        <PokemonForm 
-                            formUse="ADD"
-                            OnPokemonReady="ReceivePokemon1" 
-                            mostRecentForm=false
-                        />
-                    </div>
-                </div>
-
-
-                @if(!pokemon2FormView && !pokemon3FormView)
-                {
-                    <div class="mx-1 align-content-center">
-                        <PokemonAddButton OnAdd="TogglePokemon2FormView" />
-                     </div>
-                }
-
-
-                else if (pokemon2FormView && !pokemon3FormView)
-                {
-                    <div class="mx-1 align-content-center">
-                        <div class="addcard">
-                            <PokemonForm OnPokemonReady="ReceivePokemon2"
-                                formUse="ADD"
-                                RemoveForm="TogglePokemon2FormView"
-                                mostRecentForm="@pokemon2FormView" />
-                        </div>
-                    </div>
-                    <div class="mx-1 align-content-center">
-                        <PokemonAddButton OnAdd="TogglePokemon3FormView" />
-                    </div>
-                }
-
-
-                else if (!pokemon2FormView && pokemon3FormView)
-                {
-                    <div class="mx-1 align-content-center">
-                        <div class="addcard">
-                            <PokemonForm OnPokemonReady="ReceivePokemon2"
-                                formUse="ADD"
-                                RemoveForm="TogglePokemon2FormView"
-                                mostRecentForm="@pokemon2FormView" />
-                        </div>
-                    </div>
-                    <div class="mx-1 align-content-center">
-                        <div class="addcard">
-                            <PokemonForm OnPokemonReady="ReceivePokemon3"
-                                formUse="ADD"
-                                RemoveForm="TogglePokemon3FormView"
-                                mostRecentForm="@pokemon3FormView" />
-                        </div>
-                    </div>
-                }
-
-
-            </div>
-        </div>
-    </div>
-
-    <div class="d-flex justify-content-center mt-5">
-        <div class="btn-group">
-            <button @onclick="@HandleAdd" class="btn btn-primary rounded">Add Pokemon</button>
-        </div>
-    </div>
-}
-
-

Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonCreate.razor.cs

@@ -1,165 +0,0 @@
-using Microsoft.AspNetCore.Components.Web;
-using Microsoft.JSInterop;
-using Portfolio.Domain.Features.Pokemon;
-
-namespace Portfolio.WebUI.Server.Components.Pages.Pokemon_Pages
-{
-    public partial class PokemonCreate
-    {
-
-        private bool pokemon2FormView { get; set; } = false;
-        private bool pokemon3FormView { get; set; } = false;
-
-        private bool HideLabel { get; set; } = true;
-        private void Toggle()
-        {
-            HideLabel = !HideLabel;
-        }
-        private void TogglePokemon2FormView()
-        {
-            pokemon2FormView = !pokemon2FormView;
-        }
-        private void TogglePokemon3FormView()
-        {
-            pokemon3FormView = !pokemon3FormView;
-            TogglePokemon2FormView();
-            
-        }
-        // Create up to 3 Pokemon
-        private Pokemon pokemon1 = new Pokemon
-        {
-            PokemonId = 0, // Or any default ID logic
-            PokemonName = string.Empty, // Required fields cannot be null
-            PokemonType = string.Empty,
-            SleepType = string.Empty,
-            Speciality = string.Empty,
-            IsVariation = false
-        };
-        private Pokemon pokemon2 = new Pokemon
-        {
-            PokemonId = 0, // Or any default ID logic
-            PokemonName = string.Empty, // Required fields cannot be null
-            PokemonType = string.Empty,
-            SleepType = string.Empty,
-            Speciality = string.Empty,
-            IsVariation = false
-        };
-        private Pokemon pokemon3 = new Pokemon
-        {
-            PokemonId = 0, // Or any default ID logic
-            PokemonName = string.Empty, // Required fields cannot be null
-            PokemonType = string.Empty,
-            SleepType = string.Empty,
-            Speciality = string.Empty,
-            IsVariation = false
-        };
-
-        private bool isSubmitting = false;
-
-        private bool ToggleVariationName { get; set; }
-
-        private void onDisable()
-        {
-            this.ToggleVariationName = true;
-        }
-
-
-        private async Task ReceivePokemon1(Pokemon p)
-        {
-            // Save received pokemon as Pokemon 1
-            pokemon1 = p;
-
-            // Server console (Blazor Server)
-            Console.WriteLine($"[Pokemon 1] #{pokemon1.PokemonId} {pokemon1.PokemonName} | {pokemon1.PokemonType} | {pokemon1.SleepType} | {pokemon1.Speciality} | Var:{pokemon1.IsVariation} {pokemon1.VariationName}");
-
-            // Browser console
-            await JS.InvokeVoidAsync("console.log", "Pokemon 1:", pokemon1);
-        }
-
-        private async Task ReceivePokemon2(Pokemon p)
-        {
-            // Save received pokemon as Pokemon 1
-            pokemon2 = p;
-
-            // Server console (Blazor Server)
-            Console.WriteLine($"[Pokemon 2] #{pokemon2.PokemonId} {pokemon2.PokemonName} | {pokemon2.PokemonType} | {pokemon2.SleepType} | {pokemon2.Speciality} | Var:{pokemon2.IsVariation} {pokemon2.VariationName}");
-
-            // Browser console
-            await JS.InvokeVoidAsync("console.log", "Pokemon 2:", pokemon2);
-        }
-
-        private async Task ReceivePokemon3(Pokemon p)
-        {
-            // Save received pokemon as Pokemon 1
-            pokemon3 = p;
-
-            // Server console (Blazor Server)
-            Console.WriteLine($"[Pokemon 3] #{pokemon3.PokemonId} {pokemon3.PokemonName} | {pokemon3.PokemonType} | {pokemon3.SleepType} | {pokemon3.Speciality} | Var:{pokemon3.IsVariation} {pokemon3.VariationName}");
-
-            // Browser console
-            await JS.InvokeVoidAsync("console.log", "Pokemon 3:", pokemon3);
-        }
-        private bool IsComplete(Pokemon NewPokemon) =>
-            NewPokemon.PokemonId > 0 &&
-            !string.IsNullOrWhiteSpace(NewPokemon.PokemonName) &&
-            !string.IsNullOrWhiteSpace(NewPokemon.PokemonType) &&
-            !string.IsNullOrWhiteSpace(NewPokemon.SleepType) &&
-            !string.IsNullOrWhiteSpace(NewPokemon.Speciality) &&
-            (!NewPokemon.IsVariation || !string.IsNullOrWhiteSpace(NewPokemon.VariationName));
-
-        private async Task HandleAdd()
-        {
-            /*
-             Okay there are three versions of submits which need to be checked
-            1. Single submit, only one, if both pokemon#FormView is false
-            2. 2 Submit, if pokemon2FormView is true
-            3. 3 Submit, if pokemon3FormView is true
-             */
-            if (!pokemon2FormView && !pokemon3FormView)
-            {
-                //if(IsComplete(pokemon1))
-                //{
-                await HandleSubmit(pokemon1);
-                Navigation.NavigateTo("/pokemon-sleep/pokemon");
-                //}
-            }
-            else if (pokemon2FormView)
-            {
-                //if (IsComplete(pokemon1) && IsComplete(pokemon2))
-                //{
-                await HandleSubmit(pokemon1);
-                await HandleSubmit(pokemon2);
-                Navigation.NavigateTo("/pokemon-sleep/pokemon");
-
-                // }
-            }
-            else if (pokemon3FormView)
-            {
-                //if (IsComplete(pokemon1) && IsComplete(pokemon2) && IsComplete(pokemon3))
-                //{
-                await HandleSubmit(pokemon1);
-                await HandleSubmit(pokemon2);
-                await HandleSubmit(pokemon3);
-                Navigation.NavigateTo("/pokemon-sleep/pokemon");
-
-                //}
-            }
-
-        }
-
-        private async Task HandleSubmit(Pokemon NewPokemon)
-        {
-            isSubmitting = true;
-
-            await PokemonService.AddPokemonAsync(NewPokemon);
-            isSubmitting = false;
-
-        }
-
-        protected void Cancel(MouseEventArgs e)
-        {
-            Console.WriteLine("Testing in Cancel");
-            Navigation.NavigateTo("/pokemon-sleep/pokemon");
-        }
-    }
-}

Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonCreate.razor.css

@@ -1,5 +0,0 @@
-.addcard {
-    width: 100%;
-    max-width: 25rem;
-}
-