add read more option to song's about section

static/script.js

@@ -1,7 +1,18 @@
+const fullAbout = document.querySelector("#about #full_about")
+const summary = document.querySelector("#about #summary")
+
+function showAbout() {
+	summary.classList.toggle("hidden")
+	fullAbout.classList.toggle("hidden")
+}
+
+[fullAbout, summary].forEach(item => item.onclick = showAbout)
+
 document.querySelectorAll("#lyrics a").forEach(item => {
 	item.addEventListener("click", getAnnotation)
 })
 
 function getAnnotation(e) {
 	e.preventDefault()
+	console.log(e.target.parentElement.getAttribute("href"))
 }

static/style.css

@@ -99,7 +99,8 @@ a {
 #container {
 	display: grid;
 	grid-template-columns: 1fr 3fr 1fr;
-	padding: 2rem;
+	padding: 5rem 10rem;
+	gap: 5rem;
 }
 
 #credits {
@@ -141,4 +142,10 @@ a {
 	font-size: 1.4rem;
 	color: #171717;
 	line-height: 1.8rem;
+	cursor: pointer;
 }
+
+.hidden {
+	display: none;
+}
+