From a7aa8937640ab91a702b3c8cb809581b912b35a3 Mon Sep 17 00:00:00 2001
From: Hamid Reza Mohammadi <mohammadi.hr@gmail.com>
Date: Sat, 21 Aug 2021 19:49:16 +0430
Subject: [PATCH] #190 improving design of user login/signup/resetpassword
 pages

---
 GanjooRazor/Pages/Login.cshtml         |  9 ++++---
 GanjooRazor/Pages/ResetPassword.cshtml | 16 ++++++------
 GanjooRazor/Pages/SignUp.cshtml        | 34 ++++++++++++++++++++++----
 3 files changed, 43 insertions(+), 16 deletions(-)

diff --git a/GanjooRazor/Pages/Login.cshtml b/GanjooRazor/Pages/Login.cshtml
index 86f12bc7..f263a86b 100644
--- a/GanjooRazor/Pages/Login.cshtml
+++ b/GanjooRazor/Pages/Login.cshtml
@@ -10,11 +10,15 @@
 <head>
     <meta charset="utf-8" />
     <title>@ViewData["Title"]</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
     <link href="/css/p6.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
+    <div id="hdr">
+        <h1><a href="/" title="گنجور"><img src="/image/gm.gif" alt="گنجور" style="width:auto;margin:auto;" /></a></h1>
+    </div>
     <div id="login">
         <div id="login-container">
             @if (Model.LoggedIn)
@@ -22,7 +26,6 @@
                 <form method="post">
                     <table>
                         <tr>
-                            <td></td>
                             <td><input type="submit" name="submit" id="submit" value="خروج" /></td>
                         </tr>
                     </table>
@@ -55,8 +58,8 @@
                             <td><input type="submit" name="submit" id="submit" value="ورود" /></td>
                         </tr>
                         <tr>
-                            <td><a href="https://museum.ganjoor.net/signup" target="_blank">ثبت نام</a></td>
-                            <td><a href="https://museum.ganjoor.net/forgot-password" target="_blank">فراموشی رمز</a></td>
+                            <td><a href="/signup">ثبت نام</a></td>
+                            <td><a href="/resetpassword">فراموشی گذرواژه</a></td>
                         </tr>
 
 
diff --git a/GanjooRazor/Pages/ResetPassword.cshtml b/GanjooRazor/Pages/ResetPassword.cshtml
index 80ea321f..fa1858d4 100644
--- a/GanjooRazor/Pages/ResetPassword.cshtml
+++ b/GanjooRazor/Pages/ResetPassword.cshtml
@@ -15,11 +15,11 @@
     <link href="/css/p6.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
+    <div id="hdr">
+        <h1><a href="/" title="گنجور"><img src="/image/gm.gif" alt="گنجور" style="width:auto;margin:auto;" /></a></h1>
+    </div>
     <div id="login">
         <div id="login-container">
-            <div class="imgcontainer">
-                <a href="/"><img src="/image/login.png" alt="گنجور" class="avatar"></a>
-            </div>
             @if (Model.LoggedIn)
             {
                 <div>
@@ -27,14 +27,14 @@
                 </div>
             }
             else
-            if (Model.PhaseSendEmail)
+           if (Model.PhaseSendEmail)
             {
                 <form method="post" action="/resetpassword?Handler=SendEmail">
                     <table>
                         <tr>
                             <td colspan="2">
                                 <p>
-                                    لطفاً پست الکترونیکی که با آن ثبت نام کرده‌اید را وارد کنید.
+                                    لطفاً پست الکترونیکی که با آن ثبت نام کرده‌اید را وارد کنید:
                                 </p>
                             </td>
                         </tr>
@@ -47,7 +47,7 @@
                             </td>
                         </tr>
                         <tr>
-                            <td colspan="2">
+                            <td>
                                 <span class="inputlabel">تصویر امنیتی:</span>
                             </td>
                             <td>
@@ -61,7 +61,7 @@
                         <tr>
                             <td colspan="2">
                                 <p>
-                                    عددی را که در تصویر امنیتی بالا می‌بینید در کادر زیر وارد کنید..
+                                    تصویر امنیتی بالا کمک می‌کند بین کاربران واقعی و رباتها و برنامه‌های کامپیوتری تمایز قائل شویم. لطفاً عددی را که در تصویر امنیتی بالا می‌بینید در کادر زیر وارد کنید:
                                 </p>
                             </td>
                         </tr>
@@ -81,7 +81,7 @@
                 </form>
             }
             else
