Skip to content

Commit 4090d6f

Browse files
CodingCodeSebCodingCodeSeb
committed
Vorschlag für Home unterbreiten lassen.
1 parent e8ba5e1 commit 4090d6f

2 files changed

Lines changed: 86 additions & 16 deletions

File tree

‎Layout/MainLayout.razor‎

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,18 +7,15 @@
77

88
<MudLayout>
99
<MudAppBar Elevation="1">
10-
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@DrawerToggle" />
11-
<MudText Typo="Typo.h6" Class="ml-2">Application</MudText>
10+
@* <MudText Typo="Typo.h6" Class="ml-3">CodingCodeSeb</MudText> *@
1211
<MudSpacer />
1312
<MudIconButton Icon="@(DarkLightModeButtonIcon)" Color="Color.Inherit" OnClick="@DarkModeToggle" />
14-
<MudLink Href="https://learn.microsoft.com/aspnet/core/" Target="_blank" Color="Color.Inherit" Underline="Underline.None">
15-
About
16-
</MudLink>
13+
<MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" Href="https://github.com/CodingCodeSeb" Target="_blank" />
1714
</MudAppBar>
1815

19-
<MudDrawer @bind-Open="_drawerOpen" ClipMode="DrawerClipMode.Always" Elevation="2">
16+
@* <MudDrawer @bind-Open="_drawerOpen" ClipMode="DrawerClipMode.Always" Elevation="2">
2017
<NavMenu />
21-
</MudDrawer>
18+
</MudDrawer> *@
2219

2320
<MudMainContent Class="pt-16 pa-4">
2421
@Body

‎Pages/Home.razor‎

Lines changed: 82 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,87 @@
11
@page "/"
22

3-
<PageTitle>Home</PageTitle>
3+
<PageTitle>Sebastian | Persönliche Website</PageTitle>
44

5-
<MudText Typo="Typo.h3" GutterBottom="true">Hello, world!</MudText>
6-
<MudText Class="mb-8">Welcome to your new app, powered by MudBlazor and the .NET 10 Template!</MudText>
5+
<MudContainer MaxWidth="MaxWidth.Large" Class="mt-8 mb-12">
6+
@* --- HERO SECTION --- *@
7+
<MudPaper Elevation="3" Class="pa-8 mb-8 rounded-lg" Style="background: linear-gradient(135deg, var(--mud-palette-primary) 0%, var(--mud-palette-dark) 100%); color: white;">
8+
<MudGrid Justify="Justify.Center">
9+
<MudItem xs="12" md="8">
10+
<MudText Typo="Typo.h3" Class="fw-bold mb-2">Hallo, ich bin Sebastian! 👋</MudText>
11+
<MudText Typo="Typo.h6" Class="mb-4" Style="opacity: 0.9;">
12+
Willkommen auf meiner privaten Spielwiese für .NET, Blazor und andere Technologien.
13+
</MudText>
14+
<MudText Typo="Typo.body1" Class="mb-6" Style="opacity: 0.8; max-width: 600px;">
15+
Ich erstelle gerne Software, experimentiere mit modernem Webdesign und nutze diese Seite als zentralen Ort für meine privaten Projekte und Links.
16+
</MudText>
717

18+
<MudStack Row="true" Spacing="2">
19+
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Custom.Brands.GitHub" Href="https://github.com/CodingCodeSeb" Target="_blank">
20+
GitHub
21+
</MudButton>
22+
<MudButton Variant="Variant.Outlined" Style="color: white; border-color: white;" StartIcon="@Icons.Material.Filled.Email" Href="mailto:deine-email@example.com">
23+
Kontakt
24+
</MudButton>
25+
</MudStack>
26+
</MudItem>
827

