<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<meta name="description" content="">
<script async data-id="101475430" src="//static.getclicky.com/js"></script>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//tracking.cb.vu/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '27']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<!-- Overlay Navigation -->
<nav class="unix-nav">
<!-- Mobile Header -->
<div class="unix-nav__mobile-header">
<div class="unix-nav__mobile-toggle" onclick="unixNavToggle()">
<span></span>
<span></span>
<span></span>
</div>
<a href="/" class="unix-nav__logo">
<span class="unix-nav__logo-text">CB</span>
<span class="unix-nav__logo-dot">.</span>
<span class="unix-nav__logo-text">VU</span>
</a>
</div>
<div class="unix-nav__content">
<ul class="unix-nav__links">
<li class="unix-nav__item">
<a href="/" class="unix-nav__logo desktop-logo">
<span class="unix-nav__logo-text">CB</span>
<span class="unix-nav__logo-dot">.</span>
<span class="unix-nav__logo-text">VU</span>
</a>
</li>
<li class="unix-nav__item"><a class="unix-nav__link" href="https://tools.fun" target="_blank" rel="noopener noreferrer">Tools</a></li>
<li class="unix-nav__item"><a class="unix-nav__link" href="/vpn">VPN</a></li>
<li class="unix-nav__item"><a class="unix-nav__link" href="/hosting">Hosting</a></li>
<li class="unix-nav__item"><a class="unix-nav__link" href="/graphics">Graphics</a></li>
<li class="unix-nav__item"><a class="unix-nav__link" href="/security">Security</a></li>
<li class="unix-nav__item"><a class="unix-nav__link" href="/unixtoolbox.html">Unix Toolbox</a></li>
<li class="unix-nav__item unix-nav__language">
<button class="unix-nav__language-button" onclick="toggleLanguageMenu()">
Translated Unix Toolbox ▾
</button>
<ul class="unix-nav__language-menu">
<li><a href="/unixtoolboxbg.html">Unix Toolbox in Bulgarian</a></li>
<li><a href="/unixtoolboxes.html">Unix Toolbox in Spanish</a></li>
<li><a href="/unixtoolboxpl.html">Unix Toolbox in Polish</a></li>
<li><a href="/unixtoolboxpt.html">Unix Toolbox in Portuguese</a></li>
<li><a href="/unixtoolboxzh.html">Unix Toolbox in Chinese</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<style>
.unix-nav {
position: fixed;
top: 12px;
left: 12px;
width: fit-content;
min-width: 600px;
background: #333;
z-index: 1000;
border-radius: 8px;
box-shadow: 0 2px 0 rgba(0,0,0,0.3);
}
.unix-nav__logo {
text-decoration: none;
font-weight: 800;
font-size: 22px;
padding: 0 15px;
display: flex;
align-items: center;
gap: 1px;
font-family: Arial, Helvetica, 'Segoe UI', sans-serif !important;
}
.unix-nav__logo-text {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
line-height: 1;
}
.unix-nav__logo-dot {
color: #00ffff;
font-weight: 900;
transform: scale(0.9);
margin: 0 2px;
text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}
.desktop-logo {
display: none;
}
.unix-nav__language {
position: relative;
}
.unix-nav__language-button {
background: none;
border: none;
color: #fff;
cursor: pointer;
padding: 12px 25px;
font-size: 16px;
}
.unix-nav__language-menu {
display: none;
position: absolute;
top: 100%;
right: 0;
background: #444;
border-radius: 4px;
padding: 8px 0;
min-width: 200px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.unix-nav__language-menu.active {
display: block;
}
.unix-nav__language-menu li {
list-style: none;
}
.unix-nav__language-menu a {
color: #fff;
text-decoration: none;
padding: 8px 16px;
display: block;
transition: 0.2s;
}
.unix-nav__language-menu a:hover {
background: #555;
}
/* Desktop Styles */
@media (min-width: 768px) {
.unix-nav__mobile-header {
display: none;
}
.desktop-logo {
display: flex;
}
.unix-nav__content {
position: static;
padding: 0;
height: auto;
background: transparent;
box-shadow: none;
width: 100%;
}
.unix-nav__header {
display: none;
}
.unix-nav__links {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0;
margin: 0;
list-style-type: none;
color: #ffffff !important;
}
.unix-nav__item {
margin: 0;
padding: 0px 25px;
position: relative;
color: #ffffff !important;
}
.unix-nav__link {
color: #ffffff !important;
text-decoration: none;
font-size: 16px;
font-family: Arial, Helvetica, 'Segoe UI', sans-serif !important;
transition: 0.2s;
}
.unix-nav__link:hover {
color: #ffffff;
}
}
/* Mobile Styles */
@media (max-width: 767px) {
.unix-nav {
top: 0;
left: 0;
right: 0;
width: 100%;
min-width: auto;
border-radius: 0;
height: 44px;
}
.unix-nav__mobile-header {
display: flex;
align-items: center;
padding: 4px 12px;
background: #333;
z-index: 1001;
height: 100%;
}
.unix-nav__mobile-toggle {
cursor: pointer;
padding: 6px;
margin-right: 8px;
}
.unix-nav__mobile-toggle span {
display: block;
width: 20px;
height: 2px;
background: #fff;
margin: 4px 0;
transition: transform 0.3s ease, opacity 0.3s ease;
transform-origin: center;
}
.unix-nav__mobile-toggle.active span:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.unix-nav__mobile-toggle.active span:nth-child(2) {
opacity: 0;
}
.unix-nav__mobile-toggle.active span:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
}
.unix-nav__content {
position: fixed;
top: 44px;
left: 0;
width: 100%;
height: calc(100vh - 44px);
background: #333;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
padding: 8px 0;
overflow-y: auto;
display: none;
}
.unix-nav__content--active {
display: block;
}
.unix-nav__links {
list-style: none;
padding: 0;
margin: 0;
color: #ffffff !important;
}
.unix-nav__item {
margin: 0;
border-bottom: 1px solid #444;
}
.unix-nav__link {
color: #ffffff !important;
text-decoration: none;
padding: 12px 20px;
display: block;
font-size: 16px;
}
.unix-nav__language-button {
width: 100%;
text-align: left;
padding: 12px 20px;
}
.unix-nav__language-menu {
position: static;
width: 100%;
box-shadow: none;
border-radius: 0;
}
.unix-nav__language-menu a {
padding: 12px 32px;
}
}
</style>
<script>
function unixNavToggle() {
const navContent = document.querySelector('.unix-nav__content');
const mobileToggle = document.querySelector('.unix-nav__mobile-toggle');
if (window.innerWidth <= 767) {
navContent.classList.toggle('unix-nav__content--active');
mobileToggle.classList.toggle('active');
}
}
function toggleLanguageMenu() {
const menu = document.querySelector('.unix-nav__language-menu');
menu.classList.toggle('active');
}
document.addEventListener('click', function(event) {
const languageButton = event.target.closest('.unix-nav__language-button');
const languageMenu = document.querySelector('.unix-nav__language-menu');
if (!languageButton && languageMenu.classList.contains('active')) {
languageMenu.classList.remove('active');
}
});
window.addEventListener('resize', () => {
const navContent = document.querySelector('.unix-nav__content');
const mobileToggle = document.querySelector('.unix-nav__mobile-toggle');
if (window.innerWidth > 767) {
navContent.classList.remove('unix-nav__content--active');
mobileToggle.classList.remove('active');
}
});
</script>
<main>
<style>
body {
margin: 0;
padding: 0;
height: 100vh;
font-family: monospace;
}
#terminal {
background: black;
color: #00ff00;
height: calc(100vh - 20px);
margin: 20px;
padding: 20px;
overflow-y: auto;
border-radius: 5px;
}
#output {
margin-bottom: 20px;
white-space: pre-wrap;
}
.input-line {
display: flex;
align-items: center;
}
#prompt {
margin-right: 8px;
}
#input {
background: transparent;
border: none;
color: #00ff00;
font-family: monospace;
font-size: inherit;
flex-grow: 1;
outline: none;
}
</style>
<div id="terminal">
<div id="output">
Welcome to CB.VU
Type "help" for available commands</div>
<div class="input-line">
<span id="prompt">$ </span>
<input type="text" id="input" autofocus>
</div>
</div>
<script>
const terminal = document.getElementById('terminal');
const output = document.getElementById('output');
const input = document.getElementById('input');
const commands = {
help: () => `Available commands:
clear - Clear terminal
echo [text] - Echo text back
date - Show current date`,
clear: () => {
output.textContent = '';
return '';
},
echo: (args) => args.join(' '),
date: () => new Date().toLocaleString()
};
function addToHistory(text) {
output.textContent += '\n' + text;
terminal.scrollTop = terminal.scrollHeight;
}
input.addEventListener('keydown', function(e) {
if (e.key === 'Enter') {
const command = this.value.trim();
addToHistory(`$ ${command}`);
if (command) {
const [cmd, ...args] = command.split(' ');
if (commands[cmd]) {
const result = commands[cmd](args);
if (result) addToHistory(result);
} else {
addToHistory(`Command not found: ${cmd}`);
}
}
this.value = '';
}
});
// Keep focus on input when clicking anywhere in terminal
terminal.addEventListener('click', () => input.focus());
</script>
</main>
<footer>
<p>2025 © CB.VU</p>
</footer>
</body>
</html>