Skip to content

complete overhaul #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
immaturegoat merged 1 commit into from
Apr 5, 2026
Merged

complete overhaul #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
175 changes: 111 additions & 64 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,89 +11,136 @@
<title>Studio BDT</title>
</head>
<body>
<div>
<div id="top">
<h1>Welcome to </h1>
<img src="bdt logo.png">
</div>
<p>apologies to any mobile user (this website isn't responsive...yet)</p>
<h3>Our <a href="https://github.com/studio-bdt" target="_blank">Github!</a></h3>
<nav>
<img src="bdt logo.png">
<h1 class="serif">Studio BDT</h1>
<a class="mono" href="https://github.com/studio-bdt">Github</a>
<a class="mono" href="https://docs.google.com/forms/d/e/1FAIpQLSflNZAEpSGVpIdIn2CWD-7pyE_ZTtMpRmG-bvJq_-3tME3ozg/viewform?usp=publish-editor">Contact</a>

<button class="toggle mono">○ Hot dog theme</button>
</nav>

<div class="hero">
<p class="mono">♦ established September 2025</p>
<h1>We code stuff, I guess. </h1>
<h2 class="mono">A small studio of developers who make some things ranging from stupid to even stupider. <a href="https://github.com/studio-bdt">Github</a></h2>
</div>

<h2>some cool projects</h2>
<p><a href="https://bdt-asdf.vercel.app/">proxy</a> but it works like less than 50% of the time (as of now)</p>
<p class="highlight"><a href="money.html">website</a> to get anywhere from 3 dollars to 1 million for free! (funded by Neorazer's bank account)</p>
<p>More to come!</p>
<div class="projects">
<h2 class="mono">OUR PROJECTS</h2>

<h2>Our members!</h2>
<hr>

<div id="cardholder">
<div class="cardholder">
<div class="card">
<h3>ImmatureGoat</h3>
<h4>Co-owner</h4>
<ul>
<li><a href="https://octaviustheking.github.io" target="_blank">Website</a></li>
<li><a href="https://github.com/octaviustheking" target="_blank">Github</a></li>
<li><a href="https://immaturegoat.itch.io" target="_blank">itch.io</a></li>
</ul>
<img src="https://skillicons.dev/icons?i=python"/>
<img src="https://skillicons.dev/icons?i=java"/>
<img src="https://skillicons.dev/icons?i=html"/>
<img src="https://skillicons.dev/icons?i=css"/>
<img src="https://skillicons.dev/icons?i=js"/>
<span class="mono tag">Utility ♦ Network ♦ What other tags do I put here?</span>
<h2 class="serif">Proxy</h2>
<p class="mono">Kind of cool. It works 50% of the time. </p>
<a class="mono" href="https://bdt-asdf.vercel.app">Link</a>
</div>

<div class="card">
<h3>SamZua</h3>
<h4>Co-owner</h4>
<ul>
<li><a href="https://github.com/SamuelHZhuang" target="_blank">Github</a></li>
</ul>
<img src="https://skillicons.dev/icons?i=cpp"/>
<img src="https://skillicons.dev/icons?i=html"/>
<img src="https://skillicons.dev/icons?i=css"/>
<img src="https://skillicons.dev/icons?i=js"/>
<span class="mono tag">Money ♦ Money ♦ Graciously funded</span>
<h2 class="serif">Money</h2>
<p class="mono">Get anywhere from $3 to $1000000, all funded by NeoRazer's wallet. (He doesn't know yet)</p>
<a class="mono" href="money.html">Link</a>
</div>

<div class="card">
<h3>NeoRazer</h3>
<h4>Co-owner</h4>
<ul>
<li><a href="https://github.com/Neorazer504" target="_blank">Github</a></li>
</ul>
<img src="https://skillicons.dev/icons?i=cpp"/>
<img src="https://skillicons.dev/icons?i=html"/>
<img src="https://skillicons.dev/icons?i=css"/>
<img src="https://skillicons.dev/icons?i=js"/>
<img src="https://skillicons.dev/icons?i=aiscript"/>
<img src="https://skillicons.dev/icons?i=ai"/>
<span class="mono tag">asdf ♦ ewaklsdl ♦ aw;sdlk</span>
<h2 class="serif">Coming soon...</h2>
<p class="mono">More to come in the near (or far) future</p>
</div>
</div>
</div>

<div class="card">
<h3>kamishiro</h3>
<h4>Member (unc)</h4>
<ul>
<li><a href="https://github.com/kamishiro-624" target="_blank">Github</a></li>
</ul>
<img src="https://skillicons.dev/icons?i=c"/>
<img src="https://skillicons.dev/icons?i=java"/>
<img src="https://skillicons.dev/icons?i=lua"/>
<div class="members">
<h2 class="mono">OUR MEMBERS</h2>

<hr>

<div class="memberholder">

<div class="member">
<img src="https://avatars.githubusercontent.com/u/63555728?v=4">
<h2 class="serif">ImmatureGoat</h2>
<h4 class="mono ownertag">Co-owner</h4>
<hr>

<a class="mono" href="https://github.com/octaviustheking">Github</a>

<div class="skills">
<span class="skill">Python</span>
<span class="skill">Java</span>
<span class="skill">JavaScript</span>
<span class="skill">HTML</span>
<span class="skill">CSS</span>
</div>
</div>

<div class="card">
<h3>VR00M-Vroom</h3>
<h4>Member</h4>
<ul>
<li><a href="https://github.com/VR00M-Vroom" target="_blank">Github</a></li>
</ul>
<div class="member">
<img src="https://avatars.githubusercontent.com/u/221687211?v=4">
<h2 class="serif">Samzua</h2>
<h4 class="mono ownertag">Co-owner</h4>
<hr>
<a class="mono" href="https://github.com/SamuelHZhuang">Github</a>

<div class="skills">
<span class="skill">C++</span>
<span class="skill">JavaScript</span>
<span class="skill">HTML</span>
<span class="skill">CSS</span>
</div>
</div>

<div class="member">
<img src="https://avatars.githubusercontent.com/u/213944940?v=4">
<h2 class="serif">NeoRazer</h2>
<h4 class="mono ownertag">Co-owner</h4>
<hr>
<a class="mono" href="https://github.com/NeoRazer504">Github</a>

<img src="https://skillicons.dev/icons?i=arduino"/>
<div class="skills">
<span class="skill">C++</span>
<span class="skill">JavaScript</span>
<span class="skill">HTML</span>
<span class="skill">CSS</span>
<span class="skill">Vibe Coding (coding larper)</span>
</div>
</div>

<div class="member">
<img src="https://avatars.githubusercontent.com/u/246406243?v=4">
<h2 class="serif">kamishiro</h2>
<h4 class="mono membertag">Member</h4>
<hr>
<a class="mono" href="https://github.com/kamishiro-624">Github</a>

<div class="skills">
<span class="skill">C (unc)</span>
<span class="skill">Java</span>
<span class="skill">Lua</span>
</div>
</div>

<div class="member">
<img src="https://avatars.githubusercontent.com/u/214061269?v=4">
<h2 class="serif">VR00M-Vroom</h2>
<h4 class="mono membertag">Member</h4>
<hr>
<a class="mono" href="https://github.com/VR00M-Vroom">Github</a>

<div class="skills">
<span class="skill">Hardware</span>
</div>
</div>

</div>
</div>

<div id="hotdoginput">
<label><input type="checkbox" id="hotdog-checkbox"> <span class="spin-text">turn on hot dog theme</span></label>
</div>
<footer>
<h3 class="mono">Created by Studio BDT</h3>
</footer>

<script src="script.js"></script>
</body>
Expand Down
15 changes: 2 additions & 13 deletions script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,3 @@
const checkbox = document.getElementById('hotdog-checkbox');
const hero = document.getElementById('top');
const highlight = document.querySelector('.highlight');
const cards = document.querySelectorAll('.card');

checkbox.addEventListener('change', () => {
document.querySelector('.toggle').addEventListener('click', function() {
document.body.classList.toggle('hotdog');
hero.classList.toggle('hotdog');
highlight.classList.toggle('hotdog');

cards.forEach(card => {
card.classList.toggle('hotdog');
});
});
});
Loading
Loading