Uni quezes and about page almost finished

This commit is contained in:
2025-01-12 16:48:09 +01:00
parent 72c21d6d81
commit 215ba53b11
66 changed files with 4408 additions and 126 deletions

View File

@ -0,0 +1,105 @@
from flask import Flask, render_template, request, redirect, url_for, session, Blueprint
import os
import random
# Define the Blueprint for the halozatok quiz
szamitogepek_mukodese = Blueprint(
'szamitogepek_mukodese', # Blueprint name
__name__,
template_folder='./templates' # Path to templates
)
preguntas = ['templates/uni/subjects/szamitogepek_mukodese/szgm_kerdessor.txt']
def parse_questions():
questions = []
lines = []
for pregunta in preguntas:
with open(pregunta, 'r', encoding='utf-8') as f:
lines.extend(f.readlines())
for line in range(0, len(lines)-1, 2):
questions.append({
'question': lines[line].strip(),
'answer': lines[line + 1].strip()
})
return questions
# Quiz Route
@szamitogepek_mukodese.route('/')
@szamitogepek_mukodese.route('/quiz', methods=['GET', 'POST'])
def quiz():
if 'quiz_questions' not in session:
questions = parse_questions()
halozatok_questions = random.sample(questions, 20)
session['quiz_questions'] = halozatok_questions
session['question_index'] = 0
session['answers'] = []
else:
halozatok_questions = session['quiz_questions']
question_index = session.get('question_index', 0)
if question_index >= len(halozatok_questions):
return redirect(url_for('szamitogepek_mukodese.result'))
current_question = halozatok_questions[question_index]
return render_template('szgm_quiz.html', question=current_question, question_index=question_index)
# Submit Answer Route
@szamitogepek_mukodese.route('/submit_answer', methods=['POST'])
def submit_answer():
user_answers = request.form.get('answer')
question_index = int(request.form.get('question_index'))
if 'answers' not in session:
session['answers'] = []
answers = session.get('answers')
answers.append(user_answers)
session['answers'] = answers
question_index += 1
session['question_index'] = question_index
return redirect(url_for('szamitogepek_mukodese.quiz'))
# Result Route
@szamitogepek_mukodese.route('/result')
def result():
halozatok_questions = session['quiz_questions']
answers = session['answers']
score = 0
mistakes = []
for i in range(len(answers)):
if halozatok_questions[i]['answer'] == answers[i]:
score += 1
else:
mistakes.append({
'question': halozatok_questions[i]['question'],
'answer': 'True' if answers[i] == 'I' else 'False',
'correct': 'True' if halozatok_questions[i]['answer'] == 'I' else 'False'
})
halozatok_questions[i]['answer'] = 'True' if halozatok_questions[i]['answer'] == 'I' else 'False'
return render_template('szgm_result.html', score=score, total=len(halozatok_questions), mistakes=mistakes, halozatok_questions=halozatok_questions)
# Restart Route
@szamitogepek_mukodese.route('/restart')
def restart():
session.pop('question_index', None)
session.pop('answers', None)
session.pop('quiz_questions', None)
return redirect(url_for('szamitogepek_mukodese.quiz'))
# All Questions Route
@szamitogepek_mukodese.route('/allquestions')
def allquestions():
questions = parse_questions()
for i in questions:
i['answer'] = 'True' if i['answer'] == 'I' else 'False'
return render_template('szgm_allquestions.html', questions=questions)

View File

