Some small fixes & updates

CodeNerve.txt

@@ -1,13 +1,22 @@
-<span id="a">code@nerve</span>:<span id="b">~</span><span id="c">$</span> cd CodeNerve/<!-- kjsdfhkjdhsfkjdshfkj -->About_Us
-<span id="a">coder@nerve</span>:<span id="b">~</span><span id="c">$</span> cat <!-- kjsdfhkjdhsfkjdshfkj -->codenerve.txt<br/><br/>
-My favorite code quote, "<span id="k">Code for Everyone</span>". <!-- sjkfhskjf -->
+<span id="a">code@nerve</span>:<span id="b">~</span><span id="c">$</span> cd CodeNerve/About_Us
 
-Hey There! This is the portflio website in the skin of a terminal.<!-- laglaglaglaglaglaglaglaglaglaglaglag --><p>You can see that, this is how your portfolio would look like.</p>
-<p>You can introduce yourself here.</p> <!-- ksjdokhdfgdufdfkjhfkjahdfkjhafkjhakf -->
-<p> You can also tell what you've worked and known and what skills you have, you can also give link to your professional portfolio here<a href="link"> portfolio</a>.</p><!-- kjdhjhgdgldjhgdwtoiewotwotjdfkjdfffsf -->
-<p>Tell more about yourself. <br><br><br>Give your project links or something like that. <a href="link"> Here you go</a>.</p><!-- hsdgfhjfkdjhfkjsdhfkjdshfkjsdhfkjsdhkfjhdskjfhksdjhfkdsj -->
-<p> You can give links to other professional profiles you have on Internet, here: <br> <a href="link1">Profile1</a> <br> <a href="link2">Profile2</a> and <br> <a href="link3">Profile3</a>.</p>
+<span id="a">coder@nerve</span>:<span id="b">~</span><span id="c">$</span> cat codenerve.txt<br/><br/>
+My favorite code quote, "<span id="k">Code for Everyone</span>".
 
-You can also give your email ID for contacting you<!-- slightdelayhere-->, feel free to send me an email at<!-- longlonglongcomment --><a href="Your email ID">Email</a>.
+Hey there! This is the portfolio website in the skin of a terminal.
+
+<p>You can see that this is how your portfolio would look like.</p>
+<p>You can introduce yourself here.</p>
+
+<p>You can also share your work experience and skills. You can provide a link to your professional portfolio <a href="link">here</a>.</p>
+
+<p>Tell more about yourself. <br><br><br>Share your project links or anything you'd like to highlight. <a href="link">Here you go</a>.</p>
+
+<p>You can also provide links to your other professional profiles on the internet, such as:<br>
+<a href="link1">Profile1</a><br>
+<a href="link2">Profile2</a><br>
+<a href="link3">Profile3</a></p>
+
+You can also share your email ID for contacting you. Feel free to send me an email at <a href="Your email ID">Email</a>.
 
 <p>Cheers!</p>

README.md

@@ -1,2 +1,44 @@
-# CodeNerve.github.io
-Terminal based portfolio website for CodeNerve
+# CodeNerve Portfolio Website
+
+Welcome to the CodeNerve Portfolio Website project! This project aims to create a unique and interactive portfolio website in the form of a terminal interface.
+
+## Project Overview
+
+The CodeNerve Portfolio Website is designed to showcase your skills, projects, and professional information in a creative and engaging manner. The website mimics a terminal environment, providing a unique user experience for visitors.
+
+## Features
+
+- Terminal Interface: The portfolio website resembles a terminal, giving it a distinctive look and feel.
+- Introduction: Introduce yourself and provide a brief overview of your background and expertise.
+- Professional Portfolio: Share your work experience, skills, and accomplishments by providing a link to your professional portfolio.
+- Project Showcase: Highlight your projects by including descriptions and links for visitors to explore.
+- External Profile Links: Provide links to your other professional profiles on the internet, such as LinkedIn, GitHub, or other relevant platforms.
+- Contact Information: Include your email ID for visitors to contact you.
+
+## Usage
+
+To view the portfolio website locally, follow these steps:
+
+1. Clone the project repository.
+2. Open the `index.html` file in your preferred web browser.
+3. Explore the different sections of the website by navigating through the terminal interface.
+4. Click on links to access additional information or external profiles.
+5. Enjoy the interactive experience and get to know the portfolio owner better.
+
+## Contributions
+
+Contributions to the CodeNerve Portfolio Website project are welcome. If you would like to contribute new features, enhancements, or bug fixes, please follow these steps:
+
+1. Fork the repository.
+2. Create a new branch for your contribution.
+3. Make your changes and ensure that the website is functioning correctly.
+4. Commit and push your changes to your forked repository.
+5. Submit a pull request detailing your changes and their purpose.
+
+Please ensure that your contributions align with the project's goals and adhere to the existing code style and structure.
+
+## License
+
+This project is licensed under the [MIT License](LICENSE). Feel free to modify and use the code for personal or commercial projects.
+
+## Thank you for your interest and support in this project!