-        if (Model.PhaseVerify)
+       if (Model.PhaseVerify)
             {
                 <form method="post" action="/resetpassword?Handler=Verify">
                     <table>
diff --git a/GanjooRazor/Pages/SignUp.cshtml b/GanjooRazor/Pages/SignUp.cshtml
index 2a2a5f59..e3bc881c 100644
--- a/GanjooRazor/Pages/SignUp.cshtml
+++ b/GanjooRazor/Pages/SignUp.cshtml
@@ -15,11 +15,11 @@
     <link href="/css/p6.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
+    <div id="hdr">
+        <h1><a href="/" title="گنجور"><img src="/image/gm.gif" alt="گنجور" style="width:auto;margin:auto;" /></a></h1>
+    </div>
     <div id="login">
         <div id="login-container">
-            <div class="imgcontainer">
-                <a href="/"><img src="/image/login.png" alt="گنجور" class="avatar"></a>
-            </div>
             @if (Model.LoggedIn)
             {
                 <div>
@@ -27,10 +27,18 @@
                 </div>
             }
             else
-            if (Model.SignupPhase1)
+          if (Model.SignupPhase1)
             {
                 <form method="post" action="/signup?Handler=Phase1">
                     <table>
+                        <tr>
+                            <td colspan="2">
+                                <p>
+                                    برای ثبت نام در گنجور نیاز به یک ایمیل دارید. فرایند ثبت نام با ارسال یک رمز به ایمیل (پست الکترونیکی) شما ادامه پیدا می‌کند و اگر ایمیلتان درست نباشد یا به آن دسترسی نداشته باشید نمی‌توانید در گنجور ثبت نام کنید.
+
+                                </p>
+                            </td>
+                        </tr>
                         <tr>
                             <td>
                                 <span class="inputlabel">پست الکترونیکی: </span>
@@ -51,6 +59,13 @@
                                 <input type="hidden" asp-for="SignUpViewModel.CaptchaImageId" />
                             </td>
                         </tr>
+                        <tr>
+                            <td colspan="2">
+                                <p>
+                                    تصویر امنیتی بالا کمک می‌کند بین کاربران واقعی و رباتها و برنامه‌های کامپیوتری تمایز قائل شویم. لطفاً عددی را که در تصویر امنیتی بالا می‌بینید در کادر زیر وارد کنید:
+                                </p>
+                            </td>
+                        </tr>
                         <tr>
                             <td>
                                 <span class="inputlabel">عدد تصویر امنیتی: </span>
@@ -62,13 +77,22 @@
                         <tr>
                             <td colspan="2"><input type="submit" name="submit" id="submit" value="ادامه" /></td>
                         </tr>
+                        <tr>
+                            <td colspan="2">
+                                <p>لطفاً به نکات زیر توجه کنید:</p>
+                                <p>۱. اگر پیشتر در <a href="https://museum.ganjoor.net">گنجینهٔ گنجور</a> یا <a href="https://gaudiopanel.ganjoor.net">پیشخان خوانشگران گنجور</a> ثبت نام کرده‌اید می‌توانید با همان اطلاعات کاربری در گنجور وارد شوید و نیاز به و امکان ثبت نام مجدد با همان ایمیل را ندارید. </p>
+                                <p>۲. برای مطالعهٔ اشعار نیازی به ثبت نام ندارید. ثبت نام برای درج حاشیه و مشارکت در سایت مورد نیاز است.</p>
+                                <p>۳. گنجور اطلاعاتی راجع به این که شما با نام کاربری خود چه صفحاتی را مطالعه می‌کنید جمع آوری نمی‌کند. برای اطمینان مفاد صفحهٔ <a href="/privacy">حریم خصوصی</a> را مطالعه بفرمایید.</p>
+                                <p>۴. بعد از ثبت نام امکان حذف حساب کاربری خود را دارید. با این کار اطلاعات خاص شما مثل حاشیه‌ها و خوانش‌ها حذف می‌شود و مشارکت‌های شما مثل ویرایش‌ها و ... به نام کاربر سیستم گنجور ثبت می‌شود.</p>
+                            </td>
+                        </tr>
                     </table>
                     <div><p style="color:red">@Model.LastError</p></div>
                 </form>
 
             }
             else
-        if (Model.SignupVerifyEmailPhase)
+      if (Model.SignupVerifyEmailPhase)
             {
                 <form method="post" action="/signup?Handler=Phase2">
                     <table>