BlahajTeam/next-app
3
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

Added comments to |sessionconfig|

Browse source 
Signed-off-by: Ioan Cristian CHELARU <iccjoc@proton.me>
This commit is contained in:
Ioan Cristian CHELARU 2024-06-02 11:31:46 +03:00
parent bcb098218b
commit 92f0d25cd0
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/sessionconfig/page.tsx
View file

@ -11,6 +11,7 @@ const includedFeatures = [
export default function Example() { export default function Example() {
//List of topics
const cards = [ 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 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"], ["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 ( return (
<div className="py-24 sm:py-32" style = {{ alignItems: 'center', justifyContent: 'center' }}> <div className="py-24 sm:py-32" style = {{ alignItems: 'center', justifyContent: 'center' }}>
{/*Background*/}
<div <div
className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
aria-hidden="true" aria-hidden="true"
@ -38,10 +40,12 @@ export default function Example() {
}} }}
/> />
</div> </div>
{/*The logo*/}
<Logo/> <Logo/>
<div style={{paddingTop: '128px'}}></div> <div style={{paddingTop: '128px'}}></div>
<div className="mx-auto max-w-7xl px-6 lg:px-8"> <div className="mx-auto max-w-7xl px-6 lg:px-8">
{ cards.map((elem) => { { cards.map((elem) => {
//For each topic make a new card.
return (<TopicCard title={elem[0]} link={elem[2]}>{elem[1]}</TopicCard>) return (<TopicCard title={elem[0]} link={elem[2]}>{elem[1]}</TopicCard>)
})} })}
{/* {/*
@ -62,11 +66,12 @@ export default function Example() {
</TopicCard> </TopicCard>
*/} */}
</div> </div>
{/*Background*/}
<div <div
className="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" 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" aria-hidden="true"
> >
</div> </div>
</div> </div>
) )
} }