<![CDATA[
<!DOCTYPE html>
<html lang="hu">
<style>
*{
box-sizing:border-box;
}
html{
min-height:100%;
}
body{
margin:0;
min-height:100vh;
font-family:Arial,Helvetica,sans-serif;
color:#354735;
transition:background .35s,color .35s;
background:
radial-gradient(
circle at 8% 12%,
#e4d1b8 0%,
transparent 32%
),
radial-gradient(
circle at 92% 18%,
#b9ded8 0%,
transparent 34%
),
radial-gradient(
circle at 45% 100%,
#d8e9df 0%,
transparent 38%
),
linear-gradient(
135deg,
#f3eadc 0%,
#e9e1d1 35%,
#dcebe5 68%,
#cfe5df 100%
);
}
/* =========================
FEJLĂC
========================= */
header{
text-align:center;
padding:45px 15px;
background:#edf1e5dd;
border-bottom:2px solid #bdcbae;
}
header h1{
margin:0;
color:#3f603c;
font-size:44px;
}
header p{
color:#68705e;
font-size:17px;
}
/* =========================
FĆ RĂSZ
========================= */
main{
max-width:1300px;
margin:auto;
padding:25px 15px;
}
.panel{
background:#ffffffc7;
padding:18px;
border-radius:18px;
border:1px solid #c9d4bd;
margin-bottom:20px;
}
input{
width:100%;
padding:15px 18px;
border-radius:28px;
border:2px solid #b7c8a5;
font-size:16px;
outline:0;
background:white;
}
input:focus{
border-color:#71895f;
}
button{
border:0;
border-radius:22px;
padding:11px 17px;
margin:6px;
cursor:pointer;
font-weight:bold;
background:#71895f;
color:white;
transition:.18s;
}
button:hover{
transform:translateY(-1px);
}
button:disabled{
opacity:.45;
cursor:not-allowed;
transform:none;
}
.quick{
background:#e6ecd9;
color:#4b6144;
}
/* =========================
HALAK
========================= */
.grid{
display:grid;
grid-template-columns:
repeat(auto-fit,minmax(260px,1fr));
gap:17px;
align-items:start;
}
.card{
background:
linear-gradient(
145deg,
#fff,
#e5eedb,
#eee1ca,
#e4efeb
);
border:1px solid #c6d2b8;
border-radius:17px;
padding:18px;
cursor:pointer;
box-shadow:0 5px 15px #66705522;
text-align:center;
transition:.18s;
}
.card:hover{
transform:translateY(-3px);
}
.card h2{
margin:8px 0;
color:#456440;
}
/* =========================
INFORMĂCIĂS PANEL
========================= */
.bubble{
display:none;
position:relative;
left:calc(
50% + (100vw - 100%)/2
);
transform:translateX(-50%);
width:min(
1100px,
calc(100vw - 30px)
);
margin-top:8px;
padding:20px;
background:
linear-gradient(
135deg,
#fffef9,
#e9f0e1,
#f0e3ce,
#e5f0ec
);
border:2px solid #c4d2b6;
border-radius:17px;
box-shadow:
0 12px 28px #66705533;
text-align:center;
overflow:visible;
max-height:none;
height:auto;
word-wrap:break-word;
overflow-wrap:anywhere;
z-index:20;
}
.bubble h2{
margin:0 0 6px;
color:#405f3d;
}
.bubble p{
margin:6px auto;
max-width:900px;
line-height:1.5;
}
.data{
display:grid;
grid-template-columns:
repeat(4,minmax(0,1fr));
gap:8px;
margin-top:12px;
text-align:center;
}
.box{
background:#edf2e8;
padding:10px;
border-radius:11px;
font-size:13px;
line-height:1.42;
min-width:0;
overflow-wrap:anywhere;
word-break:break-word;
}
.box b{
display:block;
color:#4d6847;
margin-bottom:4px;
}
/* =========================
SZĂNEK
========================= */
.danger-safe{
background:#dff0df;
border:1px solid #9bc49b;
color:#187a2f;
font-weight:800;
}
.danger-mixed{
background:#fff0bd;
border:1px solid #dfc65d;
color:#a47700;
font-weight:800;
}
.danger-danger{
background:#ffdede;
border:1px solid #df9999;
color:#d32626;
font-weight:800;
}
.diet-herb{
background:#dff0df;
border:1px solid #9bc49b;
color:#187a2f;
font-weight:800;
}
.diet-omn{
background:#fff0bd;
border:1px solid #dfc65d;
color:#a47700;
font-weight:800;
}
.diet-carn{
background:#ffdede;
border:1px solid #df9999;
color:#d32626;
font-weight:800;
}
.temp-cold{
background:#dbeaff;
border:1px solid #8fb7ef;
color:#1671d9;
font-weight:800;
}
.temp-cool{
background:#fff0bd;
border:1px solid #dfc65d;
color:#a47700;
font-weight:800;
}
.temp-warm{
background:#dff0df;
border:1px solid #9bc49b;
color:#187a2f;
font-weight:800;
}
.temp-hot{
background:#ffdede;
border:1px solid #df9999;
color:#d32626;
font-weight:800;
}
/* =========================
EGYĂB
========================= */
.status{
text-align:center;
margin:10px 2px;
color:#68705e;
}
.note{
text-align:center;
color:#707661;
font-size:13px;
margin-top:12px;
}
.empty{
text-align:center;
padding:35px;
color:#756d59;
}
.pager{
text-align:center;
margin:25px;
}
.night-toggle{
display:inline-flex;
align-items:center;
gap:8px;
background:#526d58;
color:white;
border:0;
border-radius:25px;
padding:11px 17px;
margin:0 0 12px;
cursor:pointer;
font-weight:bold;
box-shadow:0 3px 10px #0002;
}
/* =========================
ĂJSZAKAI MĂD
========================= */
body.night{
background:#000 !important;
color:#fff !important;
}
body.night header{
background:#050505 !important;
border-bottom-color:#222 !important;
}
body.night header h1,
body.night header p,
body.night .status,
body.night .note,
body.night footer{
color:#fff !important;
}
body.night .panel{
background:#080808 !important;
border-color:#292929 !important;
}
body.night input{
background:#111 !important;
color:#fff !important;
border-color:#444 !important;
}
body.night input::placeholder{
color:#bbb !important;
}
body.night .quick{
background:#222 !important;
color:#fff !important;
}
body.night .card{
background:#0b0b0b !important;
border-color:#333 !important;
color:#fff !important;
box-shadow:0 5px 15px #000 !important;
}
body.night .card h2{
color:#fff !important;
}
body.night .card small{
color:#ddd !important;
}
body.night .bubble{
background:#050505 !important;
border-color:#444 !important;
color:#fff !important;
box-shadow:0 12px 30px #000 !important;
}
body.night .bubble h2,
body.night .bubble p{
color:#fff !important;
}
body.night .box{
background:#111 !important;
color:#fff !important;
border:1px solid #2d2d2d;
}
body.night .box b{
color:#fff !important;
}
/* Ăjszakai szĂnes Ă©rtĂ©kek */
body.night .temp-cold{
background:#102b48 !important;
border-color:#2f78b8 !important;
color:#35a7ff !important;
}
body.night .temp-cool{
background:#3d3510 !important;
border-color:#8a7720 !important;
color:#ffe04a !important;
}
body.night .temp-warm{
background:#12351d !important;
border-color:#347844 !important;
color:#55ed72 !important;
}
body.night .temp-hot{
background:#42151a !important;
border-color:#91343d !important;
color:#ff4d4d !important;
}
body.night .diet-herb{
background:#12351d !important;
border-color:#347844 !important;
color:#55ed72 !important;
}
body.night .diet-omn{
background:#3d3510 !important;
border-color:#8a7720 !important;
color:#ffe04a !important;
}
body.night .diet-carn{
background:#42151a !important;
border-color:#91343d !important;
color:#ff4d4d !important;
}
body.night .danger-safe{
background:#12351d !important;
border-color:#347844 !important;
color:#55ed72 !important;
}
body.night .danger-mixed{
background:#3d3510 !important;
border-color:#8a7720 !important;
color:#ffe04a !important;
}
body.night .danger-danger{
background:#42151a !important;
border-color:#91343d !important;
color:#ff4d4d !important;
}
/* =========================
đ FEKETE GĂMB ANIMĂCIĂ
========================= */
#nightTransition{
position:fixed;
width:30px;
height:30px;
left:50%;
top:50%;
transform:
translate(-50%,-50%)
scale(0);
transform-origin:center center;
border-radius:50%;
background:#000;
z-index:99999;
pointer-events:none;
will-change:transform;
}
/*
BEKAPCSOLĂS
A gömb elĆször kicsi,
majd közĂ©prĆl kifelĂ© nĆ.
*/
#nightTransition.play-in{
animation:
nightSphereIn
.8s
cubic-bezier(.65,0,.2,1)
forwards;
}
/*
Ez a teljes kĂ©pernyĆs fekete ĂĄllapot.
Ekkor mĂĄr lehet vĂĄltani body.night-re.
*/
#nightTransition.cover{
transform:
translate(-50%,-50%)
scale(100);
}
/*
KIKAPCSOLĂS
A teljes fekete fedĂ©sbĆl
középre zsugorodik.
*/
#nightTransition.play-out{
animation:
nightSphereOut
.8s
cubic-bezier(.65,0,.2,1)
forwards;
}
@keyframes nightSphereIn{
0%{
transform:
translate(-50%,-50%)
scale(0);
}
100%{
transform:
translate(-50%,-50%)
scale(100);
}
}
@keyframes nightSphereOut{
0%{
transform:
translate(-50%,-50%)
scale(100);
}
100%{
transform:
translate(-50%,-50%)
scale(0);
}
}
/* =========================
MOBIL
========================= */
@media(max-width:1000px){
.data{
grid-template-columns:
repeat(3,minmax(0,1fr));
}
}
@media(max-width:700px){
.data{
grid-template-columns:
repeat(2,minmax(0,1fr));
}
}
@media(max-width:520px){
header h1{
font-size:34px;
}
.grid{
grid-template-columns:1fr;
}
.data{
grid-template-columns:1fr;
}
.bubble{
width:calc(100vw - 24px);
padding:14px;
}
}
</style>
<body>
<!-- đ AnimĂĄciĂłs fekete gömb -->
<div id="nightTransition"></div>
<header>
<h1>đ Halak VilĂĄga</h1>
<p>
200 hal âą 50 hal oldalankĂ©nt âą kereshetĆ âą offline mƱködik
</p>
</header>
<main>
<section class="panel">
<div style="text-align:center">
<button
class="night-toggle"
id="nightToggle"
onclick="toggleNight()"
>
đ Ăjszakai mĂłd: KI
</button>
</div>
<input
id="search"
type="text"
placeholder="đ Keress halat... pĂ©ldĂĄul ponty, csuka, keszeg"
>
<div style="text-align:center">
<button
class="quick"
onclick="setCategory('all')"
>
đ Ăsszes
</button>
<button
class="quick"
onclick="setCategory('ponty')"
>
Pontyfélék
</button>
<button
class="quick"
onclick="setCategory('keszeg')"
>
Keszegfélék
</button>
<button
class="quick"
onclick="setCategory('ragadozĂł')"
>
RagadozĂłk
</button>
</div>
<div
class="status"
id="status"
></div>
<div class="note">
Kattints egy halra: a teljes adatlap közvetlenĂŒl alatta nyĂlik ki.
Nincs kĂŒlön belsĆ görgetĂ©s.
</div>
</section>
<div
class="grid"
id="list"
></div>
<div class="pager">
<button
id="prev"
onclick="prev()"
>
âŹ
ElĆzĆ
</button>
<span id="page"></span>
<button
id="next"
onclick="next()"
>
KövetkezĆ âĄ
</button>
</div>
</main>
<footer
style="
text-align:center;
padding:30px;
color:#68705e
"
>
đ Halak VilĂĄga âą 200 hal âą 50 hal oldalankĂ©nt âą Offline HTML
</footer>
<script>
/* =========================================================
HALAK
========================================================= */
const baseFish = [
['Ponty','ponty'],
['KĂĄrĂĄsz','ponty'],
['EzĂŒstkĂĄrĂĄsz','ponty'],
['CompĂł','ponty'],
['Dévérkeszeg','keszeg'],
['Karikakeszeg','keszeg'],
['Lapkeszeg','keszeg'],
['Bodorka','keszeg'],
['VörösszĂĄrnyĂș keszeg','keszeg'],
['JĂĄszkeszeg','keszeg'],
['Paduc','keszeg'],
['SzilvaorrĂș keszeg','keszeg'],
['MĂĄrna','keszeg'],
['KĂŒsz','keszeg'],
['DomolykĂł','keszeg'],
['Ćn','keszeg'],
['Amur','ponty'],
['Fehér amur','ponty'],
['Busa','ponty'],
['Fehér busa','ponty'],
['Pettyes busa','ponty'],
['Csuka','ragadozĂł'],
['SĂŒllĆ','ragadozĂł'],
['Balin','ragadozĂł'],
['Harcsa','ragadozĂł'],
['Angolna','ragadozĂł'],
['Menyhal','ragadozĂł'],
['SĂŒgĂ©r','ragadozĂł'],
['KĆsĂŒllĆ','ragadozĂł'],
['Fekete sĂŒgĂ©r','ragadozĂł'],
['PisztrĂĄngsĂŒgĂ©r','ragadozĂł'],
['PisztrĂĄng','ragadozĂł'],
['Sebes pisztrĂĄng','ragadozĂł'],
['SzivĂĄrvĂĄnyos pisztrĂĄng','ragadozĂł'],
['Lazac','ragadozĂł'],
['Atlanti lazac','ragadozĂł'],
['PĂ©zsmapisztrĂĄng','ragadozĂł'],
['Viza','ragadozĂł'],
['Tokhal','ragadozĂł'],
['SĆregtok','ragadozĂł'],
['Kecsege','ragadozĂł'],
['Sima tok','ragadozĂł'],
['Aranydurbincs','tengeri'],
['Tengeri sĂŒgĂ©r','tengeri'],
['Makréla','tengeri'],
['SzardĂnia','tengeri'],
['Hering','tengeri'],
['Anchovy','tengeri'],
['Tonhal','tengeri'],
['KĂ©kĂșszĂłjĂș tonhal','tengeri'],
['SĂĄrgaĂșszĂłjĂș tonhal','tengeri'],
['Albacore tonhal','tengeri'],
['Kardhal','tengeri'],
['VitorlĂĄshal','tengeri'],
['Mahi-mahi','tengeri'],
['Barrakuda','ragadozĂł'],
['Tarpon','ragadozĂł'],
['Snook','ragadozĂł'],
['Piranha','ragadozĂł'],
['PĂĄvasĂŒgĂ©r','ragadozĂł'],
['Arowana','ragadozĂł'],
['Diszkoszhal','akvĂĄriumi'],
['Neonhal','akvĂĄriumi'],
['Guppi','akvĂĄriumi'],
['Platti','akvĂĄriumi'],
['Molly','akvĂĄriumi'],
['Betta','akvĂĄriumi'],
['Aranyhal','akvĂĄriumi'],
['Koi ponty','akvĂĄriumi'],
['VitorlĂĄshal','akvĂĄriumi'],
['Harcsafélék','akvåriumi'],
['Påncélosharcsa','akvåriumi'],
['Pleco','akvĂĄriumi'],
['PillangĂłhal','tengeri'],
['BohĂłchal','tengeri'],
['Sebészhal','tengeri'],
['OroszlĂĄnhal','tengeri'],
['Gömbhal','tengeri'],
['NapĂłleonhal','tengeri'],
['Moréna','tengeri'],
['RĂĄja','tengeri'],
['ĂrdögrĂĄja','tengeri'],
['CĂĄpa','tengeri'],
['Fehér cåpa','tengeri'],
['Pörölycåpa','tengeri'],
['TigriscĂĄpa','tengeri'],
['BĂĄlnacĂĄpa','tengeri'],
['MacskacĂĄpa','tengeri'],
['ElefĂĄnthal','tengeri'],
['Tengeri angolna','tengeri'],
['Muréna angolna','tengeri'],
['KĆhal','tengeri'],
['TƱzhal','tengeri'],
['Tengeri csikĂłhal','tengeri'],
['KardfarkĂș hal','tengeri'],
['RepĂŒlĆhal','tengeri'],
['Holdhal','tengeri'],
['Kirålymakréla','tengeri'],
['SĂŒgĂ©rkeszeg','keszeg'],
['Kåråszféle','ponty'],
['AranykĂĄrĂĄsz','ponty']
];
/*
100 alapbejegyzĂ©sbĆl kĂ©szĂtĂŒnk pontosan 200 elemet.
Ăgy az Ăsszes kategĂłria tĂ©nylegesen 200 halat tartalmaz.
*/
const names = [
...baseFish,
...baseFish
];
/* =========================================================
ĂTREND
========================================================= */
const diet = {
'Ponty':'MindenevĆ',
'KĂĄrĂĄsz':'MindenevĆ',
'EzĂŒstkĂĄrĂĄsz':'MindenevĆ',
'CompĂł':'MindenevĆ',
'DĂ©vĂ©rkeszeg':'MindenevĆ',
'Karikakeszeg':'MindenevĆ',
'Lapkeszeg':'MindenevĆ',
'Bodorka':'MindenevĆ',
'VörösszĂĄrnyĂș keszeg':'MindenevĆ',
'JĂĄszkeszeg':'MindenevĆ',
'Paduc':'NövĂ©nyevĆ',
'SzilvaorrĂș keszeg':'MindenevĆ',
'MĂĄrna':'MindenevĆ',
'KĂŒsz':'MindenevĆ',
'DomolykĂł':'MindenevĆ',
'Ćn':'MindenevĆ',
'Amur':'NövĂ©nyevĆ',
'FehĂ©r amur':'NövĂ©nyevĆ',
'Busa':'NövĂ©nyevĆ',
'FehĂ©r busa':'NövĂ©nyevĆ',
'Pettyes busa':'MindenevĆ',
'Csuka':'HĂșsevĆ',
'SĂŒllĆ':'HĂșsevĆ',
'Balin':'HĂșsevĆ',
'Harcsa':'HĂșsevĆ',
'Angolna':'HĂșsevĆ',
'Menyhal':'HĂșsevĆ',
'SĂŒgĂ©r':'HĂșsevĆ',
'KĆsĂŒllĆ':'HĂșsevĆ',
'Fekete sĂŒgĂ©r':'HĂșsevĆ',
'PisztrĂĄngsĂŒgĂ©r':'HĂșsevĆ',
'PisztrĂĄng':'HĂșsevĆ',
'Sebes pisztrĂĄng':'HĂșsevĆ',
'SzivĂĄrvĂĄnyos pisztrĂĄng':'HĂșsevĆ',
'Lazac':'HĂșsevĆ',
'Atlanti lazac':'HĂșsevĆ',
'PĂ©zsmapisztrĂĄng':'HĂșsevĆ',
'Viza':'HĂșsevĆ',
'Tokhal':'HĂșsevĆ',
'SĆregtok':'HĂșsevĆ',
'Kecsege':'HĂșsevĆ',
'Sima tok':'HĂșsevĆ',
'Aranydurbincs':'MindenevĆ',
'Tengeri sĂŒgĂ©r':'HĂșsevĆ',
'MakrĂ©la':'HĂșsevĆ',
'SzardĂnia':'HĂșsevĆ',
'Hering':'HĂșsevĆ',
'Anchovy':'HĂșsevĆ',
'Tonhal':'HĂșsevĆ',
'KĂ©kĂșszĂłjĂș tonhal':'HĂșsevĆ',
'SĂĄrgaĂșszĂłjĂș tonhal':'HĂșsevĆ',
'Albacore tonhal':'HĂșsevĆ',
'Kardhal':'HĂșsevĆ',
'VitorlĂĄshal':'HĂșsevĆ',
'Mahi-mahi':'HĂșsevĆ',
'Barrakuda':'HĂșsevĆ',
'Tarpon':'MindenevĆ',
'Snook':'HĂșsevĆ',
'Piranha':'MindenevĆ',
'PĂĄvasĂŒgĂ©r':'HĂșsevĆ',
'Arowana':'HĂșsevĆ',
'Diszkoszhal':'MindenevĆ',
'Neonhal':'MindenevĆ',
'Guppi':'MindenevĆ',
'Platti':'MindenevĆ',
'Molly':'NövĂ©nyevĆ',
'Betta':'HĂșsevĆ',
'Aranyhal':'MindenevĆ',
'Koi ponty':'MindenevĆ',
'HarcsafĂ©lĂ©k':'MindenevĆ',
'PĂĄncĂ©losharcsa':'MindenevĆ',
'Pleco':'NövĂ©nyevĆ',
'PillangĂłhal':'HĂșsevĆ',
'BohĂłchal':'MindenevĆ',
'SebĂ©szhal':'NövĂ©nyevĆ',
'OroszlĂĄnhal':'HĂșsevĆ',
'Gömbhal':'HĂșsevĆ',
'NapĂłleonhal':'MindenevĆ',
'MorĂ©na':'HĂșsevĆ',
'RĂĄja':'HĂșsevĆ',
'ĂrdögrĂĄja':'HĂșsevĆ',
'CĂĄpa':'HĂșsevĆ',
'FehĂ©r cĂĄpa':'HĂșsevĆ',
'PörölycĂĄpa':'HĂșsevĆ',
'TigriscĂĄpa':'HĂșsevĆ',
'BĂĄlnacĂĄpa':'HĂșsevĆ',
'MacskacĂĄpa':'HĂșsevĆ',
'ElefĂĄnthal':'HĂșsevĆ',
'Tengeri angolna':'HĂșsevĆ',
'MurĂ©na angolna':'HĂșsevĆ',
'KĆhal':'HĂșsevĆ',
'TƱzhal':'HĂșsevĆ',
'Tengeri csikĂłhal':'HĂșsevĆ',
'KardfarkĂș hal':'MindenevĆ',
'RepĂŒlĆhal':'MindenevĆ',
'Holdhal':'HĂșsevĆ',
'KirĂĄlymakrĂ©la':'HĂșsevĆ',
'SĂŒgĂ©rkeszeg':'MindenevĆ',
'KĂĄrĂĄszfĂ©le':'MindenevĆ',
'AranykĂĄrĂĄsz':'MindenevĆ'
};
/* =========================================================
VĂZHĆMĂRSĂKLET
========================================================= */
const temperatures = {
'Ponty':'18â25 °C',
'KĂĄrĂĄsz':'18â24 °C',
'EzĂŒstkĂĄrĂĄsz':'18â26 °C',
'CompĂł':'18â24 °C',
'DĂ©vĂ©rkeszeg':'16â24 °C',
'Karikakeszeg':'16â24 °C',
'Lapkeszeg':'16â24 °C',
'Bodorka':'15â24 °C',
'VörösszĂĄrnyĂș keszeg':'17â25 °C',
'JĂĄszkeszeg':'14â22 °C',
'Paduc':'10â20 °C',
'SzilvaorrĂș keszeg':'10â20 °C',
'MĂĄrna':'12â20 °C',
'KĂŒsz':'15â24 °C',
'DomolykĂł':'12â22 °C',
'Ćn':'12â22 °C',
'Amur':'20â28 °C',
'FehĂ©r amur':'20â28 °C',
'Busa':'22â30 °C',
'FehĂ©r busa':'22â30 °C',
'Pettyes busa':'22â30 °C',
'Csuka':'10â22 °C',
'SĂŒllĆ':'10â20 °C',
'Balin':'12â23 °C',
'Harcsa':'18â27 °C',
'Angolna':'10â25 °C',
'Menyhal':'4â15 °C',
'SĂŒgĂ©r':'12â22 °C',
'KĆsĂŒllĆ':'12â22 °C',
'Fekete sĂŒgĂ©r':'18â27 °C',
'PisztrĂĄngsĂŒgĂ©r':'18â27 °C',
'PisztrĂĄng':'8â16 °C',
'Sebes pisztrĂĄng':'7â15 °C',
'SzivĂĄrvĂĄnyos pisztrĂĄng':'10â18 °C',
'Lazac':'6â16 °C',
'Atlanti lazac':'6â16 °C',
'PĂ©zsmapisztrĂĄng':'8â16 °C',
'Viza':'10â20 °C',
'Tokhal':'10â20 °C',
'SĆregtok':'10â20 °C',
'Kecsege':'12â22 °C',
'Sima tok':'10â20 °C',
'Aranydurbincs':'18â26 °C',
'Tengeri sĂŒgĂ©r':'12â20 °C',
'MakrĂ©la':'10â20 °C',
'SzardĂnia':'12â20 °C',
'Hering':'4â12 °C',
'Anchovy':'12â22 °C',
'Tonhal':'18â28 °C',
'KĂ©kĂșszĂłjĂș tonhal':'15â25 °C',
'SĂĄrgaĂșszĂłjĂș tonhal':'20â30 °C',
'Albacore tonhal':'15â22 °C',
'Kardhal':'18â28 °C',
'VitorlĂĄshal':'22â28 °C',
'Mahi-mahi':'24â30 °C',
'Barrakuda':'24â30 °C',
'Tarpon':'22â30 °C',
'Snook':'22â30 °C',
'Piranha':'24â30 °C',
'PĂĄvasĂŒgĂ©r':'24â30 °C',
'Arowana':'24â30 °C',
'Diszkoszhal':'26â30 °C',
'Neonhal':'22â26 °C',
'Guppi':'22â28 °C',
'Platti':'20â26 °C',
'Molly':'24â28 °C',
'Betta':'24â30 °C',
'Aranyhal':'18â23 °C',
'Koi ponty':'18â25 °C',
'HarcsafĂ©lĂ©k':'22â28 °C',
'PĂĄncĂ©losharcsa':'22â26 °C',
'Pleco':'23â28 °C',
'PillangĂłhal':'24â28 °C',
'BohĂłchal':'24â28 °C',
'SebĂ©szhal':'24â28 °C',
'OroszlĂĄnhal':'23â28 °C',
'Gömbhal':'24â28 °C',
'NapĂłleonhal':'23â28 °C',
'MorĂ©na':'23â28 °C',
'RĂĄja':'22â28 °C',
'ĂrdögrĂĄja':'22â28 °C',
'CĂĄpa':'18â28 °C',
'FehĂ©r cĂĄpa':'12â24 °C',
'PörölycĂĄpa':'22â28 °C',
'TigriscĂĄpa':'22â30 °C',
'BĂĄlnacĂĄpa':'21â28 °C',
'MacskacĂĄpa':'10â22 °C',
'ElefĂĄnthal':'22â28 °C',
'Tengeri angolna':'20â27 °C',
'MurĂ©na angolna':'22â28 °C',
'KĆhal':'20â28 °C',
'TƱzhal':'23â28 °C',
'Tengeri csikĂłhal':'20â26 °C',
'KardfarkĂș hal':'22â28 °C',
'RepĂŒlĆhal':'20â28 °C',
'Holdhal':'10â20 °C',
'KirĂĄlymakrĂ©la':'22â28 °C',
'SĂŒgĂ©rkeszeg':'18â26 °C',
'KĂĄrĂĄszfĂ©le':'18â24 °C',
'AranykĂĄrĂĄsz':'18â25 °C'
};
/* =========================================================
ALAPADATOK
========================================================= */
const defaults = {
food:
'aprĂł halak, rovarok, lĂĄrvĂĄk, rĂĄkok vagy növĂ©nyi tĂĄplĂĄlĂ©k â fajtĂłl fĂŒggĆen',
place:
'növĂ©nyzet, partközeli rĂ©szek, medertörĂ©sek vagy mĂ©lyebb vĂz',
bait:
'giliszta, kukorica, pellet vagy a fajhoz illĆ mƱcsali',
depth:
'fajfĂŒggĆ, kb. 0,5â8 m',
size:
'fajfĂŒggĆ',
mass:
'fajfĂŒggĆ',
water:
'Ă©desvĂz vagy tengervĂz, fajtĂłl fĂŒggĆen',
speed:
'fajfĂŒggĆ',
weather:
'enyhĂ©n borĂșs, vĂĄltozĂ©kony idĆ',
active:
'gyakran hajnalban Ă©s alkonyatkor',
feed:
'ĂĄltalĂĄban reggel vagy kĂ©sĆ dĂ©lutĂĄn',
migration:
'fajtĂłl fĂŒggĆ; egyes fajok vĂĄndorolnak',
reproduction:
'ĂvĂĄssal vagy a fajra jellemzĆ mĂłdon szaporodik',
danger:
'åltalåban nem veszélyes az emberre',
fact:
'A viselkedĂ©sĂ©t erĆsen befolyĂĄsolja a vĂzhĆmĂ©rsĂ©klet, az oxigĂ©n Ă©s a tĂĄplĂĄlĂ©k.'
};
/* =========================================================
NĂHĂNY EGYEDI HALADAT
========================================================= */
const special = {
'Ponty':{
food:
'vĂzinövĂ©nyek, algĂĄk, fĂ©rgek, rovarlĂĄrvĂĄk, csigĂĄk Ă©s aprĂł vĂzi ĂĄllatok',
place:
'nĂĄdas, hĂnĂĄr, medertörĂ©s, iszapos vagy kagylĂłs fenĂ©k',
bait:
'kukorica, bojli, pellet, kenyér, giliszta',
depth:
'1â5 m',
size:
'40â80 cm, nagy pĂ©ldĂĄnyok 1 m körĂŒl is lehetnek',
mass:
'2â15+ kg',
water:
'Ă©desvĂz',
speed:
'kb. 2â5 km/h tartĂłsan; menekĂŒlĂ©skor gyorsabb',
weather:
'meleg, enyhĂ©n borĂșs vagy mĂ©rsĂ©kelten szeles idĆ',
active:
'hajnalban, nappal Ă©s alkonyatkor',
feed:
'reggel vagy kĂ©sĆ dĂ©lutĂĄn',
migration:
'helyi mozgĂĄs a tĂĄplĂĄlĂ©k Ă©s hĆmĂ©rsĂ©klet szerint',
reproduction:
'tavasszalâkora nyĂĄron Ăvik, növĂ©nyzet közelĂ©ben',
danger:
'az emberre nem veszélyes',
fact:
'A ponty nagyon jĂłl alkalmazkodik kĂŒlönbözĆ ĂĄllĂł- Ă©s folyĂłvizekhez.'
},
'Csuka':{
food:
'halak, bĂ©kĂĄk, ebihalak Ă©s kisebb vĂzi ĂĄllatok',
place:
'nĂĄdas szĂ©le, hĂnĂĄr, bedĆlt fa Ă©s akadĂłs rĂ©szek',
bait:
'gumihal, wobbler, villantĂł, halszelet',
depth:
'0,5â5 m',
size:
'50â100+ cm',
mass:
'1â10+ kg',
water:
'Ă©desvĂz',
speed:
'rövid sprintekben nagyon gyors',
weather:
'borĂșs, vĂĄltozĂ©kony idĆ Ă©s fĂ©nyvĂĄltĂĄsok',
active:
'fĆleg nappal, kĂŒlönösen hajnalban Ă©s alkonyatkor',
feed:
'hajnalban vagy kĂ©sĆ dĂ©lutĂĄn',
migration:
'ĂĄltalĂĄban helyi mozgĂĄs; ĂvĂĄskor sekĂ©lyebb rĂ©szekre hĂșzĂłdik',
reproduction:
'tavasszal, sekĂ©ly növĂ©nyzetben Ăvik',
danger:
'az emberre nem veszélyes, de a fogai élesek',
fact:
'LesbĆl tĂĄmad, ezĂ©rt a növĂ©nyzet szĂ©le kivĂĄlĂł keresĂ©si hely.'
},
'SĂŒllĆ':{
food:
'aprĂł halak Ă©s mĂĄs kisebb vĂzi ĂĄllatok',
place:
'medertörés, kövezés, gödör, akadós vagy kemény fenék',
bait:
'gumihal, wobbler, kisebb halszerƱ mƱcsali',
depth:
'2â10 m',
size:
'40â80+ cm',
mass:
'1â8+ kg',
water:
'Ă©desvĂz',
speed:
'gyors rövid tåmadåsok',
weather:
'borĂșs, szĂŒrkĂŒleti idĆ gyakran kedvezĆ',
active:
'alkonyatkor, este Ă©s hajnalban',
feed:
'alkonyatkor Ă©s este',
migration:
'helyi Ă©s ĂvĂĄsi mozgĂĄsok',
reproduction:
'tavasszal, kemĂ©nyebb aljzaton Ăvik',
danger:
'az emberre nem veszélyes',
fact:
'A gyenge fényhez jól alkalmazkodott ragadozó.'
},
'Harcsa':{
food:
'halak, békåk, råkok és mås ållatok',
place:
'mĂ©ly gödrök, medertörĂ©sek, bedĆlt fĂĄk Ă©s akadĂłk',
bait:
'halcsĂk, Ă©lĆhal ahol engedĂ©lyezett, giliszta',
depth:
'2â10+ m',
size:
'100â200+ cm',
mass:
'10â50+ kg, ritkĂĄn jĂłval több',
water:
'Ă©desvĂz',
speed:
'rövid kitörésekben gyors',
weather:
'meleg, borĂșs, enyhĂ©n esĆs idĆ',
active:
'alkonyatkor Ă©s Ă©jszaka',
feed:
'este Ă©s Ă©jszaka',
migration:
'évszakosan mås mélységbe mozoghat',
reproduction:
'melegebb vĂzben, tavasszalânyĂĄron Ăvik',
danger:
'nagy pĂ©ldĂĄny erĆs, de nem tĂĄmadja az embert',
fact:
'A bajuszszĂĄlai segĂtsĂ©gĂ©vel rossz lĂĄtĂĄsi viszonyok között is tĂĄjĂ©kozĂłdik.'
},
'Balin':{
food:
'aprĂł halak Ă©s rovarok',
place:
'folyĂłk sodrĂĄsa Ă©s felszĂni tĂĄplĂĄlĂ©khalas rĂ©szek',
bait:
'wobbler, villantĂł, kisebb gumihal',
depth:
'0,5â3 m',
size:
'40â80 cm',
mass:
'1â6 kg',
water:
'Ă©desvĂz',
speed:
'nagyon gyors felszĂni tĂĄmadĂĄsok',
weather:
'felhĆs vagy enyhĂ©n szeles idĆ',
active:
'nappal, fĆleg reggel Ă©s este',
feed:
'reggel Ă©s alkonyat elĆtt',
migration:
'folyĂłvĂzben helyi vĂĄndorlĂĄs',
reproduction:
'tavasszal Ăvik',
danger:
'az emberre nem veszélyes',
fact:
'Gyakran a felszĂn közelĂ©ben rabol.'
},
'PisztrĂĄng':{
food:
'rovarok, lĂĄrvĂĄk, aprĂł halak Ă©s rĂĄkok',
place:
'hideg, oxigĂ©ndĂșs patakok Ă©s folyĂłk',
bait:
'mƱlégy, villantó és kis wobbler',
depth:
'0,2â3 m',
size:
'25â60+ cm',
mass:
'0,3â4+ kg',
water:
'hideg Ă©desvĂz',
speed:
'erĆs sodrĂĄsban is jĂłl Ășszik',
weather:
'hƱvös, felhĆs, enyhĂ©n esĆs idĆ',
active:
'hajnalban Ă©s alkonyatkor',
feed:
'reggel Ă©s alkonyatkor',
migration:
'egyes fajok ĂvĂĄskor vĂĄndorolnak',
reproduction:
'Ćsszel vagy tĂ©len, fajtĂłl fĂŒggĆen',
danger:
'az emberre nem veszélyes',
fact:
'A hideg, tiszta Ă©s oxigĂ©ndĂșs vizet kedveli.'
}
};
/* =========================================================
VESZĂLYESSĂG
========================================================= */
const dangerOverrides = {
'Ponty':
'az emberre nem veszélyes',
'KĂĄrĂĄsz':
'az emberre nem veszélyes',
'EzĂŒstkĂĄrĂĄsz':
'az emberre nem veszélyes',
'CompĂł':
'az emberre nem veszélyes',
'MĂĄrna':
'az emberre nem veszĂ©lyes, de a tĂŒskĂ©i sĂ©rĂŒlĂ©st okozhatnak',
'Busa':
'az emberre nem veszĂ©lyes, de nagy pĂ©ldĂĄnyok erĆsek lehetnek',
'Pettyes busa':
'az emberre nem veszélyes, de ugråskor veszélyes lehet a közelben tartózkodókra',
'Csuka':
'az emberre nem veszélyes, de a fogai élesek',
'Angolna':
'åltalåban nem veszélyes, de haraphat',
'SĂŒgĂ©r':
'az emberre nem veszĂ©lyes, tĂŒskĂ©i megszĂșrhatjĂĄk a kezet',
'KĆsĂŒllĆ':
'az emberre nem veszĂ©lyes, tĂŒskĂ©i Ă©s fogai sĂ©rĂŒlĂ©st okozhatnak',
'Tonhal':
'az emberre ĂĄltalĂĄban nem veszĂ©lyes, de nagy pĂ©ldĂĄny nagyon erĆs',
'KĂ©kĂșszĂłjĂș tonhal':
'az emberre ĂĄltalĂĄban nem veszĂ©lyes, de hatalmas Ă©s nagyon erĆs',
'Kardhal':
'veszĂ©lyes lehet a hosszĂș kardja miatt',
'Barrakuda':
'potenciålisan veszélyes; ritkån haraphat embert',
'Piranha':
'harapĂĄsa fĂĄjdalmas lehet, de az ember elleni tĂĄmadĂĄs ritka',
'Sebészhal':
'a faroktĂŒskĂ©je sĂ©rĂŒlĂ©st okozhat',
'OroszlĂĄnhal':
'mĂ©rges tĂŒskĂ©i miatt veszĂ©lyes; szĂșrĂĄsa nagyon fĂĄjdalmas lehet',
'Gömbhal':
'egyes fajai erĆsen mĂ©rgezĆek elfogyasztva',
'Moréna':
'harapåsa veszélyes lehet',
'RĂĄja':
'egyes fajok faroktĂŒskĂ©je veszĂ©lyes Ă©s fĂĄjdalmas sĂ©rĂŒlĂ©st okozhat',
'CĂĄpa':
'egyes fajok veszélyesek lehetnek az emberre',
'Fehér cåpa':
'veszélyes lehet az emberre',
'TigriscĂĄpa':
'veszélyes az emberre',
'KĆhal':
'nagyon veszĂ©lyes: mĂ©rges tĂŒskĂ©i sĂșlyos sĂ©rĂŒlĂ©st okozhatnak',
'TƱzhal':
'mĂ©rges tĂŒskĂ©i miatt veszĂ©lyes; szĂșrĂĄsa nagyon fĂĄjdalmas',
'Muréna angolna':
'harapĂĄsa sĂșlyos sĂ©rĂŒlĂ©st okozhat',
'BĂĄlnacĂĄpa':
'az emberre nem veszĂ©lyes, bĂ©kĂ©s planktonszƱrĆ'
};
/* =========================================================
HALAK LĂTREHOZĂSA
========================================================= */
const fish = names.map(([name,cat]) => {
const d = {
...defaults,
...(special[name] || {})
};
return {
name:name,
cat:cat,
temp:
temperatures[name] || '12â24 °C',
food:
d.food,
diet:
diet[name] || 'MindenevĆ',
place:
d.place,
bait:
d.bait,
depth:
d.depth,
size:
d.size,
mass:
d.mass,
water:
d.water,
speed:
d.speed,
weather:
d.weather,
active:
d.active,
feed:
d.feed,
migration:
d.migration,
reproduction:
d.reproduction,
danger:
dangerOverrides[name] || d.danger,
fact:
d.fact
};
});
/* =========================================================
SEGĂDFĂGGVĂNYEK
========================================================= */
function esc(value){
return String(value).replace(
/[&<>"']/g,
function(c){
return {
'&':'&',
'<':'<',
'>':'>',
'"':'"',
"'":'''
}[c];
}
);
}
function dangerClass(value){
const text =
value.toLowerCase();
if(
text.includes('nagyon veszélyes') ||
text.includes('veszélyes az emberre') ||
text.includes('sĂșlyos') ||
text.includes('mĂ©rges tĂŒskĂ©i miatt veszĂ©lyes')
){
return 'danger-danger';
}
if(
text.includes('veszélyes lehet') ||
text.includes('potenciålisan veszélyes') ||
text.includes('harap') ||
text.includes('tĂŒs') ||
text.includes('szĂșr') ||
text.includes('ritka') ||
text.includes('ugrĂĄs')
){
return 'danger-mixed';
}
return 'danger-safe';
}
function dietClass(value){
if(value === 'NövĂ©nyevĆ'){
return 'diet-herb';
}
if(value === 'MindenevĆ'){
return 'diet-omn';
}
return 'diet-carn';
}
function tempClass(value){
const numbers =
(value.match(/\d+/g) || [])
.map(Number);
const average =
numbers.length >= 2
? (numbers[0] + numbers[1]) / 2
: (numbers[0] || 18);
if(average <= 15){
return 'temp-cold';
}
if(average <= 21){
return 'temp-cool';
}
if(average <= 30){
return 'temp-warm';
}
return 'temp-hot';
}
/* =========================================================
OLDALAZĂS
========================================================= */
let q = '';
let page = 0;
/* FONTOS: 50 HAL / OLDAL */
const per = 50;
let currentCategory = 'all';
function filtered(){
let result;
if(currentCategory === 'all'){
result = fish.slice();
}else{
result =
fish.filter(
x =>
x.cat
.toLowerCase()
.includes(
currentCategory.toLowerCase()
)
);
}
const search =
q.trim().toLowerCase();
if(search){
result =
result.filter(x => {
const text =
(
x.name +
' ' +
x.cat +
' ' +
x.food +
' ' +
x.place +
' ' +
x.bait
).toLowerCase();
return text.includes(search);
});
}
return result;
}
/* =========================================================
MEGJELENĂTĂS
========================================================= */
function render(){
const all =
filtered();
const pages =
Math.max(
1,
Math.ceil(
all.length / per
)
);
page =
Math.min(
page,
pages - 1
);
const start =
page * per;
const part =
all.slice(
start,
start + per
);
document.getElementById('list').innerHTML =
part.map(
(x,j) => {
const uid =
start + j;
return `
<div>
<div
class="card"
onclick="openFish('${uid}')"
>
<h2>
${esc(x.name)}
</h2>
<small>
${esc(x.cat)}
⹠kattints a részletekhez
</small>
</div>
<div
class="bubble"
id="b${uid}"
>
<h2>
đ ${esc(x.name)}
</h2>
<p>
<b>${esc(x.cat)}</b>
</p>
<div class="data">
<div class="box ${tempClass(x.temp)}">
<b>đĄïž Kedvelt vĂzhĆmĂ©rsĂ©klet</b>
${esc(x.temp)}
</div>
<div class="box ${dietClass(x.diet)}">
<b>đœïž Mit eszik? (${esc(x.diet)})</b>
${esc(x.food)}
</div>
<div class="box">
<b>đ Hol Ă©l / hol keresd?</b>
${esc(x.place)}
</div>
<div class="box">
<b>đŁ Milyen csalit prĂłbĂĄlj?</b>
${esc(x.bait)}
</div>
<div class="box">
<b>đ MĂ©ret</b>
${esc(x.size)}
</div>
<div class="box">
<b>âïž Tömeg</b>
${esc(x.mass)}
</div>
<div class="box">
<b>đ VĂztĂpus</b>
${esc(x.water)}
</div>
<div class="box">
<b>đ MĂ©lysĂ©g</b>
${esc(x.depth)}
</div>
<div class="box">
<b>đ ĂszĂĄsi sebessĂ©g</b>
${esc(x.speed)}
</div>
<div class="box">
<b>âïžđ§ïž Milyen idĆt kedvel?</b>
${esc(x.weather)}
</div>
<div class="box">
<b>â° Mikor a legaktĂvabb?</b>
${esc(x.active)}
</div>
<div class="box">
<b>đ„Ł Mikor Ă©rdemes etetni?</b>
${esc(x.feed)}
</div>
<div class="box">
<b>đ§ VĂĄndorlĂĄs</b>
${esc(x.migration)}
</div>
<div class="box">
<b>đ„ SzaporodĂĄs</b>
${esc(x.reproduction)}
</div>
<div class="box ${dangerClass(x.danger)}">
<b>â ïž VeszĂ©lyessĂ©g</b>
${esc(x.danger)}
</div>
<div class="box">
<b>đĄ ĂrdekessĂ©g</b>
${esc(x.fact)}
</div>
</div>
<button
onclick="closeFish('${uid}')"
>
â BezĂĄrĂĄs
</button>
</div>
</div>
`;
}
).join('')
||
'<div class="empty">â Nincs talĂĄlat.</div>';
document.getElementById('status').textContent =
`${all.length} hal âą ${pages} oldal`;
document.getElementById('page').textContent =
`${page + 1} / ${pages}`;
document.getElementById('prev').disabled =
page === 0;
document.getElementById('next').disabled =
page >= pages - 1;
}
/* =========================================================
HAL ADATLAP
========================================================= */
function openFish(i){
document
.querySelectorAll('.bubble')
.forEach(
b => b.style.display = 'none'
);
const bubble =
document.getElementById(
'b' + i
);
if(bubble){
bubble.style.display =
'block';
setTimeout(
() => {
bubble.scrollIntoView({
behavior:'smooth',
block:'nearest'
});
},
30
);
}
}
function closeFish(i){
const bubble =
document.getElementById(
'b' + i
);
if(bubble){
bubble.style.display =
'none';
}
}
/* =========================================================
KATEGĂRIĂK
========================================================= */
function setCategory(category){
currentCategory =
category;
q = '';
page = 0;
document.getElementById(
'search'
).value = '';
render();
}
function filter(value){
const valid = [
'all',
'ponty',
'keszeg',
'ragadozĂł'
];
setCategory(
valid.includes(value)
? value
: 'all'
);
}
/* =========================================================
LAPOZĂS
========================================================= */
function next(){
const total =
filtered().length;
const pages =
Math.max(
1,
Math.ceil(
total / per
)
);
if(page < pages - 1){
page++;
render();
window.scrollTo({
top:0,
behavior:'smooth'
});
}
}
function prev(){
if(page > 0){
page--;
render();
window.scrollTo({
top:0,
behavior:'smooth'
});
}
}
/* =========================================================
đ ĂJSZAKAI MĂD
========================================================= */
function toggleNight(){
const body =
document.body;
const overlay =
document.getElementById(
'nightTransition'
);
const button =
document.getElementById(
'nightToggle'
);
const enable =
!body.classList.contains('night');
/*
Ha BEKAPCSOLJUK:
1. kis fekete gömb
2. kitĂĄgul
3. teljes kĂ©pernyĆt elfed
4. CSAK EZUTĂN vĂĄlt body.night-re
*/
if(enable){
overlay.className = '';
void overlay.offsetWidth;
overlay.classList.add(
'play-in'
);
if(button){
button.textContent =
'âïž Ăjszakai mĂłd: BE';
}
setTimeout(
() => {
/*
A gömb mår teljesen
elfedte a kĂ©pernyĆt.
MOST våltunk feketére.
*/
body.classList.add(
'night'
);
/*
A fedés eltƱnik,
az oldal mĂĄr Ă©jszakai mĂłdban van.
*/
overlay.className = '';
},
800
);
}else{
/*
KIKAPCSOLĂS
ElĆször teljes fekete fedĂ©s.
*/
overlay.className =
'cover';
setTimeout(
() => {
/*
A fekete fedés alatt
visszakapcsoljuk vilĂĄgosra.
*/
body.classList.remove(
'night'
);
if(button){
button.textContent =
'đ Ăjszakai mĂłd: KI';
}
/*
Ezutån a fekete gömb
középre zsugorodik.
*/
void overlay.offsetWidth;
overlay.className =
'play-out';
setTimeout(
() => {
overlay.className =
'';
},
800
);
},
30
);
}
try{
localStorage.setItem(
'halakNight',
enable ? '1' : '0'
);
}catch(error){}
}
/* =========================================================
ĂJSZAKAI MĂD BETĂLTĂSE
========================================================= */
function loadNight(){
let enabled = false;
try{
enabled =
localStorage.getItem(
'halakNight'
) === '1';
}catch(error){}
if(enabled){
document.body.classList.add(
'night'
);
}
const button =
document.getElementById(
'nightToggle'
);
if(button){
button.textContent =
enabled
? 'âïž Ăjszakai mĂłd: BE'
: 'đ Ăjszakai mĂłd: KI';
}
}
/* =========================================================
KERESĂS
========================================================= */
document
.getElementById('search')
.addEventListener(
'input',
function(event){
q =
event.target.value;
page = 0;
render();
}
);
/* =========================================================
INDĂTĂS
========================================================= */
loadNight();
render();
</script>
</body>
<br>Partneroldalak: <br>
<a href="https://domain.domainshop.hu/domain.html" alt="tárhely domainregisztráció">Domain regisztráció tár és szerverszolgáltatások: domain domainnév tárhely e-mail, imap, pop3</a><br>
<a href="https://webtar.hu" alt="tárhely donainregisztráció">webtar.hu</a><br>
<a href="https://ingyenweb.hu" alt="ingyenweb">ingyenweb.hu</a><br>
<a href="https://videok.hu" alt="Videók">videok.hu</a><br>
<a href="https://xn--fotk-sqa.hu" alt="fotók">fotók.hu</a><br>
<a href="https://randi.hu" alt="Randi">randi.hu</a><br>
<a href="https://licit.hu" alt="Licit">licit.hu</a><br>
<a href="https://napivicc.hu" alt="vicc">napivicc.hu</a><br>
<a href="https://gyertyalang.hu" alt="gyertyagyújtás">gyertyalang.hu</a><br>
<a href="https://xn--helyesrs-fza2j.hu" alt="helyesírás.hu">helyesírás.hu</a><br>
<a href="https://domain.webtar.hu/domain.html" alt="Domain regiszráció és tárhely">Domain regisztráció</a><br>
]]>