Size of typing panel

shahverd · Feb 28, 2024 · 977332f · 977332f
1 parent 98d6290
commit 977332f
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 13 deletions.
diff --git a/assets/css/practice.css b/assets/css/practice.css
@@ -93,15 +93,15 @@ figure{
 }
 #text{
     padding-bottom: 0px;
-    padding-left: 40px;
     text-indent: 40px;
     color: #000000;
     margin: auto;
-    max-width: 960px;
+    max-width: 1000px;
     min-height: 160px;
 }
 #text span{
-    font-size: 35px;
+    font-size: 25px;
+    font-weight: bold;
 }
 #typed{
     color: #bbb;
@@ -123,6 +123,7 @@ figure{
     font-size: 30px;
 }
 #lesson_name{
+    font-family: "titrFont";
     font-size: 18px !important;
 }
 
@@ -140,8 +141,8 @@ figure{
     font-size:30px;
 }
 #content{
-    padding-top: 30px;
-    margin-right: 50px;
+    /*padding-top: 30px;
+    margin-right: 50px; */
 }
 #dest{
     padding-top: 90px;

diff --git a/assets/js/practice.js b/assets/js/practice.js
@@ -22,7 +22,7 @@ const COLORED_KEY_MOST_MISTAKES = "#640a0a"
 const CHAR_SPACE = '␣'
 
 const CHAR_HISTORY_LENGHTH = 20;
-const NUMBER_OF_WORDS_PER_PRACTICE = 30
+const NUMBER_OF_WORDS_PER_PRACTICE = 35
 
 const KEY_MAP = {
     "-": "Minus",
@@ -415,4 +415,4 @@ class Practice {
 
 const practice = new Practice();
 
-document.onkeypress = (evt) => practice.processKeypress(evt);
+document.onkeypress = (evt) => practice.processKeypress(evt);
diff --git a/html/practice.html b/html/practice.html
@@ -34,19 +34,22 @@
                     </ul>
                 </nav>
                 <hr>
-                <h2>(<span id="lesson_name"></span>)</h2>
+		<div>
+		    <b><span id="lesson_name"></span></b> - 
+		    <span class="stat_line">
+		    	<i>سرعت تایپ</i>: <b style="font-family:titrFont; " id="result">0</b> واژه بر دقیقه؛ 
+		    	<i>میزان خطا</i>: <b style="font-family:titrFont; " id="mistakes">0</b>؛ 
+		    	<i> بهترین سرعت</i>: <b style="font-family:titrFont; " id="best"></b> واژه بر دقیقه
+		    </span>
+		</div>
 
                 <span id="typed"></span><span id="overlay"></span><span id="to_type">در حال بارگذاری...</span>
             </div>
 
         </div>
 
         <div id="res_div">
-            <p>
-                <i>سرعت تایپ</i>: <b style="font-family:titrFont; " id="result">0</b> واژه بر دقیقه؛ 
-                <i>میزان خطا</i>: <b style="font-family:titrFont; " id="mistakes">0</b>؛ 
-                <i> بهترین سرعت</i>: <b style="font-family:titrFont; " id="best"></b> واژه بر دقیقه
-            </p>
+
             <div id="keyboard_practice">
                 <svg width="100%" class="KeyboardWrap Keyboard-frame" viewBox="0 0 630 210">