NackenDex Dummy

GottfriedsNackenWebseite/GottfriedsNackenWebseite/Components/NackenKarte.razor

@@ -0,0 +1,60 @@
+<MudContainer MaxWidth="MaxWidth.ExtraSmall">
+    <MudCard Elevation="4">
+        <MudCardHeader>
+            <CardHeaderAvatar>
+                <MudAvatar Image="images/leibniz_icon.jpg"></MudAvatar>
+            </CardHeaderAvatar>
+            <CardHeaderContent>
+                <MudText>Gottfried Wilhelm Leibniz</MudText>
+            </CardHeaderContent>
+            <CardHeaderActions>
+                <MudAvatar Rounded="true" Image="images/german.jpg"></MudAvatar>
+            </CardHeaderActions>
+        </MudCardHeader>
+        <MudCardMedia Image="images/leibniz.jpg" Height="250">
+
+        </MudCardMedia>
+        <MudCardContent>
+            <MudSimpleTable Style="overflow-x: auto;">
+                <tbody>
+                    <tr>
+                        <td>Intelligenzquotient</td>
+                        <td>149</td>
+                    </tr>
+                    <tr>
+                        <td>Wissenschaftliche Arbeiten</td>
+                        <td>23</td>
+                    </tr>
+                    <tr>
+                        <td>Alter</td>
+                        <td>70</td>
+                    </tr>
+                    <tr>
+                        <td>Google-Ergebnisse</td>
+                        <td>6.760.000</td>
+                    </tr>
+                    <tr>
+                        <td>Nackengröße</td>
+                        <td>69</td>
+                    </tr>
+                </tbody>
+            </MudSimpleTable>
+            <MudText Class="mt-1">
+                Gottfried Wilhelm Leibniz (* 21. Juni / 1. Juli 1646 in Leipzig; † 14. November 1716 in Hannover) war ein
+                deutscher Philosoph, Mathematiker, Jurist, Historiker und politischer Berater der frühen Aufklärung. Er gilt
+                als der universale Geist seiner Zeit und war einer der bedeutendsten Philosophen des ausgehenden 17. und
+                beginnenden 18. Jahrhunderts sowie einer der wichtigsten Vordenker der Aufklärung.
+            </MudText>
+        </MudCardContent> 
+        <MudCardActions>
+            <MudIconButton Icon="@Icons.Material.Filled.Favorite" Color="Color.Default" />
+            <MudText>1337</MudText>
+            <MudIconButton Class="ml-2" Icon="@Icons.Material.Filled.Share" Color="Color.Default" />
+        </MudCardActions>
+    </MudCard>
+</MudContainer>
+
+
+@code {
+
+}

GottfriedsNackenWebseite/GottfriedsNackenWebseite/Pages/NackenDex.razor

@@ -0,0 +1,37 @@
+@page "/nackendex"
+
+<PageTitle>NackenDex</PageTitle>
+<MudText Class="mt-2 mb-2" Align="Align.Center">Ihr NackenDex für die besten Quartettkarten</MudText>
+
+<MudContainer>
+    <MudPaper Elevation="25" Class="m-1">
+        <MudGrid Spacing="2">
+            <MudItem Class="ml-2"> 
+                <MudAutocomplete T="string" Label="Suche..."></MudAutocomplete>
+            </MudItem>
+            <MudSpacer />
+            <MudItem Class="mr-2 mt-2">
+                <MudChipSet @bind-SelectedChips="selected" Filter="filter">
+                    <MudChip Text="Deutsch"></MudChip>
+                    <MudChip Text="Nacken"></MudChip>
+                    <MudChip Text="Intelligenz"></MudChip>
+                    <MudChip Text="Alter"></MudChip>
+                </MudChipSet>
+            </MudItem>
+        </MudGrid>
+    </MudPaper>
+</MudContainer>
+
+<MudGrid Justify="Justify.Center" Class="mt-8">
+    @for(int i = 0; i < 10; i++)
+    {
+        <MudItem>
+            <GottfriedsNackenWebseite.Components.NackenKarte></GottfriedsNackenWebseite.Components.NackenKarte>
+        </MudItem>
+    }
+</MudGrid>
+
+@code {
+    bool filter = true;
+    MudChip[] selected;
+}

GottfriedsNackenWebseite/GottfriedsNackenWebseite/Shared/NavMenu.razor

@@ -17,6 +17,9 @@
     <MudNavLink Href="wordle" Match=NavLinkMatch.Prefix>
         Nacken Wordle
     </MudNavLink>
+    <MudNavLink Href="nackendex" Match=NavLinkMatch.Prefix>
+        NackenDex
+    </MudNavLink>
 </MudNavMenu>
 @*
 <div class="top-row ps-3 navbar navbar-dark">