9-
<MudAlert Severity="Severity.Normal" ContentAlignment="HorizontalAlignment.Start">
10-
You can find documentation and examples on our website here:
11-
<MudLink Href="https://mudblazor.com" Target="_blank" Typo="Typo.body2" Color="Color.Primary">
12-
<b>www.mudblazor.com</b>
13-
</MudLink>
14-
</MudAlert>
28+
<MudItem xs="12" md="4" Class="d-flex justify-center">
29+
<MudAvatar Style="height: 180px; width: 180px;" Elevation="6">
30+
<MudImage Src="https://avatars.githubusercontent.com/u/CodingCodeSeb" Alt="Sebastian Avatar" />
31+
</MudAvatar>
32+
</MudItem>
33+
</MudGrid>
34+
</MudPaper>
35+
36+
@* --- ÜBER MICH & INTERESSEN --- *@
37+
<MudGrid Class="mb-8">
38+
<MudItem xs="12" md="4">
39+
<MudCard Elevation="2" Class="h-100 rounded-lg">
40+
<MudCardContent>
41+
<MudIcon Icon="@Icons.Material.Filled.Code" Color="Color.Primary" Size="Size.Large" Class="mb-2" />
42+
<MudText Typo="Typo.h6" Class="mb-2">Entwicklung</MudText>
43+
<MudText Typo="Typo.body2" Color="Color.Secondary">
44+
Mein Fokus liegt auf .NET, C#, WPF und Blazor. Ich mag sauberen Code, moderne Frameworks und schnelle Webanwendungen.
45+
</MudText>
46+
</MudCardContent>
47+
</MudCard>
48+
</MudItem>
49+
50+
<MudItem xs="12" md="4">
51+
<MudCard Elevation="2" Class="h-100 rounded-lg">
52+
<MudCardContent>
53+
<MudIcon Icon="@Icons.Material.Filled.Science" Color="Color.Secondary" Size="Size.Large" Class="mb-2" />
54+
<MudText Typo="Typo.h6" Class="mb-2">Experimente</MudText>
55+
<MudText Typo="Typo.body2" Color="Color.Secondary">
56+
Ich Automatisiere gerne so viel möglich, dabei
57+
</MudText>
58+
</MudCardContent>
59+
</MudCard>
60+
</MudItem>
61+
62+
<MudItem xs="12" md="4">
63+
<MudCard Elevation="2" Class="h-100 rounded-lg">
64+
<MudCardContent>
65+
<MudIcon Icon="@Icons.Material.Filled.Person" Color="Color.Info" Size="Size.Large" Class="mb-2" />
66+
<MudText Typo="Typo.h6" Class="mb-2">Persönliches</MudText>
67+
<MudText Typo="Typo.body2" Color="Color.Secondary">
68+
Wenn ich nicht gerade programmiere, beschäftige ich mich mit [Deine Hobbys / Themen z.B. Gaming, Open Source, Musik].
69+
</MudText>
70+
</MudCardContent>
71+
</MudCard>
72+
</MudItem>
73+
</MudGrid>
74+
75+
@* --- TECH STACK (CHIPS) --- *@
76+
<MudPaper Elevation="1" Class="pa-6 rounded-lg">
77+
<MudText Typo="Typo.h6" Class="mb-4">Technologien, mit denen ich spiele:</MudText>
78+
<MudChip T="string" Color="Color.Primary" Icon="@Icons.Material.Filled.Terminal">C# / .NET</MudChip>
79+
<MudChip T="string" Color="Color.Info" Icon="@Icons.Material.Filled.Web">Blazor</MudChip>
80+
<MudChip T="string" Color="Color.Info" Icon="@Icons.Material.Filled.Html">HTML5 / CSS3</MudChip>
81+
<MudChip T="string" Color="Color.Secondary" Icon="@Icons.Material.Filled.Palette">MudBlazor</MudChip>
82+
<MudChip T="string" Color="Color.Success" Icon="@Icons.Material.Filled.Storage">REST APIs</MudChip>
83+
<MudChip T="string" Color="Color.Success" Icon="@Icons.Material.Filled._3dRotation">Solid Works / API</MudChip>
84+
<MudChip T="string" Color="Color.Success" Icon="@Icons.Material.Filled.TextFormat">LaTeX</MudChip>
85+
<MudChip T="string" Color="Color.Success" Icon="@Icons.Material.Filled.Dataset">SQL</MudChip>
86+
</MudPaper>
87+
</MudContainer>

0 commit comments

Comments
 (0)