Started to design MetaData for Letters

HaWeb/Views/Briefe/Index.cshtml

@@ -1,13 +1,8 @@
 @model BriefeViewModel;
 
-@Model.Meta.Meta.Autopsic
-@Model.Meta.ParsedSenders
-@Model.Index
-@Model.Id
-
-@if (Model.Next != null) {
-    <a href="@Model.Next.Value.Item2">@Model.Next.Value.Item1.Meta.Autopsic</a>
-}
+<div class="ha-letterheader">
+    @await Html.PartialAsync("/Views/Shared/_LetterHead.cshtml", Model.MetaData)
+</div>
 
 @if (Model.ParsedText != null) {
     @Html.Raw(@Model.ParsedText)
@@ -20,20 +15,3 @@
 @if (Model.ParsedMarginals != null) {
     @Html.Raw(@Model.ParsedMarginals)
 }
-
-@if (Model.ParsedTradition != null) {
-    @Html.Raw(@Model.ParsedTradition)
-}
-
-@if (Model.ParsedEdits != null) {
-@foreach (var edit in Model.ParsedEdits) {
-    @Html.Raw(edit)
-}
-}
-
-@if (Model.ParsedHands != null)
-{
-    @foreach (var hand in Model.ParsedHands) {
-    @Html.Raw(hand)
-}
-}

HaWeb/Views/Shared/_LetterHead.cshtml

@@ -0,0 +1,20 @@
+@model BriefeMetaViewModel
+
+<div class="ha-letterhead">
+    <div class="ha-letternumber">
+        @Model.Meta.Autopsic
+    </div>
+    <div class="ha-metadata">
+        <div class="ha-metadatarows">
+            <div class="ha-metadatatop">
+                @Model.Meta.Date
+            </div>
+            <div class="metadatabottom">
+                @Model.ParsedSenders -> @Model.ParsedReceivers
+            </div>
+        </div>
+    </div>
+    <div class="ha-lettermetalinks">
+
+    </div>
+</div>