diff --git a/docs/main.html b/docs/main.html
index 06a0f7b..fabff3b 100644
--- a/docs/main.html
+++ b/docs/main.html
@@ -3,12 +3,34 @@
     <head>
         <title>UnderPython</title>
         <link rel="stylesheet" href="./style.css">
+        <script>
+            function f(){
+                tags = document.getElementsByTagName('span')
+                for(var x = 0; x < 18; x++){
+                    t = tags[x]
+                    t.addEventListener(
+                        'click',
+                        function(){
+                            window.open(top.location.href.split('#')[0] + '#' + this.id, '_self')
+                            document.getElementById('frame').src = './temp/' + this.id + '.html'
+                        }
+                    )
+                }
+                l = top.location.href.split('#')
+                if(l[1] != undefined)
+                    document.getElementById('frame').src = './temp/' + l[1] + '.html'
+                else
+                    window.open(top.location.href + '#up')
+                document.getElementById(l[1]).style.color = 'yellow'
+            }
+            document.addEventListener('click', f)
+        </script>
     </head>
     <body>
         <iframe id="frame"></iframe>
         <div id="menu">
             <h1 class="inner-menu">Content</h1>
-            <h2 class="inner-menu">Intruduction</h1>
+            <h2 class="inner-menu">Intruduction</h2>
             <span id="up" class="inner-menu">UnderPython - the undertale encounter mod</span>
             <span id="inst" class="inner-menu">Installation - download and use it</span>
             <span id="pk" class="inner-menu">Pre-knowledge - how to read this document?</span>
@@ -34,23 +56,7 @@ <h2 class="inner-menu">Conclusion</h2>
             <span id="cred" class="inner-menu">Credits</span>
         </div>
         <script>
-            tags = document.getElementsByTagName('span')
-            for(var x = 0; x < 18; x++){
-                t = tags[x]
-                t.addEventListener(
-                    'click',
-                    function(){
-                        window.open(top.location.href.split('#')[0] + '#' + this.id) 
-                        document.getElementById('frame').src = './temp/' + this.id + '.html'
-                    }
-                )
-            }
-            l = top.location.href.split('#')
-            if(l[1] != undefined)
-                document.getElementById('frame').src = './temp/' + l[1] + '.html'
-            else
-                window.open(top.location.href + '#up')        
-            document.getElementById(l[1]).style.color = 'yellow'
+            f()
         </script>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/docs/style.css b/docs/style.css
index e5d326a..88c786a 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -28,10 +28,6 @@
     font-family: dtm-sans;
     color: white;
 }
-span:hover
-{
-    color: yellow;
-}
 #frame
 {
     border: 0px;
@@ -43,4 +39,12 @@ span:hover
 }
 a{
     text-decoration: none;
-}
\ No newline at end of file
+}
+span, h1, h2
+{
+    font-family: dtm-sans;
+}
+span:hover
+{
+    color: yellow;
+}
diff --git a/docs/temp/pk.html b/docs/temp/pk.html
index 0cd01e7..2406429 100644
--- a/docs/temp/pk.html
+++ b/docs/temp/pk.html
@@ -6,10 +6,10 @@
         <link rel="stylesheet" href="style.css">
     </head>
     <body>
-        <h1>Pre-knowledges</h1>
-        <h2>Basic python knowledges</h2>
+        <h1>Pre-knowledge</h1>
+        <h2>Basic python knowledge</h2>
         <p>You have to learn things like basic variables, data structures and basic objectives like objects and methods.</p>
-        <h2>Mathematical knowledges</h2>
+        <h2>Mathematical knowledge</h2>
         <p>You should know things like rectangular coordinates, rgb, etc.</p>
         <h2>Undertale knowledge</h2>
         <p>You should know what undertale is and how to play it.</p>
@@ -21,4 +21,4 @@ <h2>Not needed</h2>
         <h1>About this document</h1>
         <p>As all these you've read before are useless, you should now pay attention.</p>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/docs/temp/up.html b/docs/temp/up.html
index 4a0147a..b74419a 100644
--- a/docs/temp/up.html
+++ b/docs/temp/up.html
@@ -7,12 +7,13 @@
     </head>
     <body>
         <h1>UnderPython</h1>
-        <p>by Github <a href="https://klpig.github.io/document/klpig">@KLpig</a></p>
+        <p>by GitHub <a href="https://klpig.github.io/document/klpig">@KLpig</a></p>
         <p style="color:red">WARNING: This doc is only for underpython alpha 1.0! Credits and others may be changed!</p>
-        <p>UnderPython is a python module of making undertale encounters and overworlds,
+        <p>UnderPython is a python module of making undertale encounters and overworld,
             able to handle many conditions.</p>
         <p>UnderPython is based on <a href="https://www.pygame.org">Pygame</a> and 
             Python. All image resources are hand-drawn by Pixel Studio.</p>
-        <h2><= Refer to the menu</h1>
+        <p>Sound effects from the original UnderTale. Music made by FL Studio.</p>
+        <h2><= Refer to the menu</h2>
     </body>
-</html>
\ No newline at end of file
+</html>