@ -0,0 +1,588 @@
A *.dll fájlok a programok igényei szerint töltődnek be a memóriába
I
A 16-os számrendszerben 3 helyiértéken 4096 érték ábrázolható
I
A 3D XPoint technológia jellege a statikus memóriához hasonló
H
a 3dxpoint pcm technológiát használ
I
A 3LCD technológia a fény áteresztés - fény át nem eresztés elvén alapul
I
A 4 bites abszolútértékes ábrázolásnál nincs negatív nulla
H
A 4 bites egyes komplemens ábrázolásánál a negatív előjelbit az 1
I
A 4 bites egyes komplemens ábrázolásnál van negatív nulla
I
A 4 bites kettes komplemens ábrázolásnál a negatív előjelbit a 0.
H
A 4 bites többletes kód ábrázolás 2 az "n" plusz egyediken, plusz 1 többletet használ
H
A 4 bites többletes kód ábrázolás 2^n többletet használ.
H
A 4 bites többletes kód ábrázolásánál a negatív előjelbit a 0
I
A 4 bites többletes kód ábrázolásánál nincs negatív nulla
I
A biztonsági másolat egy adott állomány dupla(esetleg többszörös) tárolása, az eredeti állománnyal egyező tárhelyen
H
A blokkok szektorokból állnak
I
A Bubble Jet a Canon technológiája
I
A Bubble Jet technológia a tintát közvetetten melegíti
H
A Carry fogalom helyiértékre vonatkozik
I
A CISC architektúra esetén az utasításkódok mérete változó
I
A CISC architektúra esetén egy utasítás fetch fázisa párhuzamosan tud az előtte lévő utasítás execution fázisával végrehajtódni (RISC)
H
A CISC architektúrát nagy utasításszám jellemzi.
I
A CMOS egyik előnye a feszültség függetlenség
I
A CMOS fix feszültségszintekkel dolgozik.
H
A Commit az NT memóriafoglalásának első lépése (reserve)
H
A DDR3-1600 PC3-12800 RAM valós órajele 800 MHz
I
A deklaratív programozás esetén a programozó állításokat közöl
I
A deklaratív programozás két fő iránya a logikai és a funkcionális programozás
I
A Disc Interleaving optimális logikai sáv sorrendet jelent (sector)
H
A DRAM frissítést igényel
I
A DVD-RAM adatgeometriája egy ZBR HDD-hoz hasonlít
I
A FAT nem más mint egy láncolt lista központi láncelem táblával
I
A ferritgyűrűs tár írás művelete összetettebb az olvasási műveletnél
H
A ferritgyűrűs tár olvasás művelete összetetteb az írásnál műveletnél
I
A ferromágneses anyagok jellemző tulajdonsága a hiszterézis
I
a FET feszültségvezérelt eszköz
I
A FET vezérléséhez gyakorlatilag csak feszültségre van szükség.
I
A FET vezérléséhez gyakorlatilag nincs szükség áramra.
I
A FET vezérléséhez gyakorlatilag nincs szükség feszültségre.
H
A floppy-t Jánosi Marcell alkotta meg a 70-es években.
I
A független folyamatok jellemzően aszinkron működésűek
I
A globális változók szálra jellemző elemek
H
A gyorsító tár gyorsabb, mint az egyik hozzá kapcsolódó, gyorsítandó tár
I
A HAL réteg a használt CPU típusától függ
I
A HAL réteg feladata többek közt a multiprocesszor ütemezés
H
A HAMR technológiával az optikai meghajtóknál találkozhatunk
H
A Harvard architektúra egy buszrendszert használ.
H
A Harvard architektúra egy memóriát használ.
H
A HDD a vertikális tároláshoz aszimmetrikus olvasófejet használ
H
A hétszegmens kijelzős óra értelmezhető analóg óraként
H
A hiszterézis görög eredetű szó.
I
A homokóra csak analóg óraként értelmezhető.
H
A hosszú távú ütemező gyorsabb, mint a középtávú ütemező
H
A HPFS jellemzője a magic number (az UFS jellemzője)
H
A HRR algoritmus nem használ öregítést
H
A JFS jellemzője a naplózás
I
A kazettás/MCD lemezt Jánosi Marcell készítette a 70-es évek végén.
I
A KERNEL réteg egyik alapvető feladata az LPC szolgáltatás megvalósítása (execute réteg)
H
A készülék kezelő réteg jellemzően használ IRQ-t és DMA-t
I
A két logikai kapuból álló RS tároló 1 bájt tárolására képes (mert 1 bit)
H
A két logikai kapuból álló RS tároló 1 bit tárolására alkalmas.
I
A kettes számrendszerben 8 helyi értéken 255 számjegy ábrázolható
H
A kettes számrendszereben 8 helyiértéken 256 érték ábrázolható.
I
A kölcsönös kizárás a nem megosztható erőforrások esetében nem küszöbölhető ki
I
A körmentes irányított gráf két pont között csak egy útvonal lehetséges
H
A kritikus szakaszba a belépést csak szoftveres úton engedélyezhetjük
H
A laphiba azt jelenti, hogy a keresett lap nem található a RAM-ban
I
A Laser+DLP Hybrid technológia a zöld színhez kék lézert használ
I
A Latency a fej mozgásából fakadó késedelem
H
A Latency a lemez forgásából fakadó késedelem.
I
A LCD egy elemi cellája két egymásra merőleges polárszűrőt tartalmaz.
I
A LED lézer technológia esetén a lapméret nem eredményez jelentős készülékméret növekedést
H
A LED lézer technológia esetén a lapméret növelése jelentős készülékméret növekedést eredményez
I
A Lényeges Hazárd csak aszinkron sorrendi hálózatokban fordul elő.
I
A linux különböző verzióira a monolitikus vagy a hibrid kernel jellemző
I
A Logical Cluster a lemezen található clusterek azonosítására szolgál (VCN)
H
A MAR írni és olvasni kívánt memória tartalmát tartalmazza
H
A MAR írni vagy olvasni kívánt memória címét tartalmazza
I
A Mark-I és az ENIAC gépek 10-es számrendszert használtak.
I
A Mark-I és az ENIAC gépek 2-es számrendszert használtak.
H
A Master File Table nem más, mint a fájl rekordok sorozata
I
A Master File Table nem más, mint logikai clusterek sorozata
H
A maszkolható megszakítások végrehajtása nem prioritásfüggő
H
A mátrix nyomtató legelőnyösebb tulajdonsága a több példány egyidejű nyomtatása
I
A memória védelme alatt azt értjük, hogy az osztott elérésű memórián kívül se a folyamatok se az operációs rendszer ne legyen képes módosítani egy másik folyamat címtartományába tartozó memóriaterületet
I
A mentésnél jellemzően cél a keresés biztosítása
H
A mentésnél jellemzően nem cél a keresés biztosítása
I
A módosított Harvard architektúra egy buszrendszert használ
H
A módosított Harvard architektúra egy memóriát használ
I
A monitor programszerkezetben két feltételváltozó és két művelet van
H
A monitorok programszerkezetben egy feltételváltozó és 2 művelet van
I
A MOSFET gyakorlatilag csak egy szigetelőrétegben tér el a FET-től.
I
A NAND technológia bájtonkénti elérésű
H
A NAND technológia csak laponként címezhető
I
A NAND technológia közvetlen programfuttatásra alkalmas
H
A NAND technológia párhuzamos hozzáférésű
H
A napóra értelmezhető digitális óraként
H
A Neumann architektúra egy buszrendszert használ
I
A Neumann architektúra két memóriát tartalmaz
H
A Neumann elv nem nyilatkozik a perifériákról
H
A Neumann elvnek nem része a Control-Flow
H
A NOR technológia bájtonkénti elérésű
I
A NOR technológia közvetlen programfuttatásra alkalmas
I
A objektumkezelő a kernel réteg egyik komponense.
I
A PAE 32 címbit helyett 36-ot használ
I
A PAE 32 címbit helyett 48 címbitet használ
H
A PCB folyamatvezérlési adatokat nem tartalmaz
H
A PCB processzor szintű adatokat is tartalmaz
I
A PCM technológia része a 3D XPoint technológiának
I
A pendrive és a memóriakártya jellemzően a csatlakozóban tér el
H
A perifériák működését, viselkedését és használhatóságát négy jellemző határozza meg
I
A PIEZO a CANON technológiája
H
A plazma kijelző háttérvilágítást igényel
H
a plazma kijelző kontrasztosabb mint az LCD
I
A plug-and-play kezelő a Windows 2000 óta része a rendszernek
I
A POST a FirmWare egyik szolgáltatása
H
A RAID 01 lassabb, mint a RAID 0.
H
A Raid 10 lassabb mint a raid01
H
A RAID0 esetében az írási és olvasási sebesség is növekszik
I
A RAID0 összefűzést jelent
I
A RAID0 tükrözést jelent
H
A RAID01 gyorsabb, mint a RAID10
H
A RAID01 lassabb, mint a RAID10
H
A RAID1 esetében csak az olvasási sebesség növekszik
I
a RAID1 gyorsabb adat elérést biztosít, mint a raid5
I
A RAID1 tükrözést jelent
I
A RAID5 maximum egy lemez meghibásodását képes javítani
I
A RAID6 tükrözést jelent
H
A RAM jelentése "Tetszőleges Hozzáférésű Memória"
I
A RAM jelentése „Véletlen hozzáférésű Memória"
H
A RCD a RAS kívánt késedelmét mutatja meg a CAS-hoz képest
I
A Reserve az NT memóriafoglalásának első lépése
I
A RISC architektúra esetén az utasításkódok mérete változó
H
A RISC architektúra kisszámú regisztert tartalmaz
H
A RISC architektúra nagyszámú regisztert tartalmaz
I
A RISC architektúrát nagy utasításszám jellemzi
H
A ROM csak egyszer írható.
I
A Round-Robin algoritmus túl hosszú időszelet esetén FCFS jellegűvé válik
I
A rövid távú ütemező nem kell, hogy egyfolytában a memóriában legyen
H
A Second Chance lapcsere nem használ reference bitet
H
A shift balra azonos a számrendszer alapjával történő szorzással.
I
A shift jobbra azonos a számrendszer alapjával történő osztással.
I
A shift jobbra azonos a számrendszer alapjával történő szorzással.
H
A SMQ nem mentes a kiéheztetéstől
I
A 'Spooling' technológia háttértárat igényel
I
A spooling technológia nem igényel háttértárat
H
A Statikus Hazárd csak rövid, egyszeri jelváltást okoz a kimeneten.
I
A Statikus Hazárdot a szekunder változók okozzák.
H
a Super DLT nem mágneses rétegei vékonyabbak a DLT III rétegeinél
I
A szabályzás nyílt hatásláncú folyamat
H
A szabályzás zárt hatásláncú folyamat
I
A szálak közvetlenül, saját igény alapján jutnak erőforrásokhoz
H
A számítógép hálózatok egyik fontos jellemzője az átlátszóság
H
A számrendszerek hatványok és helyiértékek segítségével értelmezhetőek
I
A Szemafor a szinkronizációs problémák univerzális eszköze
I
A Szemafor egy változót használ
I
A Szemafor három műveletet használ
I
A Szemafor három változót használ
H
A tároló méretét megnövelve a FAT mérete nem arányosan növekszik
H
A TestAndSet független a PRAM modell műveleti sorrendjétől
H
A TestAndSet független a PRAM modell műveleti sorrendjétől.
H
A TLC cellánként 3 bit tárolására képes.
I
A tranzisztor áramvezérelt eszkösz.
I
A tranzisztor és a FET is informatikai szempontból kapcsolóelem.
I
A trójai programok képesek "önálló" akciókra, a felhasználó közreműködése nélkül is bejuthatnak a rendszerbe
H
A TTL a pontosan 2/3 szintet sem tudja értelmezni.
I
A TTL akár a 2/3 alatti szintet is 1-esnek érzékeli.
I
A TTL egyik előnye a feszültségfüggetlenség.
H
A TTL energiatakarékosabb, mint a CMOS.
H
A TTL-re jobban jellemző a termikus veszteség, mint a CMOS-ra.
I
A UNIX kernel módban preemptív ütemezést használ, de user módban nem preemptív ütemezést használ (pont fordítva)
H
A verem egy szálra jellemző elem
I
A versengés a user folyamatokra jellemző
I
A vezérlés nyitott hatásláncú folyamat, visszacsatolás nélkül.
I
A Virtual Cluster az egy fájlhoz tartozó clusterek sorszáma
H
A virtuális memória méretének az operatív tár mérete szab határt
H
A vírusok - a férgekkel ellentétben - képesek "önálló" akcióra, a felhasználó közreműködése nélkül is tudnak terjedni
H
A Windows kernel user módban is preemptív ütemezést használ
I
A Windows NT ha lehetősége van rá, szálütemezést használ
H
a zbr a nagykapacitású hdd-k jellemzője
H
A ZINK technológia nem igényel nyomtató festéket.
I
Az "AND" igazságtáblája több 1-est tartalmaz, mint az "XOR".
H
Az 10010011(2) értéke 93(10)
H
Az 5794861(10) értéke 10110000110110000101100(2)
H
Az alaplap jellemzően rendelkezik BIOS-al vagy UEFI-vel
I
Az általánosan használt programozási nyelvek deklaratívak.
H
AZ AMD K-6 processzor 64 bites szervezésű
H
Az archiválás esetén jellemzően cél a keresés biztosítása
I
Az assembly utasítások számokból állnak.
H
Az átlátszóság azt jelenti, hogy egy szolgáltatás igénybevétele független a szolgáltatás fizikai helyétől, illetve a szolgáltatást biztosító hardvertől és szoftvertől.
I
Az CRCW PRAM tekinthető a klasszikus PRAMmodellnek
I
Az EEPROM blokkonként is törölhető.
H
Az egyidejűség esetén a folyamatoknak be kell várniuk egymást
I
Az együttműködés főleg a user folyamatokra jellemző (kernel)
H
Az előretekintő lapozás becslésen alapul
I
Az eredeti Turing gép 10-es számrendszert használt
H
Az eredeti Turing gép 1-es számrendszert használt.
I
Az EREW PRAM gyakorlatilag a RAM modellhez hasonló működést produkál
I
Az északi híd a gyors perifériákkal tart kapcsolatot
I
Az északi híd a lassú perifériákkal tart kapcsolatot
H
Az Excess 127 esetében a mantissza kvázi "törtként szerepel"
I
Az Excess 50 esetében a legnagyobb ábrázolt kitevő a 99.
H
Az Excess 50 esetében az ábrázolt szám 49 nagyságrendet fed le.
H
Az exokernel gyakorlatilag rendszer rutinkönyvtárat jelent
I
Az FCFS nem preemptív algoritmus
I
Az FCFS nem primitív algoritmus.
I
Az FCFS preemptív algoritmus
H
Az igény szerinti lapozás csak a laphibát megszüntető lapot teszi át a RAM-ba
I
Az igény szerinti lapozás nem csak a laphibát megszüntető lapot teszi a RAM-ba
H
Az imperatív algoritmus random jellegű
H
Az indexelt tárolást takarékos helygazdálkodás jellemzi
H
Az informatikában használt "analóg" szó latin eredetű.
H
Az informatikában használt "busz" szó görög eredetű.
H
Az informatikában használt "digitális" szó görög eredetű
H
Az informatikában használt „analóg" szó görög eredetű
I
Az INK Jet technológia nem használ hevítést.
H
Az Intel Core processzor család 32 bites szervezésű
H
Az intel i3,i5, i7 processzor családok 32 bites szervezésűek.
H
Az intel i7 CPU esetében a Memory Controller területarányosan sok magnyi részt foglal el
I
Az IPS panel elemi cellájának működtetéséhez feszültséget kell kapcsolni a cella egyik oldalára
I
Az LCD kijelző háttérvilágítást igényel
I
Az LCD kijelző működése a fény polarizációján alapul
I
Az LCD technológia kontrasztja kisebb mint a Plazmáé
I
Az LMC modell képes a számológépből az adatot közvetlenül a kimeneti kosárba juttatni
H
Az LMC modell száz regisztert tartalmaz
H
Az LPC a folyamatok közötti kommunikációt biztosítja gyors üzenettovábbítással
I
Az MLC cellánként két bájt tárolására képes
H
Az MLC technológia cellánként 1 bit tárolására képes.
H
Az NCQ beolvasás alapja a kevesebb fejmozgás
I
Az NT alapú rendszerekben egy szálnak az ütemezés során 6 féle állapota lehet
H
Az NT ütemezése szál alapú, prioritásvezérelt és preemptív
I
Az NT ütemezője a kernel kódjában szétszórva található
I
Az NT ütemezője a kernel módban, egy darab ütemező modulban található.
H
Az NT virtuális tárkezelése lapszervezést használ.
I
Az NTDLL.DLL a kernel mód legalsó rétege
H
Az NTDLL.DLL a user mód legalsó rétege
I
Az NTFS írási folyamata hat lépésből áll (7)
H
Az NTFS Metadata azoknak az adatoknak a gyűjteménye, amelyek egy fájlrendszer kezeléséhez, illetve a benne tárolt fájlok eléréshez szükségesek
I
Az operációs rendszer közvetlenül kommunikál a hardverrel
H
Az operációs rendszer szintjén egy Windows NT szálat egy ún. executive szál blokk (ETHREAD) reprezentál
I
Az Overflow mint fogalom számábrázolási tartományra vonatkozik
I
Az összes EXT file rendszer használja a naplózást
H
Az RC a sorelőtöltődési időt jelent.
H
az RP a sorelötöltési idő
I
Az RP az oszlopfrissítési ciklusidőt jelenti
H
Az RR (Round Robin) preemptív algoritmus
I
Az SJF algoritmus prioritásos és preemptív
H
Az SLC cellánként egy bájt tárolására képes
H
Az SMQ jobban kezeli a kiéheztetést mint az MFQ
H
Az SSD egy cellája többször olvasható mint írható
I
Az UFS jellemzője a naplózás
H
Az UNIX kernel és user módban is preemptív ütemezész használ
H
Az UNIX user módban preemptív ütemezést használ,kernel módban viszont nem preemptív ütemezést használ
I
Az utasításszámláló nem szükségszerű eleme egy szálnak
H
Bubble Jet technológia közvetlenül a festéket melegíti
I
CISC-nél változóak az utasításkódok méretei
I
DDR-200 PC-1600-as RAM valós órajele 100 MHz.
I
DVD+R esetén a sávok követését segítő extra infók külön tárolódnak.
H
Egy CPU-ba épített GPU terület arányosan minimális részt foglal el
H
Egy elosztott rendszer minden gépe egyértelműen azonosítható és címezhető
H
Egy folyamathoz egy PCB tartozik.
I
Egy folyamathoz több IOCB is tartozhat
H
Egy folyamathoz több PCB is tartozhat
H
Egy HDD jellemzően rendelkezik BIOS-sal.
H
Egy HDD jellemzően rendelkezik FirmWare-el
I
Egy nagyobb alapú számrendszer kevesebb számjegy használatát igényli.
I
Elosztott fájlrendszer esetén a fájlok állapottere csak uniform lehet
H
Gépi kódú utasítások számokból állnak.
I
Hálózati operációs rendszerek átlátszóságot biztosítanak
H
HDD-k esetén a vertikális információtároláshoz aszimmetrikus írófej kell.
I
Hibrid kernel pl. az OS X-re jellemző
H
Hibrid kernel pl. Unixra jellemző (linux)
H
Indirekt kommunikáció esetén a folyamatok közvetlenül nevezik meg egymást
H
Indirekt kommunikáció esetén jellemző a portok használata (postaláda)
H
Informatikai szempontból a "random" a "sequence" ellentéte
I
Kettes számrendszerben minden tört pontosan kifejezhető
H
Kettes számrendszerben nem minden tört fejezhető ki pontosan
I
Láncolt lista esetén egy blokk sérülése a tárolt adat elvesztését okozhatja
I
Láncolt lista esetén külső tördelődés nem lép fel
I
Létezik olyan DDR2 es RAM ami gyorsabb mint egy DDR3-as RAM
I
Létezik olyan DDR3 RAM, ami gyorsabb mint egy DDR4 RAM
H
Matematikai logikában Ax1=1 állítás
H
Matematikai logikában az A+(B×C)=(A+B)×(A+C) állítás
I
Matematikai logikában az A+0=0
H
Mikrokernel pl.: a Windows rendszerekre jellemző
H
NT alapú rendszerekben minden szál alacsony prioritással kezdi futását
H
RAID1 esetében növekszik az írási sebesség
H
RAID6 esetében a minimális lemezszám 3 db
H
RAM modell esetén a memória rekeszenként címezhető
I
Rezidens tárolás esetén az attribútum értékét reprezentáló bináris információ nem közvetlenül az attribútum header után van tárolva a rekordban
H
RISC-nél változóak az utasításkódok méretei
H
RP a RAM sor címzési idejét mutatja meg.
H
Swap nem alkalmas a várakozási idő elviselhető szinten tartására
I
tranzisztor feszültségvezérelt eszköz.
H
Ütemezést kiváltó esemény lehet amikor a futó folyamat várakozni kényszerül.
I