index.css

@@ -1,19 +1,17 @@
 :root {
-	background-color: #000 !important;
+	background-color: #000;
 }
 
 body {
-	background-color: #000
+	background-color: #000;
 }
 
 #console {
-	font-family: courier, monospace;
+	font-family: Courier, monospace;
 	color: #fff;
-	width:750px;
-	margin-left:auto;
-	margin-right:auto;
-	margin-top:100px;
-	font-size:14px;
+	width: 750px;
+	margin: 100px auto 0;
+	font-size: 14px;
 }
 
 a {
@@ -34,15 +32,15 @@ a {
 }
 
 #k {
-    	animation: change 1s;
+	animation: change 1s;
 }
 
-#op{
-    	color: #888888
+#op {
+	color: #888888;
 }
 
 @keyframes change {
-    	0%  { color:  #0f0; }
-    	50% { color:  #0f0; }
-    	99% { color: black; }
+	0% { color: #0f0; }
+	50% { color: #0f0; }
+	99% { color: #000; }
 }

index.html

@@ -1,15 +1,12 @@
-
-<html> 
-  <head> 
-    <title>CodeNerve</title> 
-    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
-    <link rel="stylesheet" type="text/css" href="index.css">
-  </head> 
-  <body> 
-    <script type="text/javascript" src="index.js"> 
-    </script> 
-    <div id="console"></div> 
-
-    </script>
-  </body> 
-</html> 
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CodeNerve</title>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+  <link rel="stylesheet" href="index.css">
+  <script src="index.js"></script>
+</head>
+<body>
+  <div id="console"></div>
+</body>
+</html>

index.js

@@ -1,121 +1,123 @@
-var Typer = {
-    text: '',
-    accessCountimer: null,
-    index: 0,
-    speed: 2,
-    file: '',
-    accessCount: 0,
-    deniedCount: 0,
-    init: function () {
-        accessCountimer = setInterval(function () {
-            Typer.updLstChr();
-        }, 500);
-        $.get(Typer.file, function (data) {
-            Typer.text = data;
-            Typer.text = Typer.text.slice(0, Typer.text.length - 1);
-        });
-    },
-
-    content: function () {
-        return $('#console').html();
-    },
-
-    write: function (str) {
-        $('#console').append(str);
-        return false;
-    },
-
-    addText: function (key) {
-        if (key.keyCode == 18) {
-            Typer.accessCount++;
-
-            if (Typer.accessCount >= 3) {
-                Typer.makeAccess();
-            }
-        } else if (key.keyCode == 20) {
-            Typer.deniedCount++;
-
-            if (Typer.deniedCount >= 3) {
-                Typer.makeDenied();
-            }
-        } else if (key.keyCode == 27) {
-            Typer.hidepop();
-        } else if (Typer.text) {
-            var cont = Typer.content();
-            if (cont.substring(cont.length - 1, cont.length) == '|')
-                $('#console').html(
-                    $('#console')
-                        .html()
-                        .substring(0, cont.length - 1),
-                );
-            if (key.keyCode != 8) {
-                Typer.index += Typer.speed;
-            } else {
-                if (Typer.index > 0) Typer.index -= Typer.speed;
-            }
-            var text = Typer.text.substring(0, Typer.index);
-            var rtn = new RegExp('\n', 'g');
-
-            $('#console').html(text.replace(rtn, '<br/>'));
-            window.scrollBy(0, 50);
-        }
-
-        if (key.preventDefault && key.keyCode != 122) {
-            key.preventDefault();
+const Typer = {
+  text: '',
+  accessCountimer: null,
+  index: 0,
+  speed: 2,
+  file: '',
+  accessCount: 0,
+  deniedCount: 0,
+
+  init: function () {
+    this.accessCountimer = setInterval(() => {
+      this.updLstChr();
+    }, 500);
+    fetch(this.file)
+      .then(response => response.text())
+      .then(data => {
+        this.text = data.slice(0, -1);
+      });
+  },
+
+  content: function () {
+    return $('#console').html();
+  },
+
+  write: function (str) {
+    $('#console').append(str);
+    return false;
+  },
+
+  addText: function (key) {
+    if (key.keyCode === 18) {
+      this.accessCount++;
+      if (this.accessCount >= 3) {
+        this.makeAccess();
+      }
+    } else if (key.keyCode === 20) {
+      this.deniedCount++;
+      if (this.deniedCount >= 3) {
+        this.makeDenied();
+      }
+    } else if (key.keyCode === 27) {
+      this.hidepop();
+    } else if (this.text) {
+      const cont = this.content();
+      if (cont.endsWith('|')) {
+        $('#console').html(cont.slice(0, -1));
+      }
+      if (key.keyCode !== 8) {
+        this.index += this.speed;
+      } else {
+        if (this.index > 0) {
+          this.index -= this.speed;
         }
+      }
+      const text = this.text.substring(0, this.index);
+      const rtn = /\n/g;
+      $('#console').html(text.replace(rtn, '<br/>'));
+      window.scrollBy(0, 50);
+    }
 
-        if (key.keyCode != 122) {
-            // otherway prevent keys default behavior
-            key.returnValue = false;
-        }
-    },
-
-    updLstChr: function () {
-        var cont = this.content();
-
-        if (cont.substring(cont.length - 1, cont.length) == '|')
-            $('#console').html(
-                $('#console')
-                    .html()
-                    .substring(0, cont.length - 1),
-            );
-        else this.write('|'); // else write it
-    },
-};
+    if (key.preventDefault && key.keyCode !== 122) {
+      key.preventDefault();
+    }
 
-function replaceUrls(text) {
-    var http = text.indexOf('http://');
-    var space = text.indexOf('.me ', http);
+    if (key.keyCode !== 122) {
+      // prevent default behavior for other keys
+      key.returnValue = false;
+    }
+  },
 
-    if (space != -1) {
-        var url = text.slice(http, space - 1);
-        return text.replace(url, '<a href="' + url + '">' + url + '</a>');
+  updLstChr: function () {
+    const cont = this.content();
+    if (cont.endsWith('|')) {
+      $('#console').html(cont.slice(0, -1));
     } else {
-        return text;
+      this.write('|');
     }
+  },
+
+  makeAccess: function () {
+    // Implement the makeAccess function as needed
+  },
+
+  makeDenied: function () {
+    // Implement the makeDenied function as needed
+  },
+
+  hidepop: function () {
+    // Implement the hidepop function as needed
+  }
+};
+
+function replaceUrls(text) {
+  const http = text.indexOf('http://');
+  const space = text.indexOf('.me ', http);
+
+  if (space !== -1) {
+    const url = text.slice(http, space - 1);
+    return text.replace(url, `<a href="${url}">${url}</a>`);
+  } else {
+    return text;
+  }
 }
 
 Typer.speed = 3;
 Typer.file = 'CodeNerve.txt';
 Typer.init();
 
-var timer = setInterval('t();', 30);
+const timer = setInterval(t, 30);
 function t() {
-    Typer.addText({keyCode: 123748});
-
-    if (Typer.index > Typer.text.length) {
-        clearInterval(timer);
-    }
+  Typer.addText({ keyCode: 123748 });
 
+if (Typer.index > Typer.text.length) {
+clearInterval(timer);
 }
-
-document.onkeydown = function (e) {
-    if (e.keyCode == 27) {
-        // fastforward text 
-        Typer.index = Typer.text.length;
-    }
 }
 
-
-
-
+document.addEventListener('keydown', function (e) {
+if (e.keyCode === 27) {
+// fast forward text
+Typer.index = Typer.text.length;
+}
+});