diff --git a/src/Portfolio.Api/Program.cs b/src/Portfolio.Api/Program.cs
index e093629..cdef3e7 100644
--- a/src/Portfolio.Api/Program.cs
+++ b/src/Portfolio.Api/Program.cs
@@ -75,7 +75,6 @@ await using (var scope = app.Services.CreateAsyncScope()) {
await db.Database.EnsureCreatedAsync();
}
-app.UseHttpsRedirection();
app.MapDefaultEndpoints();
app.MapControllers();
diff --git a/src/Portfolio.Web/Components/App.razor b/src/Portfolio.Web/Components/App.razor
index 939e292..d0c615a 100644
--- a/src/Portfolio.Web/Components/App.razor
+++ b/src/Portfolio.Web/Components/App.razor
@@ -5,12 +5,15 @@
-
-
+
+
+
+
+
diff --git a/src/Portfolio.Web/Components/CancellableComponent.cs b/src/Portfolio.Web/Components/CancellableComponent.cs
new file mode 100644
index 0000000..a2aab92
--- /dev/null
+++ b/src/Portfolio.Web/Components/CancellableComponent.cs
@@ -0,0 +1,11 @@
+using Microsoft.AspNetCore.Components;
+
+namespace Portfolio.Web.Components;
+
+public class CancellableComponent : ComponentBase, IDisposable {
+ protected CancellationTokenSource TokenSource { get; } = new();
+
+ public void Dispose() {
+ TokenSource.Dispose();
+ }
+}
\ No newline at end of file
diff --git a/src/Portfolio.Web/Components/Layout/FooterLinks.razor b/src/Portfolio.Web/Components/Layout/FooterLinks.razor
new file mode 100644
index 0000000..03ffba1
--- /dev/null
+++ b/src/Portfolio.Web/Components/Layout/FooterLinks.razor
@@ -0,0 +1,19 @@
+
diff --git a/src/Portfolio.Web/Components/Layout/FooterLinks.razor.css b/src/Portfolio.Web/Components/Layout/FooterLinks.razor.css
new file mode 100644
index 0000000..dff7425
--- /dev/null
+++ b/src/Portfolio.Web/Components/Layout/FooterLinks.razor.css
@@ -0,0 +1,30 @@
+footer {
+ display: flex;
+ margin-top: auto;
+ margin-bottom: 2rem;
+ padding-top: 5rem;
+ justify-content: space-between;
+ margin-inline: 12.5vw;
+}
+
+.title {
+ background: var(--gradient);
+ background-clip: text;
+ color: transparent;
+ user-select: none;
+ font-weight: 500;
+}
+
+a {
+ text-decoration: none;
+}
+
+.socials {
+ display: flex;
+ gap: 0.75rem;
+}
+
+.socials a {
+ height: 25px;
+ display: flex;
+}
diff --git a/src/Portfolio.Web/Components/Layout/MainLayout.razor b/src/Portfolio.Web/Components/Layout/MainLayout.razor
index e3b2918..1b11967 100644
--- a/src/Portfolio.Web/Components/Layout/MainLayout.razor
+++ b/src/Portfolio.Web/Components/Layout/MainLayout.razor
@@ -1,23 +1,13 @@
@inherits LayoutComponentBase
-
-
+
+
-
-
-
-
- @Body
-
-
-
- An unhandled error has occurred.
-
Reload
-
🗙
-
+
Leon Hoppe
+
+
+ Home
+ Projekte
+ Technologien
+ Über mich
+ Kontakt
+
+
+
+
Counter
-
-Current count: @currentCount
-
-
-
-@code {
- private int currentCount = 0;
-
- private void IncrementCount() {
- currentCount++;
- }
-
-}
\ No newline at end of file
diff --git a/src/Portfolio.Web/Components/Pages/Home.razor b/src/Portfolio.Web/Components/Pages/Home.razor
index dfcdf75..8902f34 100644
--- a/src/Portfolio.Web/Components/Pages/Home.razor
+++ b/src/Portfolio.Web/Components/Pages/Home.razor
@@ -1,6 +1,6 @@
@page "/"
-Home
+Portfolio von Leon Hoppe
Hello, world!
diff --git a/src/Portfolio.Web/Components/Pages/Weather.razor b/src/Portfolio.Web/Components/Pages/Weather.razor
deleted file mode 100644
index f8204c6..0000000
--- a/src/Portfolio.Web/Components/Pages/Weather.razor
+++ /dev/null
@@ -1,61 +0,0 @@
-@page "/weather"
-@attribute [StreamRendering]
-
-Weather
-
-Weather
-
-This component demonstrates showing data.
-
-@if (forecasts == null) {
-
- Loading...
-
-}
-else {
-
-
-
- | Date |
- Temp. (C) |
- Temp. (F) |
- Summary |
-
-
-
- @foreach (var forecast in forecasts) {
-
- | @forecast.Date.ToShortDateString() |
- @forecast.TemperatureC |
- @forecast.TemperatureF |
- @forecast.Summary |
-
- }
-
-
-}
-
-@code {
- private WeatherForecast[]? forecasts;
-
- protected override async Task OnInitializedAsync() {
- // Simulate asynchronous loading to demonstrate streaming rendering
- await Task.Delay(500);
-
- var startDate = DateOnly.FromDateTime(DateTime.Now);
- var summaries = new[] { "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching" };
- forecasts = Enumerable.Range(1, 5).Select(index => new WeatherForecast {
- Date = startDate.AddDays(index),
- TemperatureC = Random.Shared.Next(-20, 55),
- Summary = summaries[Random.Shared.Next(summaries.Length)]
- }).ToArray();
- }
-
- private class WeatherForecast {
- public DateOnly Date { get; set; }
- public int TemperatureC { get; set; }
- public string? Summary { get; set; }
- public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
- }
-
-}
\ No newline at end of file
diff --git a/src/Portfolio.Web/Components/Routes.razor b/src/Portfolio.Web/Components/Routes.razor
index ae94e9e..090a0f6 100644
--- a/src/Portfolio.Web/Components/Routes.razor
+++ b/src/Portfolio.Web/Components/Routes.razor
@@ -1,6 +1,5 @@
-
\ No newline at end of file
diff --git a/src/Portfolio.Web/Program.cs b/src/Portfolio.Web/Program.cs
index d82cbbf..6ab644c 100644
--- a/src/Portfolio.Web/Program.cs
+++ b/src/Portfolio.Web/Program.cs
@@ -1,4 +1,6 @@
+using Portfolio.Shared.Services;
using Portfolio.Web.Components;
+using Portfolio.Web.Services;
var builder = WebApplication.CreateBuilder(args);
@@ -8,6 +10,15 @@ builder.Services.AddRazorComponents()
builder.AddServiceDefaults();
+builder.Services.AddScoped();
+builder.Services.AddScoped();
+builder.Services.AddScoped();
+builder.Services.AddScoped();
+
+builder.Services.AddHttpClient("api", client => {
+ client.BaseAddress = new Uri("http://api");
+});
+
var app = builder.Build();
// Configure the HTTP request pipeline.
@@ -17,7 +28,6 @@ if (!app.Environment.IsDevelopment()) {
app.UseHsts();
}
-app.UseHttpsRedirection();
app.MapDefaultEndpoints();
app.UseAntiforgery();
diff --git a/src/Portfolio.Web/Services/AboutRepository.cs b/src/Portfolio.Web/Services/AboutRepository.cs
new file mode 100644
index 0000000..e666782
--- /dev/null
+++ b/src/Portfolio.Web/Services/AboutRepository.cs
@@ -0,0 +1,20 @@
+using Portfolio.Shared.Models;
+using Portfolio.Shared.Services;
+
+namespace Portfolio.Web.Services;
+
+internal sealed class AboutRepository(IHttpClientFactory factory) : IAboutRepository {
+ private About DefaultValue => new() {
+ AboutMe = string.Empty,
+ Future = string.Empty
+ };
+
+ public async Task GetAbout(CancellationToken ct) {
+ var client = factory.CreateClient("api");
+ var response = await client.GetAsync("api/about", ct);
+ if (!response.IsSuccessStatusCode) return DefaultValue;
+
+ var data = await response.Content.ReadFromJsonAsync(ct);
+ return data ?? DefaultValue;
+ }
+}
\ No newline at end of file
diff --git a/src/Portfolio.Web/Services/ProjectRepository.cs b/src/Portfolio.Web/Services/ProjectRepository.cs
new file mode 100644
index 0000000..eccefc4
--- /dev/null
+++ b/src/Portfolio.Web/Services/ProjectRepository.cs
@@ -0,0 +1,15 @@
+using Portfolio.Shared.Models;
+using Portfolio.Shared.Services;
+
+namespace Portfolio.Web.Services;
+
+internal sealed class ProjectRepository(IHttpClientFactory factory) : IProjectRepository {
+ public async Task> GetProjects(CancellationToken ct) {
+ var client = factory.CreateClient("api");
+ var response = await client.GetAsync("api/projects", ct);
+ if (!response.IsSuccessStatusCode) return [];
+
+ var data = await response.Content.ReadFromJsonAsync>(ct);
+ return data ?? [];
+ }
+}
\ No newline at end of file
diff --git a/src/Portfolio.Web/Services/TechnologyRepository.cs b/src/Portfolio.Web/Services/TechnologyRepository.cs
new file mode 100644
index 0000000..d723a6d
--- /dev/null
+++ b/src/Portfolio.Web/Services/TechnologyRepository.cs
@@ -0,0 +1,15 @@
+using Portfolio.Shared.Models;
+using Portfolio.Shared.Services;
+
+namespace Portfolio.Web.Services;
+
+internal sealed class TechnologyRepository(IHttpClientFactory factory) : ITechnologyRepository {
+ public async Task> GetTechnologies(CancellationToken ct) {
+ var client = factory.CreateClient("api");
+ var response = await client.GetAsync("api/technologies", ct);
+ if (!response.IsSuccessStatusCode) return [];
+
+ var data = await response.Content.ReadFromJsonAsync>(ct);
+ return data ?? [];
+ }
+}
\ No newline at end of file
diff --git a/src/Portfolio.Web/Services/TimelineRepository.cs b/src/Portfolio.Web/Services/TimelineRepository.cs
new file mode 100644
index 0000000..0057e61
--- /dev/null
+++ b/src/Portfolio.Web/Services/TimelineRepository.cs
@@ -0,0 +1,15 @@
+using Portfolio.Shared.Models;
+using Portfolio.Shared.Services;
+
+namespace Portfolio.Web.Services;
+
+internal sealed class TimelineRepository(IHttpClientFactory factory) : ITimelineRepository {
+ public async Task> GetTimeline(TimelineEntryType type, CancellationToken ct) {
+ var client = factory.CreateClient("api");
+ var result = await client.GetAsync($"api/timeline/{type}", ct);
+ if (!result.IsSuccessStatusCode) return [];
+
+ var data = await result.Content.ReadFromJsonAsync>(ct);
+ return data ?? [];
+ }
+}
\ No newline at end of file
diff --git a/src/Portfolio.Web/wwwroot/app.css b/src/Portfolio.Web/wwwroot/app.css
index e69de29..e9aa8a2 100644
--- a/src/Portfolio.Web/wwwroot/app.css
+++ b/src/Portfolio.Web/wwwroot/app.css
@@ -0,0 +1,32 @@
+:root {
+ --primary: #8e5bd2;
+ --secondary: #11a8bd;
+
+ --gradient: linear-gradient(90deg, var(--primary), var(--secondary));
+ --gradient-angled: linear-gradient(135deg, var(--primary), var(--secondary));
+ --gradient-straight: linear-gradient(var(--primary), var(--secondary));
+
+ --padding: 12.5vw;
+ --padding-small: 5vw;
+ --mobile-width: 750px;
+
+ --desc-color: #7c8393;
+ --border-color: #2d2d2d;
+
+ --text: #ffffff;
+ --background: #0f1724;
+}
+
+* {
+ box-sizing: border-box;
+ color: var(--text);
+ font-family: "Ubuntu", serif;
+ font-weight: 400;
+ font-style: normal;
+}
+
+html, body {
+ margin: 0;
+ padding: 0;
+ height: 100%;
+}
diff --git a/src/Portfolio.Web/wwwroot/favicon.ico b/src/Portfolio.Web/wwwroot/favicon.ico
new file mode 100644
index 0000000..0073cd5
Binary files /dev/null and b/src/Portfolio.Web/wwwroot/favicon.ico differ
diff --git a/src/Portfolio.Web/wwwroot/favicon.png b/src/Portfolio.Web/wwwroot/favicon.png
deleted file mode 100644
index a1dc44a..0000000
--- a/src/Portfolio.Web/wwwroot/favicon.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e265ac0f2dda1e5dfa65b1adf330722bb3ef7789115283604d8cd19f098f1f08
-size 1148
diff --git a/src/Portfolio.Web/wwwroot/socials/gitlab.png b/src/Portfolio.Web/wwwroot/socials/gitlab.png
new file mode 100644
index 0000000..a294eb8
--- /dev/null
+++ b/src/Portfolio.Web/wwwroot/socials/gitlab.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:72a2cad5025aa931d6ea56c3201d1f18e68a8cd39788c7c80d5b2b82aa5143ef
+size 591
diff --git a/src/Portfolio.Web/wwwroot/socials/instagram.png b/src/Portfolio.Web/wwwroot/socials/instagram.png
new file mode 100644
index 0000000..473e499
--- /dev/null
+++ b/src/Portfolio.Web/wwwroot/socials/instagram.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fdc2ac0085453fedb24be138132b4858add40ec998259ae94fafb9decd459e69
+size 1772
diff --git a/src/Portfolio.Web/wwwroot/socials/mail.png b/src/Portfolio.Web/wwwroot/socials/mail.png
new file mode 100644
index 0000000..f0cb6ba
--- /dev/null
+++ b/src/Portfolio.Web/wwwroot/socials/mail.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:407b558182f98f948d045cd6b4ea62bec3b8a8322cada63b2b07a7ea12393ffe
+size 1459
+ 
+ 
+