From 92f0d25cd01c625bb9de44e261cbdfd040f50b42 Mon Sep 17 00:00:00 2001
From: Ioan Cristian CHELARU <iccjoc@proton.me>
Date: Sun, 2 Jun 2024 11:31:46 +0300
Subject: [PATCH] Added comments to |sessionconfig|

Signed-off-by: Ioan Cristian CHELARU <iccjoc@proton.me>
---
 app/sessionconfig/page.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/sessionconfig/page.tsx b/app/sessionconfig/page.tsx
index 886c496..2724552 100644
--- a/app/sessionconfig/page.tsx
+++ b/app/sessionconfig/page.tsx
@@ -11,6 +11,7 @@ const includedFeatures = [
 
 export default function Example() {
 
+    //List of topics
     const cards = [
       ["Learn cybersecurity", "Learning cybersecurity is like becoming a guardian of the digital realm.\nIt's about mastering the art of protecting information, systems, and networks from cyber threats.\nFrom understanding encryption algorithms to detecting malware, every lesson equips you with tools to fortify against cyber-attacks.", "/learn/cybersec" ],
       ["Learn geography", "Geography is the study of our world's intricate tapestry — from the towering peaks of the Himalayas to the vast expanse of the Sahara Desert. It's about understanding the relationships between people, places, and the environment.", "/learn/geography"],
@@ -19,6 +20,7 @@ export default function Example() {
   return (
     
     <div className="py-24 sm:py-32" style = {{ alignItems: 'center', justifyContent: 'center' }}>
+        {/*Background*/}
         <div
           className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
           aria-hidden="true"
@@ -38,10 +40,12 @@ export default function Example() {
             }}
           />
         </div>
+      {/*The logo*/}
       <Logo/>
       <div style={{paddingTop: '128px'}}></div>
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         { cards.map((elem) => {
+          //For each topic make a new card.
           return (<TopicCard title={elem[0]} link={elem[2]}>{elem[1]}</TopicCard>)
         })} 
         {/*
@@ -62,11 +66,12 @@ export default function Example() {
         </TopicCard>
   */}
       </div>
+      {/*Background*/}
       <div
-          className="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
-          aria-hidden="true"
-        >
-        </div>
+        className="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
+        aria-hidden="true"
+      >
+      </div>
     </div>
   )
 }