valentijn/Terminal-Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added fancy ascii image

Browse Source
This commit is contained in:
valentijn
2024-02-05 11:16:47 +01:00
parent 2dc4fc6a95
commit e74086d588
6 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
commands/commands.js
View File

@@ -127,7 +127,21 @@ function help(req, res) {
function info(req, res){
respondToCommand(
req, res,
`<div style='display:flex; justify-content:flex-start; gap:5px;'>
<img src='icon-ascii.png' alt='ascii image' style='height: 600px;'/>
<div style='display:flex; flex-direction: column; gap:15px; justify-content: center;'>
<p>OS: HerpDerpOS</p>
<p>USER: ${req.session.state.username}</p>
<p>CPU: 12th Gen Intel i7-1260P (12) @ 2.496GHz</p>
<p>GPU: NVIDIA Geforce RTX 4060 TI</p>
<p>Memory: 812MiB/2048MiB</p>
</div>
</div>`,
req.session.state.directory,
"info"
)
}
function respondToCommand(req, res, text, directory, command) {

7
filesystem.json
View File

@@ -43,9 +43,14 @@
},
"/home/guest/projects/school/GLR_Jaar2/": {
"ChessGame": "dir",
"ImmersiveTechWeek": "dir",
"R2-D2": "dir"
},
"/home/guest/projects/school/GLR_Jaar2/ChessGame/": {
"about.txt": "This is a chess game i have made using HTML, CSS and JavaScript. It is fully functional, except a few features missing, like en passant, and castling. It is a 2 players on 1 screen experience.",
"links.txt": "GitHub: <a href=`` onclick='window.location.href=`https://github.com/HerpieDerpieee/LJ2-INTERFACE-SchaakSpel/`'>https://github.com/HerpieDerpieee/LJ2-INTERFACE-SchaakSpel/</a><br>Online Website: <a href=`` onclick='window.location.href=`https://89618.stu.sd-lab.nl/LJ2/INTERFACE2/ES6/eindopdracht//`'>https://89618.stu.sd-lab.nl/LJ2/INTERFACE2/ES6/eindopdracht//</a>"
},
"/home/guest/projects/school/GLR_Jaar2/ImmersiveTechWeek/": {
"about.txt": "This is a special project, where we had the chance to show our skill on the VRDays Immersive Tech Week. We had a very special project made for this, with quite a big group consisting of XR students, but also IoT students<br>As IoT student myself, me and another student made a heart rate monitor, and made it show the current heart rate live on a website. This was made to be worn while playing a self-made horror experience the XR-students were making. In the end the heart rate monitor sometimes gave incorrrect values, that's the reason the leaderboard may be full of people with a peak bpm of 255 and 254.",
"links.txt": "GitHub: <a href=`` onclick='window.location.href=`https://github.com/HerpieDerpieee/LJ2-MINOR2-HartslagMeter/`'>https://github.com/HerpieDerpieee/LJ2-MINOR2-HartslagMeter/</a><br>Online Website: <a href=`` onclick='window.location.href=`https://89618.stu.sd-lab.nl/LJ2/BEROEPS2/Hartslag/website/`'>https://89618.stu.sd-lab.nl/LJ2/BEROEPS2/Hartslag/website/</a>"
@@ -93,6 +98,6 @@
"html": "dir"
},
"/var/www/html/": {
"index.html": "<!DOCTYPE html><br><html><br><head><br><title>Welcome to Fedora Server</title><br></head><br><body><br><h1>Hello, World!</h1><br></body><br></html>"
"index.html": "<!DOCTYPE html><br><html><br><head><br><title>Welcome to HerpDerpOS</title><br></head><br><body><br><h1>Hello, World!</h1><br></body><br></html>"
}
}

9
httpdocs/index.html
View File

@@ -6,6 +6,7 @@
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Title</title>
<link rel="icon" href="icon.png" type="image/icon type">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap" rel="stylesheet">
@@ -24,14 +25,6 @@
Welcome, and happy coding!<br><br>
</span>
</div>
<div class="terminalLine activeLine">
<h4 class="pathText"></h4>
<h4 class="pathColon">:</h4>
<h4 class="pathPath">~/</h4>
<h4 class="pathDollar">$</h4>
<input class="terminalInput" type="text" id="terminalInput" value="">
<div class="pathBlinky"></div>
</div>
</div>
</div>
<script src="js/terminal.js"></script>

BIN
httpdocs/public/icon-ascii.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
httpdocs/public/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

1
httpdocs/public/js/terminal.js
View File

@@ -3,6 +3,7 @@ const hostname = `192.168.${Math.floor(Math.random() * 100)}.${Math.floor(Math.r
document.addEventListener("DOMContentLoaded", function () {
createNewTerminalLine()
document.querySelector(".pathText").innerHTML = `guest@${hostname}`;
addInputEventListeners();
});