Game_Dev_Blog/src/index.html

80 lines
2.9 KiB
HTML
Raw Normal View History

2025-02-12 18:49:34 +00:00
<!DOCTYPE html>
2025-02-13 19:04:06 +00:00
<html>
<head>
2025-02-13 19:08:58 +00:00
<title> Cian O'Shaughnessy's Website </title>
2025-02-13 20:09:00 +00:00
<link rel="stylesheet" href= "style.css">
2025-02-13 19:04:06 +00:00
</head>
2025-02-13 20:06:40 +00:00
<h2>Tabs</h2>
<p>Click on the buttons inside the tabbed menu:</p>
2025-02-13 19:04:06 +00:00
2025-02-13 20:06:40 +00:00
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'Home')">Home</button>
<button class="tablinks" onclick="openCity(event, 'Blogs')">Blogs</button>
<button class="tablinks" onclick="openCity(event, 'Links')">Links</button>
</div>
2025-02-13 19:04:06 +00:00
<div id="Home" class="tabcontent">
<h3>Home</h3>
2025-02-13 20:06:40 +00:00
<p>Welcome to my Page</p>
2025-02-13 19:04:06 +00:00
</div>
<div id="Blogs" class="tabcontent">
<h3>Blogs</h3>
2025-02-13 20:58:08 +00:00
<h4> Here are my Blogs.</h4>
<button class="accordion">Game Dev Blog</button>
2025-02-13 20:53:37 +00:00
<div class="panel">
2025-02-13 20:58:08 +00:00
<p>The first meeting was spent figuring out the roles people wanted; I decided to give myself the role of Generalist as I don't excel in any given skill needed for the development of a game; this gives me a great chance to learn new skills and get better at the ones I'm familiar with like programming from last semester. After all other roles were given out, we decided to gather everyone's thoughts on what game engine we were going to use; after the discussion, we decided on the use of Godot this meant that for any programming I was going to do, I would have to learn a new language as Godot offers GDScript or C# this intrigues me as I learned Java last Semester and that is the only language I am familiar with, this means I can take this opportunity and learn a new programming language. We then discussed the programming language and decided to use C#. This was a decision because some group members were only familiar with Java, and C# would be close to Java, so there wouldnt be much of a learning curve.</p>
2025-02-13 20:53:37 +00:00
</div>
<button class="accordion">Section 2</button>
<div class="panel">
2025-02-13 20:58:08 +00:00
<p> </p>
2025-02-13 20:53:37 +00:00
</div>
<button class="accordion">Section 3</button>
<div class="panel">
2025-02-13 20:58:08 +00:00
<p></p>
2025-02-13 20:53:37 +00:00
</div>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
});
}
</script>
2025-02-13 20:58:08 +00:00
2025-02-13 19:04:06 +00:00
</div>
<div id="Links" class="tabcontent">
<h3>Links</h3>
2025-02-13 20:06:40 +00:00
<p>The links i use.</p>
2025-02-12 21:26:50 +00:00
</div>
2025-02-13 20:49:53 +00:00
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
</script>
2025-02-13 19:04:06 +00:00
</body>
2025-02-12 18:49:34 +00:00
</html>