Game_Dev_Blog/src/index.html

<!DOCTYPE html>
<html>
<head>
            <title> Cian O'Shaughnessy's Website </title> 
            <link rel="stylesheet" href= "style.css">
</head>

<h2>Tabs</h2>
<p>Click on the buttons inside the tabbed menu:</p>

<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>

<div id="Home" class="tabcontent">
  <h3>Home</h3>
  <p>Welcome to my Page</p>
</div>

<div id="Blogs" class="tabcontent">
  <h3>Blogs</h3>

<button class="accordion">Section 1</button>
<div class="panel">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

<button class="accordion">Section 2</button>
<div class="panel">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

<button class="accordion">Section 3</button>
<div class="panel">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</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>
  <p> Here are my Blogs.</p> 
</div>

<div id="Links" class="tabcontent">
  <h3>Links</h3>
  <p>The links i use.</p>
</div>
  <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>
</body>
</html>
Initial commit 2025-02-12 18:49:34 +00:00			`<!DOCTYPE html>`
Update src/index.html 2025-02-13 19:04:06 +00:00			`<html>`
			`<head>`
Update src/index.html 2025-02-13 19:08:58 +00:00			`<title> Cian O'Shaughnessy's Website </title>`
Update src/index.html 2025-02-13 20:09:00 +00:00			`<link rel="stylesheet" href= "style.css">`
Update src/index.html 2025-02-13 19:04:06 +00:00			`</head>`

Update src/index.html 2025-02-13 20:06:40 +00:00			`<h2>Tabs</h2>`
			`<p>Click on the buttons inside the tabbed menu:</p>`
Update src/index.html 2025-02-13 19:04:06 +00:00
Update src/index.html 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>`
Update src/index.html 2025-02-13 19:04:06 +00:00
			`<div id="Home" class="tabcontent">`
			`<h3>Home</h3>`
Update src/index.html 2025-02-13 20:06:40 +00:00			`<p>Welcome to my Page</p>`
Update src/index.html 2025-02-13 19:04:06 +00:00			`</div>`

			`<div id="Blogs" class="tabcontent">`
			`<h3>Blogs</h3>`
Update src/index.html 2025-02-13 20:53:37 +00:00
			`<button class="accordion">Section 1</button>`
			`<div class="panel">`
			`<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>`
			`</div>`

			`<button class="accordion">Section 2</button>`
			`<div class="panel">`
			`<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>`
			`</div>`

			`<button class="accordion">Section 3</button>`
			`<div class="panel">`
			`<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>`
			`</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>`
Update src/index.html 2025-02-13 20:06:40 +00:00			`<p> Here are my Blogs.</p>`
Update src/index.html 2025-02-13 19:04:06 +00:00			`</div>`

			`<div id="Links" class="tabcontent">`
			`<h3>Links</h3>`
Update src/index.html 2025-02-13 20:06:40 +00:00			`<p>The links i use.</p>`
Update src/index.html 2025-02-12 21:26:50 +00:00			`</div>`
Update src/index.html 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>`
Update src/index.html 2025-02-13 19:04:06 +00:00			`</body>`
Initial commit 2025-02-12 18:49:34 +00:00			`</html>`