стиль начало

HyperCube.csproj

@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk.Web">
+<Project Sdk="Microsoft.NET.Sdk.Web">
 
   <PropertyGroup>
     <TargetFramework>net5.0</TargetFramework>
@@ -17,4 +17,12 @@
     <PackageReference Include="Newtonsoft.Json" Version="13.0.1" />
   </ItemGroup>
 
+  <ItemGroup>
+    <Folder Include="wwwroot\images\" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <None Include="wwwroot\images\2dh_logo01.svg" />
+  </ItemGroup>
+
 </Project>

Pages/Index.razor

@@ -1,3 +1,8 @@
 @page "/"
 
-<h1>Добро пожаловать!</h1>
+<center>
+    <h1>Цифровая библиотека научных материалов<br>
+        с системой экспертной обработки данных, позволяющая<br>
+        создавать бизнес экосистемы с цифровыми активами.
+    </h1>
+</center>

Pages/Verifying.razor

@@ -10,24 +10,28 @@
     <thead>
         <tr>
             <th>№</th>
-            <th>Файл</th>
+            @*<th>Файл</th>*@
             <th>Название</th>
             <th>Дата издания</th>
-            <th>Авторы</th>
+            @*<th>Авторы</th>*@
+            <th>Инициатор</th>
+            <th>Верификатор</th>
             <th>Статус</th>
         </tr>
     </thead>
     <tbody>
         @foreach (var articleModel in articleModels)
         {
-            <tr>
-                <td>@(counter++)</td>
-                <td>@articleModel.Value.Filename</td>
-                <td><a href="@($"/docedit/{articleModel.Key}")">@articleModel.Value.Name</a></td>
-                <td>@articleModel.Value.PublishDate.ToString("d")</td>
-                <td>@articleModel.Value.Authors</td>
-                <td>@GetDisplayName(articleModel.Value.Status)</td>
-            </tr>
+        <tr>
+            <td>@(counter++)</td>
+            @*<td>@articleModel.Value.Filename</td>*@
+            <td><a href="@($"/docedit/{articleModel.Key}")">@articleModel.Value.Name</a></td>
+            <td>@articleModel.Value.PublishDate.ToString("d")</td>
+            @*<td>@articleModel.Value.Authors</td>*@
+            <td><center> - </center></td>
+            <td><center> - </center></td>
+            <td>@GetDisplayName(articleModel.Value.Status)</td>
+        </tr>
         }
     </tbody>
 </table>

Pages/_Host.cshtml

@@ -34,6 +34,5 @@
     </div>
 
     <script src="_framework/blazor.server.js"></script>
-    <script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
 </body>
 </html>

Shared/LoginDisplay.razor

@@ -1,12 +1,12 @@
 <AuthorizeView>
     <Authorized>
-        <a href="Identity/Account/Manage">@context.User.Identity.Name</a>
+        <a class="navbar-brand" href="Identity/Account/Manage">@context.User.Identity.Name</a>
         <form method="post" action="Identity/Account/LogOut">
             <button type="submit" class="nav-link btn btn-link">Выход</button>
         </form>
     </Authorized>
     <NotAuthorized>
-        <a href="Identity/Account/Register">Регистрация</a>
-        <a href="Identity/Account/Login">Вход</a>
+        <a class="navbar-brand" href="Identity/Account/Register">Регистрация</a>
+        <a class="navbar-brand" href="Identity/Account/Login">Вход</a>
     </NotAuthorized>
 </AuthorizeView>

Shared/MainLayout.razor

@@ -7,8 +7,9 @@
 
     <div class="main">
         <div class="top-row px-4 auth">
+            <a class="navbar-brand" href="">Правовая информация</a>
+            <a class="navbar-brand" href="">Контакты</a>
             <LoginDisplay />
-            <a href="" target="_blank">About</a>
         </div>
 
         <div class="content px-4">

Shared/MainLayout.razor.css

@@ -6,18 +6,22 @@
 
 .main {
     flex: 1;
-    background-color: #B5CBD8;
+    /*background-color: #B5CBD8;*/
+    background-color: #F4F5F7;
 }
 
 .sidebar {
-    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, rgba(181, 203, 215, 1) 70%);
+    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, rgba(181, 203, 215, 1) 70%);*/
     /*background-color: rgba(181, 203, 215, 1);*/
+    /*background-image: linear-gradient(180deg, rgb(59, 72, 78) 0%, rgb(31, 38, 33) 100%);*/
+    background-color: #3B484E;
 }
 
 .top-row {
     /*background-color: #f7f7f7;*/
-    background-color: rgba(181, 203, 215, 1);
-    border-bottom: 1px solid #d6d5d5;
+    /*background-color: rgba(181, 203, 215, 1);*/
+    background-color: #F4F5F7;
+    border-bottom: 5px solid #3B484E;
     justify-content: flex-end;
     height: 5.5rem;
     display: flex;

Shared/NavMenu.razor

@@ -1,35 +1,35 @@
-<div class="top-row pl-4 navbar navbar-dark">
-    <a class="navbar-brand" href=""><center>digital data<h4>HyperCube</h4></center></a>
-    <button class="navbar-toggler" @onclick="ToggleNavMenu">
+<div class="top-row pl-4 navbar navbar-light">
+    <img src="/images/2dh_logo01.svg"/>
+    @*<button class="navbar-toggler" @onclick="ToggleNavMenu">
         <span class="navbar-toggler-icon"></span>
-    </button>
+    </button>*@
 </div>
 
 <div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
     <ul class="nav flex-column">
         <li class="nav-item px-3">
             <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
-                <span class="oi oi-home" aria-hidden="true"></span> Домой
+                <span class="oi oi-home" aria-hidden="true"></span> <b>Домой</b>
             </NavLink>
         </li>
         <li class="nav-item px-3">
             <NavLink class="nav-link" href="docedit">
-                <span class="oi oi-plus" aria-hidden="true"></span> Загрузка
+                <span class="oi oi-plus" aria-hidden="true"></span> <b>Загрузка</b>
             </NavLink>
         </li>
         <li class="nav-item px-3">
             <NavLink class="nav-link" href="verifying">
-                <span class="oi oi-list-rich" aria-hidden="true"></span> Верификация
+                <span class="oi oi-list" aria-hidden="true"></span> <b>Верификация</b>
             </NavLink>
         </li>
         <li class="nav-item px-3">
             <NavLink class="nav-link" href="blockchains">
-                <span class="oi oi-list-rich" aria-hidden="true"></span> Blockchain
+                <span class="oi oi-list-rich" aria-hidden="true"></span> <b>Blockchain</b>
             </NavLink>
         </li>
         <li class="nav-item px-3">
             <NavLink class="nav-link" href="account">
-                <span class="oi oi-account-login" aria-hidden="true"></span> Личный кабинет
+                <span class="oi oi-account-login" aria-hidden="true"></span> <b>Личный кабинет</b>
             </NavLink>
         </li>
         @*<li class="nav-item px-3">

Shared/NavMenu.razor.css

@@ -1,10 +1,12 @@
 .navbar-toggler {
-    background-color: rgba(255, 255, 255, 0.1);
+    background-color: rgba(0, 0, 0, 1);
 }
 
 .top-row {
     height: 5.5rem;
-    background-color: rgba(0,0,0,0.4);
+    /*background-color: rgba(0,0,0,0.4);*/
+    background-color: #F4F5F7;
+    border-bottom: 5px solid #3B484E;
 }