#281 Design - Refactoring Accounts

Author: Farzin

src/Blogifier.Admin/Pages/Account/Register.razor

@@ -6,6 +6,10 @@
 
 <PageTitle Title="@_localizer["register"]" />
 
+<div class="account-header">
+    <h2 class="account-title text-lg-center">@_localizer["welcome-blogifier"]</h2>
+</div>
+
 @if (showError)
 {
     <div class="account-message -error">@_localizer["register-failed"].</div>
@@ -35,6 +39,6 @@
             <label for="registerConfirmPassword">@_localizer["confirm-password"]</label>
             <ValidationMessage For="@(() => model.PasswordConfirm)"></ValidationMessage>
         </div>
-        <button type="submit" class="btn btn-blogifier btn-block btn-floating">Create admin account</button>
+        <button type="submit" class="btn btn-blogifier btn-block btn-floating">@_localizer["create-admin-account"]</button>
     </EditForm>
 }

src/Blogifier.Admin/Shared/AccountLayout.razor

@@ -2,7 +2,7 @@
 @inject IStringLocalizer<Resource> _localizer
 
 <div class="account">
-    <a class="account-logo link-blogifier" href="http://blogifier.net/" target="_blank" rel="nofollow external" data-bs-toggle="tooltip" title="Powered by Blogifier">
+    <a class="account-logo link-blogifier" href="http://blogifier.net/" target="_blank" rel="nofollow external" data-bs-toggle="tooltip" title="@_localizer["powered-by-blogifier"]">
         <svg width="40" height="40" fill="currentColor" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
             <path d="M179.2 0H102.4L81.92 51.2H166.4C180.538 51.2 192 62.6615 192 76.8C192 90.9385 180.538 102.4 166.4 102.4H61.44L40.96 153.6L166.4 153.6C180.538 153.6 192 165.062 192 179.2C192 193.338 180.538 204.8 166.4 204.8H20.48L0 256H179.2C221.615 256 256 221.615 256 179.2C256 159.53 248.605 141.587 236.444 128C248.605 114.413 256 96.4699 256 76.8C256 34.3845 221.615 0 179.2 0Z" />
         </svg>

src/Blogifier.Admin/wwwroot/admin/css/app.css

@@ -10,6 +10,24 @@
     margin: auto;
   }
 
+  // header
+  &-header {
+    margin-bottom: 2rem;
+  }
+
+  &-title {
+    font-size: 1.25rem;
+    font-weight: 400;
+
+    &:last-of-type {
+      margin: 0;
+    }
+  }
+
+  &-desc {
+    font-size: 0.875rem;
+  }
+
   // message
   &-message {
     margin-bottom: 2rem;

src/Blogifier.Admin/wwwroot/admin/css/app.css.map

@@ -157,7 +157,7 @@
         <value>توضیحات</value>
     </data>
     <data name="items-per-page" xml:space="preserve">
-        <value>پست در هر صفحه</value>
+        <value>تعداد پست در هر صفحه</value>
     </data>
     <data name="logo" xml:space="preserve">
         <value>لوگو</value>
@@ -726,8 +726,8 @@
     <data name="telegram" xml:space="preserve">
         <value>تلگرام</value>
     </data>
-    <data name="powered-by" xml:space="preserve">
-        <value>قدرت گرفته از</value>
+    <data name="powered-by-blogifier" xml:space="preserve">
+        <value>قدرت گرفته از Blogifier</value>
     </data>
     <data name="copyright" xml:space="preserve">
         <value>حقّ تکثیر</value>
@@ -747,4 +747,22 @@
     <data name="author" xml:space="preserve">
         <value>نویسنده</value>
     </data>
+    <data name="customization" xml:space="preserve">
+        <value>شخصی سازی</value>
+    </data>
+    <data name="theme-customization-desc" xml:space="preserve">
+        <value>هر پوسته دارای قابلیت‌های مختلف است. شما در حال سفارشی کردن پوسته فعال شده هستید و این تغییرات فقط روی آن اعمال می‌شود.</value>
+    </data>
+    <data name="blog-settings" xml:space="preserve">
+        <value>تنظیمات بلاگ</value>
+    </data>
+    <data name="set-current-theme" xml:space="preserve">
+        <value>انتخاب به عناون پوسته فعلی</value>
+    </data>
+    <data name="create-admin-account" xml:space="preserve">
+        <value>ایجاد حساب مدیر</value>
+    </data>
+    <data name="welcome-blogifier" xml:space="preserve">
+        <value>به blogifier خوش آمدید</value>
+    </data>
 </root>

src/Blogifier.Admin/wwwroot/admin/scss/pages/account/_account.scss

@@ -726,8 +726,8 @@
     <data name="telegram" xml:space="preserve">
         <value>Telegram</value>
     </data>
-    <data name="powered-by" xml:space="preserve">
-        <value>Powered by</value>
+    <data name="powered-by-blogifier" xml:space="preserve">
+        <value>Powered by Blogifier</value>
     </data>
     <data name="copyright" xml:space="preserve">
         <value>Copyright</value>
@@ -759,4 +759,10 @@
     <data name="set-current-theme" xml:space="preserve">
         <value>Set as current theme</value>
     </data>
+    <data name="create-admin-account" xml:space="preserve">
+        <value>Create admin account</value>
+    </data>
+    <data name="welcome-blogifier" xml:space="preserve">
+        <value>Welcome to the Blogifier</value>
+    </data>
 </root>