From 6557cfba89eed7c6ebc34334bff656c5fa32f6df Mon Sep 17 00:00:00 2001 From: Ioan Chelaru Cristian Date: Sat, 1 Jun 2024 20:30:57 +0300 Subject: [PATCH] Added a LOT of icons. Signed-off-by: Ioan Chelaru Cristian f --- api/db.json | 40 +++++++++++++++++------------------ app/components/logo.tsx | 19 +++++++++-------- app/components/topic_card.tsx | 7 ++++-- app/learn/[category]/page.tsx | 12 ++++++++--- app/sessionconfig/page.tsx | 2 +- 5 files changed, 45 insertions(+), 35 deletions(-) diff --git a/api/db.json b/api/db.json index 1c986ec..d55e4fc 100644 --- a/api/db.json +++ b/api/db.json @@ -2,140 +2,140 @@ "questions": [ { "id": 1, - "category": "c++", + "category": "cpp", "type": "none", "question": "What is the purpose of the 'std' namespace in C++?", "answer": "The 'std' namespace in C++ is used to define the standard C++ library functions and objects." }, { "id": 2, - "category": "c++", + "category": "cpp", "type": "none", "question": "What does the 'cout' object in C++ do?", "answer": "'cout' is used to output data to the standard output, typically the screen." }, { "id": 3, - "category": "c++", + "category": "cpp", "type": "none", "question": "How do you declare an integer variable in C++?", "answer": "You declare an integer variable in C++ using the 'int' keyword followed by the variable name, e.g., 'int myVar;'." }, { "id": 4, - "category": "c++", + "category": "cpp", "type": "none", "question": "What is a pointer in C++?", "answer": "A pointer is a variable that holds the memory address of another variable." }, { "id": 5, - "category": "c++", + "category": "cpp", "type": "none", "question": "What is the use of the 'new' operator in C++?", "answer": "The 'new' operator is used to dynamically allocate memory on the heap." }, { "id": 6, - "category": "c++", + "category": "cpp", "type": "none", "question": "What is a class in C++?", "answer": "A class in C++ is a user-defined type that contains data members and member functions to operate on the data." }, { "id": 7, - "category": "c++", + "category": "cpp", "type": "none", "question": "What is inheritance in C++?", "answer": "Inheritance is a feature in C++ where one class can inherit the properties and methods of another class." }, { "id": 8, - "category": "c++", + "category": "cpp", "type": "none", "question": "How do you define a function in C++?", "answer": "A function in C++ is defined by specifying the return type, function name, and parameters, followed by the function body enclosed in curly braces." }, { "id": 9, - "category": "c++", + "category": "cpp", "type": "none", "question": "What is a constructor in C++?", "answer": "A constructor is a special member function of a class that is executed whenever an object of that class is created." }, { "id": 10, - "category": "c++", + "category": "cpp", "type": "none", "question": "What is polymorphism in C++?", "answer": "Polymorphism in C++ allows for functions or methods to be used in different contexts, typically through inheritance and function overriding." }, { "id": 11, - "category": "cybersecurity", + "category": "cybersec", "type": "none", "question": "What is a firewall in cybersecurity?", "answer": "A firewall is a network security device that monitors and filters incoming and outgoing network traffic based on an organization's previously established security policies." }, { "id": 12, - "category": "cybersecurity", + "category": "cybersec", "type": "none", "question": "What is phishing?", "answer": "Phishing is a cyber attack that uses disguised email as a weapon to trick the email recipient into believing that the message is something they want or need." }, { "id": 13, - "category": "cybersecurity", + "category": "cybersec", "type": "none", "question": "What is malware?", "answer": "Malware is malicious software designed to harm, exploit, or otherwise compromise the operation of a computer system." }, { "id": 14, - "category": "cybersecurity", + "category": "cybersec", "type": "none", "question": "What is encryption?", "answer": "Encryption is the process of converting data into a code to prevent unauthorized access." }, { "id": 15, - "category": "cybersecurity", + "category": "cybersec", "type": "none", "question": "What is a VPN?", "answer": "A VPN (Virtual Private Network) extends a private network across a public network and enables users to send and receive data across shared or public networks as if their computing devices were directly connected to the private network." }, { "id": 16, - "category": "cybersecurity", + "category": "cybersec", "type": "none", "question": "What is two-factor authentication?", "answer": "Two-factor authentication is a security process in which the user provides two different authentication factors to verify themselves." }, { "id": 17, - "category": "cybersecurity", + "category": "cybersec", "type": "none", "question": "What is a DDoS attack?", "answer": "A DDoS (Distributed Denial of Service) attack is an attempt to make an online service unavailable by overwhelming it with traffic from multiple sources." }, { "id": 18, - "category": "cybersecurity", + "category": "cybersec", "type": "none", "question": "What is social engineering?", "answer": "Social engineering is the psychological manipulation of people into performing actions or divulging confidential information." }, { "id": 19, - "category": "cybersecurity", + "category": "cybersec", "type": "none", "question": "What is a zero-day vulnerability?", "answer": "A zero-day vulnerability is a software security flaw that is known to the software vendor but does not have a patch in place to fix the flaw." }, { "id": 20, - "category": "cybersecurity", + "category": "cybersec", "type": "none", "question": "What is ransomware?", "answer": "Ransomware is a type of malicious software designed to block access to a computer system until a sum of money is paid." diff --git a/app/components/logo.tsx b/app/components/logo.tsx index b927f6c..d430e49 100644 --- a/app/components/logo.tsx +++ b/app/components/logo.tsx @@ -1,16 +1,17 @@ const Logo = () => { return ( -
- - +
+ + +
- About us - + href="/about-us" + className="rounded-md bg-white text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" + style={{ marginBottom: '40px', marginRight: '40px', padding: '10px' }} + > + About us +
) } diff --git a/app/components/topic_card.tsx b/app/components/topic_card.tsx index e7bc881..d56d2f6 100644 --- a/app/components/topic_card.tsx +++ b/app/components/topic_card.tsx @@ -1,3 +1,4 @@ +import { PlayIcon } from '@heroicons/react/24/outline' const TopicCard = ({ title, children, link }) => { return(
@@ -20,11 +21,13 @@ const TopicCard = ({ title, children, link }) => { {children}

-
+
+ Begin
diff --git a/app/learn/[category]/page.tsx b/app/learn/[category]/page.tsx index fd2e134..368b3fe 100644 --- a/app/learn/[category]/page.tsx +++ b/app/learn/[category]/page.tsx @@ -3,6 +3,7 @@ import { useState } from 'react' import { Dialog, DialogPanel } from '@headlessui/react' import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline' import Logo from '../../components/logo'; +import { CheckIcon } from '@heroicons/react/20/solid'; const Page = ({ params }: { params: { category: string }}) => { @@ -42,10 +43,15 @@ const Page = ({ params }: { params: { category: string }}) => { href="#" className="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" > - I knew that! + + I did know - - I didn't know that! + + + I didn't know
diff --git a/app/sessionconfig/page.tsx b/app/sessionconfig/page.tsx index 99ac894..5000351 100644 --- a/app/sessionconfig/page.tsx +++ b/app/sessionconfig/page.tsx @@ -14,7 +14,7 @@ export default function Example() { 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"], - ["Learn C++", "As a powerful, versatile language, C++ teaches you the fundamentals of object-oriented programming while offering fine-grained control over system resources. You'll explore concepts like classes, inheritance, and polymorphism, alongside memory management and pointers.", "/learn/cpp"] + ["Learn CPP", "As a powerful, versatile language, CPP teaches you the fundamentals of object-oriented programming while offering fine-grained control over system resources. You'll explore concepts like classes, inheritance, and polymorphism, alongside memory management and pointers.", "/learn/cpp"] ]; return (