Blog post display

Yavsc/Views/Blogspot/Details.cshtml

@@ -5,9 +5,10 @@
 }
 
 <div>
-    <img alt="" src="@Model.Photo">
+<img class="blogphoto" alt="" src="@Model.Photo" >
+<h1 class="blogtitle" ismarkdown>@Model.Title</h1>
+   
     <h1>
-<div markdown="@Model.Title" site="SiteSettings.Value"></div>
 
     </h1>
     <hr />

Yavsc/Views/Blogspot/Edit.cshtml

@@ -114,7 +114,6 @@
 </script>
     @Html.Partial("_ValidationScriptsPartial")
 }
-
 <h2 > @SR["Blog post edition"] </h2>
                 <label><input type="checkbox" id="vcbtn" />Editer le code source Markdown</label>
 
@@ -128,7 +127,9 @@
   <button class="ql-format-button ql-strike"></button>
 </div>
 
-<h2 id="titleview" ismarkdown>@Model.Title</h2>
+
+<img class="blogphoto" alt="" src="@Model.Photo">
+<h2 class="blogtitle" id="titleview" ismarkdown>@Model.Title</h2>
 
 <div id="contentbar" class="hidden ql-snow ql-toolbar">
 <span class="ql-format-group">
@@ -155,7 +156,7 @@
 </span>
 </div>
 
-<div markdown="@Model.Content" base="~/@Model.Id" site="SiteSettings.Value" id="contentview" ></div>
+<div class="blogtext" markdown="@Model.Content" base="~/@Model.Id" site="SiteSettings.Value" id="contentview" ></div>
 
 <hr>
 <form asp-action="Edit" >

Yavsc/wwwroot/css/site.css

@@ -95,3 +95,16 @@ footer {
 .activity {
     border-style: groove none none groove;
 }
+
+.blogtitle { 
+    font-size: x-large;
+}
+
+.blogtext { 
+    font-feature-settings: "valt"
+}
+
+.blogphoto {
+    float: left;
+    margin: 1em;
+}