View File

@ -0,0 +1,163 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Számítógépek Működése All</title>
<link rel="shortcut icon" href="{{ url_for('static', filename='images/home/logo.jpg') }}" type="image/x-icon">
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(to right, #5a0fb8, #1f65d6);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
overflow-x: hidden;
}
.container {
background-color: #ffffff;
width: 90%;
max-width: 1200px;
background: rgba(255, 255, 255, 0.2);
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: fit-content;
}
h1 {
text-align: center;
color: #00ff08;
margin-bottom: 20px;
}
h2 {
margin-top: 20px;
font-size: 1.5em;
color: #e5e5e5;
}
p {
font-size: 1.1em;
color: #dcdcdc;
}
ul {
list-style: none;
padding-left: 0;
margin-bottom: 20px;
}
li {
background: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.7));
padding: 15px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
margin-bottom: 12px;
word-wrap: break-word;
}
li strong {
font-weight: bold;
}
.correct-answer {
color: #4CAF50;
}
.user-answer {
color: #FF5722;
}
.mistake-item {
background-color: #ff6c82;
border: 1px solid #ff1e35;
}
.no-mistakes {
text-align: center;
font-size: 1.2em;
color: #4CAF50;
}
a {
display: block;
text-align: center;
margin-top: 20px;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
text-decoration: none;
border-radius: 5px;
font-size: 1.1em;
}
a:hover {
background-color: #45a049;
}
.button-container {
display: flex;
justify-content: center;
margin-top: 20px;
gap: 10px;
}
.action-button {
padding: 12px 20px;
background-color: #3498db;
color: white;
border: none;
border-radius: 8px;
font-size: 1.2em;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
transition: background-color 0.3s ease, transform 0.2s ease;
width: 48%;
}
.action-button:hover {
background-color: #2980b9;
transform: scale(1.05);
}
.action-button:active {
transform: scale(0.98);
}
.restart-button {
background: linear-gradient(to right, #80e27e, #66c466);
}
.exit-button {
background: linear-gradient(to right, #ff8a80, #ff5252);
}
</style>
</head>
<body>
<div class="container">
<h1>Számítógépek Működése</h1>
<p>Here are all the questions that will appear in the quiz!</p>
<ul>
{% for i in range(questions|length) %}
<li>
<strong>{{ questions[i]['question'] }}</strong><br>
<p>{{ questions[i]['answer'] }}</p>
</li>
{% endfor %}
</ul>
<div class="button-container">
<a href="{{ url_for('uni') }}" class="action-button">Exit to Home</a>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hálózatok Quiz</title>
<link rel="shortcut icon" href="{{ url_for('static', filename='images/home/logo.jpg') }}" type="image/x-icon">
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(to right, #5a0fb8, #1f65d6);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
overflow-x: hidden;
}
.container {
background: rgba(255, 255, 255, 0.2);
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
flex: 1 1 calc(33.333% - 20px);
max-width: calc(33.333% - 20px);
transform: scale(1);
transition: transform 0.3s ease-in-out;
}
h1 {
text-align: center;
font-size: 2.2em;
margin-bottom: 20px;
}
.question {
margin-bottom: 20px;
font-size: 1.3em;
font-weight: 600;
}
.answer-options {
margin-top: 15px;
}
.answer-options label {
display: block;
position: relative;
background: linear-gradient(to right, #5a0fb8, #1f65d6);
padding: 10px 15px;
margin-bottom: 10px;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
}
.answer-options label:hover {
background: linear-gradient(to right, #1f65d6, #5a0fb8);
color: white;
transform: translateX(5px);
}
.answer-options input {
display: none;
}
.answer-options input:checked + label {
background: linear-gradient(to right, #5a0fb8, #2ecc71);
color: white;
border: 2px solid #27ae60;
}
.submit-button, .quit-button {
display: block;
width: 100%;
padding: 12px;
color: white;
border: none;
border-radius: 8px;
font-size: 1.2em;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
transition: background-color 0.3s ease, transform 0.2s ease;
margin-top: 15px;
text-align: center;
}
.submit-button {
background: linear-gradient(to right, #80e27e, #66c466);
}
.quit-button {
background: linear-gradient(to right, #ff8a80, #ff5252);
}
.submit-button:hover, .quit-button:hover {
transform: scale(1.05);
}
.submit-button:active, .quit-button:active {
transform: scale(0.98);
}
.submit-button:hover, .quit-button:hover {
transform: scale(1.05);
}
.submit-button:active, .quit-button:active {
transform: scale(0.98);
}
</style>
</head>
<body>
<div class="container">
<h1>Question {{ question_index + 1 }} / 20</h1>
<p class="question">{{ question['question'] }}</p>
<form method="POST" action="{{ url_for('szamitogepek_mukodese.submit_answer') }}">
<div class="answer-options">
<input type="radio" id="true-option" name="answer" value="I">
<label for="true-option">True</label>
<input type="radio" id="false-option" name="answer" value="H">
<label for="false-option">False</label>
</div>
<input type="hidden" name="question_index" value="{{ question_index }}">
<input type="submit" value="Next" class="submit-button">
</form>
<form method="GET" action="{{ url_for('szamitogepek_mukodese.result') }}">
<button type="submit" class="submit-button quit-button">Quit</button>
</form>
</div>
</body>
</html>

View File

@ -0,0 +1,179 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hálózatok Quiz Results</title>
<link rel="shortcut icon" href="{{ url_for('static', filename='images/home/logo.jpg') }}" type="image/x-icon">
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(to right, #5a0fb8, #1f65d6);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
overflow-x: hidden;
}
.container {
background-color: #ffffff;
width: 90%;
max-width: 1200px;
background: rgba(255, 255, 255, 0.2);
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: fit-content;
}
h1 {
text-align: center;
color: #00ff08;
margin-bottom: 20px;
}
h2 {
margin-top: 20px;
font-size: 1.5em;
}
p {
font-size: 1.1em;
}
ul {
list-style: none;
padding-left: 0;
}
li {
background: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.7));
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
margin-bottom: 10px;
word-wrap: break-word;
}
li strong {
font-weight: bold;
}
.correct-answer {
color: #4CAF50;
}
.user-answer {
color: #FF5722;
}
.mistake-item {
background-color: #ff6c82;
border: 1px solid #ff1e35;
}
.no-mistakes {
text-align: center;
font-size: 1.2em;
color: #4CAF50;
}
a {
display: block;
text-align: center;
margin-top: 20px;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
text-decoration: none;
border-radius: 5px;
font-size: 1.1em;
}
a:hover {
background-color: #45a049;
}
.button-container {
display: flex;
justify-content: center;
margin-top: 20px;
gap: 10px;
}
.action-button {
padding: 12px 20px;
background-color: #3498db;
color: white;
border: none;
border-radius: 8px;
font-size: 1.2em;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
transition: background-color 0.3s ease, transform 0.2s ease;
width: 48%;
}
.action-button:hover {
background-color: #2980b9;
transform: scale(1.05);
}
.action-button:active {
transform: scale(0.98);
}
.restart-button {
background: linear-gradient(to right, #80e27e, #66c466);
}
.exit-button {
background: linear-gradient(to right, #ff8a80, #ff5252);
}
</style>
</head>
<body>
<div class="container">
<h1>Quiz Results</h1>
<p><strong>Score:</strong> {{ score }} out of {{ total }}</p>
<h2>Mistakes</h2>
{% if mistakes %}
<ul>
{% for mistake in mistakes %}
<li class="mistake-item">
<strong>Question:</strong> {{ mistake['question'] }}<br>
<strong class="user-answer">Your Answer:</strong> {{ mistake['answer'] }}<br>
<strong class="correct-answer">Correct Answer: </strong> {{ mistake['correct'] }}<br>
</li>
{% endfor %}
</ul>
{% else %}
<p class="no-mistakes">No mistakes!</p>
{% endif %}
<h2>All Answers</h2>
<ul>
{% for question in halozatok_questions %}
<li>
<strong>{{ question['question'] }}</strong><br>
<strong class="correct-answer">Correct Answer: </strong>{{ question['answer'] }}<br>
</li>
{% endfor %}
</ul>
<div class="button-container">
<a href="{{ url_for('uni') }}" class="exit-button action-button">Exit to Home</a>
<a href="{{ url_for('halozatok_vizsga_teszt.restart') }}" class="restart-button action-button">Restart Quiz</a>
</div>
</div>
</body>
</html>