├── composer.json
├── index.php
├── images
└── terminal.png
├── LICENSE
├── index.html
├── README.md
├── scripts
├── cursor.js
├── data.js
└── main.js
└── style
└── style.css
/composer.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/images/terminal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lohitkolluri/Old-Portfolio-Website/HEAD/images/terminal.png
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2023 Lohit Kolluri
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Lohit's Terminal
10 |
11 |
20 |
21 |
27 |
28 |
29 | █
30 |
31 |
32 |
Portfolio Website V1
2 |
3 | This portfolio website acted as a platform for showcasing my projects providing information about myself and displaying my social media profiles. It featured a terminal-like interface for user interaction.
4 |
5 | 🚀 Demo
6 |
7 | [https://lohitkolluri.github.io/Old-Portfolio-Website/](https://lohitkolluri.github.io/Old-Portfolio-Website/)
8 |
9 |
10 |
11 | 🧐 Features
12 |
13 | Here're some of the project's best features:
14 |
15 | * Command Execution and Routing
16 | * Command History Navigation
17 | * Dynamic Content Printing
18 | * Command Line Interface (CLI) Simplicity
19 | * External Link Opening
20 |
21 | 🛠️ Installation Steps:
22 |
23 | 1. Clone the repository:
24 |
25 | ```
26 | git clone https://github.com/lohitkolluri/Old-Portfolio-Website
27 | ```
28 |
29 | 2. Go to the directory:
30 |
31 | ```
32 | cd Old-Portfolio-Website
33 | ```
34 |
35 | 3. Open the index.html file in a web browser
36 |
37 |
38 |
39 | 💻 Built with
40 |
41 | Technologies used in the project:
42 |
43 | * JavaScript
44 | * HTML
45 | * CSS
46 | * Browser DOM
47 |
48 | 🛡️ License:
49 |
50 | This project is licensed under the [MIT License](LICENSE)
51 |
--------------------------------------------------------------------------------
/scripts/cursor.js:
--------------------------------------------------------------------------------
1 | var cursor;
2 |
3 | window.onload = init()
4 |
5 |
6 | // Initializes the cursor to leftmost possible position
7 | function init(){
8 | cursor = document.getElementById('cursor')
9 | cursor.style.left = "0px";
10 | }
11 |
12 | // Replace all the newline chars with empty string
13 | function replaceNewline(str){
14 | return str.replace(/\n/g, '');
15 | }
16 |
17 | // Takes data from textarea and write to the liner
18 | function typeToLine(source , e){
19 | // Load event data using both methods
20 | e = e || window.event;
21 |
22 | // Store data from textarea and write to inputLine span
23 | var textBox = source.value;
24 | var inputLine = document.getElementById('input');
25 |
26 | inputLine.innerHTML = replaceNewline(textBox);
27 | }
28 |
29 | // Moves the cursor depending on key pressed
30 | function moveCursor(len, e){
31 | e = e || window.event;
32 | var keyCode = e.keyCode || e.which;
33 |
34 | // left or right arrow key -> shift the cursor by 10px left or right.
35 | if (keyCode == 37 && parseInt(cursor.style.left) >= (0 - ((len - 1) * 10))) {
36 | cursor.style.left = parseInt(cursor.style.left) - 10 + "px";
37 | }
38 | else if (keyCode == 39 && (parseInt(cursor.style.left) + 10) <= 0) {
39 | cursor.style.left = parseInt(cursor.style.left) + 10 + "px";
40 | }
41 | }
--------------------------------------------------------------------------------
/scripts/data.js:
--------------------------------------------------------------------------------
1 | const linkedin = "https://www.linkedin.com/in/kollurilohit/";
2 | const github = "https://github.com/lohitkolluri/";
3 | const email = "mailto:lohitkolluri@gmail.com";
4 | var today = new Date();
5 |
6 | about = [
7 | "' + String(today) + " ",
24 | 'Lohit Kolluri ',
25 | "Welcome to my Portfolio Website.. ',
34 | 'For a list of available commands, type \'help\' . ',
35 | // 'About About Me',
42 | '🌏 Social Display social networks',
43 | '🏗 Projects View coding projects',
44 | '📧 Email Reach me through email',
45 | '🧹 Clear Clear the terminal',
46 | '❓ Help Open the help menu',
47 | '🕰 History View command history',
48 | '👋 Exit Close the tab and exit',
49 | "linkedin/kollurilohit' +
59 | " ",
60 | 'Github github/lohitkolluri' +
63 | " ",
64 | "1. WeatherPedia ',
70 | "2. Mental Health Fitness Tracker',
73 | "3. Portfolio Website',
76 | "4. Old Portfolio Website (This Website) ',
79 | "(Github) ',
81 | "lohitkolluri99@gmail.com ...', "color2", 80);
75 | openNewTab(email);
76 | break;
77 |
78 | case "clear":
79 | setTimeout(() => {
80 | terminal.innerHTML = 'Command not found. For a list of commands, type 'help' . ", "error", 100);
118 | break;
119 | }
120 | }
121 |
122 | function printLines(name, style, time){
123 | name.forEach((item, index) => {
124 | addLine(item, style, index*time);
125 | })
126 | }
127 |
128 | function addLine(text, style, time) {
129 |
130 | var t = "";
131 | for (let i = 0; i < text.length; i++) {
132 | if (text.charAt(i) == " " && text.charAt(i + 1) == " ") {
133 | t += " ";
134 | i++;
135 | } else {
136 | t += text.charAt(i);
137 | }
138 | }
139 |
140 | setTimeout(() => {
141 | var next = document.createElement("p");
142 | next.innerHTML = t;
143 | next.className = style;
144 |
145 | before.parentNode.insertBefore(next, before);
146 |
147 | window.scrollTo(0, document.body.offsetHeight);
148 | }, time);
149 | }
150 |
151 | function openNewTab(link) {
152 | setTimeout(() => {
153 | window.open(link, "_blank");
154 | }, 500);
155 | }
156 |
--------------------------------------------------------------------------------