First commit

scripts/main.js

@@ -0,0 +1,51 @@
+AOS.init({
+  anchorPlacement: 'top-left',
+  duration: 1000
+});
+
+document.querySelector('.avatar').addEventListener('mouseenter', () => {
+  document.querySelector('.cover-bg').style.backgroundColor = 'var(--secondaryColor)';
+});
+
+document.querySelector('.avatar').addEventListener('mouseleave', () => {
+  document.querySelector('.cover-bg').style.backgroundColor = '';
+});
+
+async function loadTable() {
+
+	const response = await fetch('./articles.json', {
+		method: 'GET',
+		headers: {
+			'Content-Type': 'application/json',
+		},
+	});
+
+	const data = await response.json();
+  data.forEach(entry => {
+    const row = document.getElementById('myTable').querySelector('tbody').insertRow();
+  
+    const dateCell = row.insertCell();
+    dateCell.textContent = entry.date;
+  
+    const nameCell = row.insertCell();
+    nameCell.textContent = entry.name;
+  
+    const descCell = row.insertCell();
+    descCell.textContent = entry.description;
+  });
+}
+
+loadTable()
+
+window.onscroll = function() {
+  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+    document.querySelector('.back-to-top').style.display = 'block';
+  } else {
+    document.querySelector('.back-to-top').style.display = 'none';
+  }
+};
+
+document.querySelector('.back-to-top').addEventListener('click', function() {
+  document.body.scrollTop = 0;
+  document.documentElement.scrollTop = 0;
+});