quantum-yeti.github.io/index.html at main · Quantum-Yeti/quantum-yeti.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quantum Yeti</title>

<!-- Monospace font for terminal style -->
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
</head>

<body>

<!-- Starfield -->
<script>
for(let i=0;i<120;i++){
  const star = document.createElement("div");
  star.className = "star";
  star.style.top = Math.random()*100 + "vh";
  star.style.left = Math.random()*100 + "vw";
  document.body.appendChild(star);
}
</script>

<!-- Header -->
<header>
  <h1>
    Quantum Yeti
    <span class="ufo">🛸</span>
  </h1>
  <p>
    <a href="https://github.com/quantum-yeti">GitHub</a> •
    <a href="https://play.google.com/store/apps/dev?id=8208308725281252914">Google Play</a> •
    <a href="https://www.sheetmusicplus.com/en/category/publishers/t/theoria-music-publishing/">Sheet Music</a>
  </p>
</header>

<!-- About -->
<section>
  <h2>&gt; About</h2>
  <p>
    Software developer with a master’s degree in Software Engineering. Passionate about computer science, music, and creative software projects.
  </p>
</section>

<!-- Terminal CLI -->
<section>
  <h2>&gt; Terminal</h2>
  <div id="terminal">
    <div class="output">Welcome to Quantum Yeti's Terminal!</div>
    <div class="output">Type <span style="color:#58a6ff">help</span> for commands.</div>
    <div class="prompt">
      <span>$</span><input id="terminal-input" autofocus />
    </div>
  </div>
</section>

<!-- Projects -->
<section>
  <h2>&gt; Featured Projects</h2>
  <div class="projects" id="repos">Loading repositories...</div>
</section>

<!-- Footer -->
<footer>
  <p>&gt; © 2026 Quantum Yeti</p>
</footer>

<script>
// ------------------ GitHub Projects ------------------
const container = document.getElementById("repos");
fetch("https://api.github.com/users/quantum-yeti/repos")
.then(res => res.json())
.then(data => {
  container.innerHTML = "";
  data.forEach(repo => {
    const exclude = ["quantum-yeti.github.io","quantum-yeti","KawaiiCalc", "kawaiicalc"];
    if(exclude.includes(repo.name.toLowerCase())) return;

    const card = document.createElement("div");
    card.className = "card";
    card.innerHTML = `
      <h3>${repo.name}</h3>
      <p>${repo.description ?? "Open source project."}</p>
      <a href="${repo.html_url}" target="_blank">View Repository →</a>
    `;
    container.appendChild(card);
  });
})
.catch(err => console.error(err));

// ------------------ Terminal ------------------
const terminal = document.getElementById('terminal');
const input = document.getElementById('terminal-input');

const repos = [
  {name:"ScratchBoard", url:"https://github.com/Quantum-Yeti/ScratchBoard"},
  {name:"MarketBasketAnalysis", url:"https://github.com/Quantum-Yeti/MarketBasketAnalysis"},
  {name:"WifiMuscles", url:"https://github.com/Quantum-Yeti/WifiMuscles"},
  {name:"LotteryAPI", url:"https://github.com/Quantum-Yeti/LotteryAPI"}
];

function appendOutput(html){
  const div = document.createElement('div');
  div.className = 'output';
  div.innerHTML = html;
  terminal.insertBefore(div, terminal.querySelector('.prompt'));
  terminal.scrollTop = terminal.scrollHeight;
}

function runCommand(cmd){
  const c = cmd.trim().toLowerCase();
  if(c === 'help'){
    appendOutput('Commands: <strong>help, about, projects, links, donate, clear</strong>');
  } else if(c === 'about'){
    appendOutput('Software Engineer.<br>I love building open source projects that solves problems.');
  } else if(c === 'projects'){
    repos.forEach(r => appendOutput(`<a href="${r.url}" target="_blank">${r.name}</a>`));
  } else if(c === 'links'){
    appendOutput(`<a href="https://github.com/Quantum-Yeti" target="_blank">GitHub</a> •
                  <a href="https://play.google.com/store/apps/dev?id=8208308725281252914" target="_blank">Google Play</a> •
                  <a href="https://www.sheetmusicplus.com/en/category/publishers/t/theoria-music-publishing/" target="_blank">Sheet Music</a>`);
  } else if(c === 'donate'){
    appendOutput(`<a href="#">Ko-fi</a> • <a href="#">PayPal</a> • <a href="#">GitHub Sponsors</a>`);
  } else if(c === 'clear'){
    const outputs = terminal.querySelectorAll('.output');
    outputs.forEach(o => o.remove());
  } else {
    appendOutput(`Command not found: ${cmd}`);
  }
}

input.addEventListener('keydown', e => {
  if(e.key === 'Enter'){
    const cmd = input.value;
    appendOutput(`<span style="color:#58a6ff">$</span> ${cmd}`);
    runCommand(cmd);
    input.value = '';
  }
});
</script>

</body>
</html>