Upload files to "/"
This commit is contained in:
parent
ae484dc3fe
commit
9e1221f502
90
blog.css
Normal file
90
blog.css
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
.blog-container {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.blog-post {
|
||||
background-color: #ffc5d358;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.post-title {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.post-date {
|
||||
font-size: 14px;
|
||||
color: #777;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.post-content p {
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
color: #333;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.back-button-container {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.back-button {
|
||||
display: inline-block;
|
||||
background-color: #df4c91;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 18px;
|
||||
padding: 12px 20px;
|
||||
border-radius: 8px;
|
||||
transition: background-color 0.3s ease, transform 0.3s ease;
|
||||
}
|
||||
|
||||
.back-button:hover {
|
||||
background-color: #b00555;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
body {
|
||||
opacity: 1;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
body.fade-out {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.animated-bg {
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
opacity: 0;
|
||||
animation: fadeIn 0.5s forwards;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
body.fade-out {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.animated-bg {
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
72
blog.html
Normal file
72
blog.html
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="hu">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Blog</title>
|
||||
<link rel="stylesheet" href="blog.css">
|
||||
<script src="backg.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="blog-container">
|
||||
<!-- Blog Post 1 -->
|
||||
<div class="blog-post">
|
||||
<h2 class="post-title">A számrendszerek lenyűgöző világa</h2>
|
||||
<p class="post-date">Feltöltés dátuma: 2025. március 16</p>
|
||||
<div class="post-content">
|
||||
<p><strong>Bevezetés a számrendszerekbe:</strong><br>
|
||||
A számok mindennapi életünk szerves részét képezik. Időmérésre, tárgyak számlálására és problémák megoldására használjuk őket. De tudtad, hogy a számokat sokféleképpen lehet ábrázolni? Az általánosan használt decimális rendszertől a bináris, oktális és hexadecimális számrendszerig minden számrendszernek megvannak a maga egyedi tulajdonságai és felhasználásai. Ebben a blogbejegyzésben megvizsgáljuk ezeknek a rendszereknek az alapjait, és azt, hogy miként játszanak létfontosságú szerepet a számítástechnikában.</p>
|
||||
|
||||
<p><strong>Miért fontosak a számrendszerek?</strong><br>
|
||||
Mindegyik számrendszernek megvannak a maga előnyei, különösen olyan különböző területeken, mint a matematika, a számítástechnika és a mérnöki tudomány. Például a bináris rendszer az összes számítógépes rendszer alapja, míg a hexadecimális rendszert gyakran használják a bináris adatok megjelenítésének egyszerűsítésére. Ezeknek a rendszereknek a megértése segíthet a hallgatóknak és a szakembereknek jobban megérteni az összetett számításokat és algoritmusokat.</p>
|
||||
|
||||
<p><strong>Következtetés:</strong><br>
|
||||
A számrendszerek nem csupán elvont fogalmak; olyan eszközök, amelyek lehetővé teszik a modern technológiát. Függetlenül attól, hogy diák vagy, aki meg akarja érteni a számítástechnika mögött rejlő matematikát, vagy csak kíváncsi elme, az ezekben a számrendszerekben való búvárkodás kiszélesíti a digitális világgal kapcsolatos perspektívádat.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog Post 2 -->
|
||||
<div class="blog-post">
|
||||
<h2 class="post-title">A bináris rendszer történetének feltárása</h2>
|
||||
<p class="post-date">Feltöltés dátuma: 2025. március 14</p>
|
||||
<div class="post-content">
|
||||
<p><strong>A bináris megszületése:</strong><br>
|
||||
A bináris rendszer, más néven kettes szmrendszer, az egyik legrégebbi és legfontosabb számrendszer a számítástechnika világában. Eredete az ősi civilizációkra vezethető vissza, de csak a 20. században vált a modern technológia sarokkövévé. A bináris rendszer csak két számjegyet használ, a 0-t és az 1-et, amelyek az elektromos áramkörök kikapcsolt és bekapcsolt állapotát jelzik.</p>
|
||||
|
||||
<p><strong>Az ókortól a modern számítástechnikáig:</strong><br>
|
||||
A kettes számok fogalma már Pingala (i.e. 200 körül) indiai matematikus munkáiban is megtalálható, aki bináris-szerű rendszereket használt a költészet és a ritmus elemzése során. Azonban csak az 1930-as években, amikor a híres matematikus és informatikus, Alan Turing használta a bináris rendszert egy gép logikai funkcióinak leírására. Ez megalapozta az első számítógépek kifejlesztését, amelyek binárisan dolgoznak és tárolnak információkat.</p>
|
||||
|
||||
<p><strong>A kettes számrendszer a mai technológiában:</strong><br>
|
||||
Ma a bináris számok elengedhetetlenek a számítógépek működéséhez. Ezek képezik az alapját az adattárolástól a képmegjelenítésig mindennek, így ez a modern számítástechnika egyik legfontosabb koncepciója.</p>
|
||||
|
||||
<p><strong>Következtetés:</strong><br>
|
||||
A bináris első pillantásra egyszerűnek tűnhet, de ez a számítógépek nyelve, és ennek megértése a kulcs a technológia világának megértéséhez. Az ókortól a mai digitális korig a bináris rendszer alakította a világgal való kapcsolatunkat.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog Post 3 -->
|
||||
<div class="blog-post">
|
||||
<h2 class="post-title">Érdekességek a hexadecimális számokról</h2>
|
||||
<p class="post-date">Feltöltés dátuma: 2025. március 12</p>
|
||||
<div class="post-content">
|
||||
<p><strong>Mi az a hexadecimális?</strong><br>
|
||||
A hexadecimális, egy számrendszer, amely 16 különböző szimbólumot használ az értékek megjelenítésére. A szimbólumok a 0-tól 9-ig terjedő számok és az A-F betűk, ahol A 10, B 11, és így tovább egészen F-ig, amely 15-öt jelent. Bár elsőre bonyolultnak tűnhet, a hexadecimálist széles körben használják a számítástechnikában, különösen a memóriacímek és a színkódok esetében a webdesignban.</p>
|
||||
|
||||
<p><strong>Miért használunk hexadecimálist?</strong><br>
|
||||
A hexadecimális rendszert gyakran használják, mert kompaktabb, mint a bináris, így könnyebben lehet dolgozni nagy számokkal. Valójában egy hexadecimális számjegy négy bináris számjegyet (bit) jelenthet. Ez sokkal egyszerűbbé teszi az olvasást és megértést, mint a hosszú 1-es és 0-s karakterláncok.</p>
|
||||
|
||||
<p><strong>Érdekességek a hexadecimálisról:</strong><br>
|
||||
- A "hexadecimális" kifejezés a görög "hexa" (hat) szóból és a latin "decim" (tíz) szóból származik, ami azt jelenti, hogy "tizenhat".<br>
|
||||
- A hexadecimálist a színek megjelenítésére használják a webdesignban. Minden hexadecimális számpár egy szín, vörös, zöld és kék összetevőit jelöli.<br>
|
||||
- A számítógépek hexadecimálist használnak a programozásban és a hibakeresésben, mert ez jobban olvasható, mint a bináris, de még mindig szorosan kapcsolódik hozzá.</p>
|
||||
|
||||
<p><strong>Következtetés:</strong><br>
|
||||
A hexadecimális rendszer bonyolult rendszernek tűnhet, de fontos eszköz a technológia területén dolgozók számára. Akár kódol, akár webhelyeket tervez, akár a hardverbe merül, a hexadecimális értelmezés mélyebb megértését teszi lehetővé az adatok tárolásának és feldolgozásának módjáról.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="back-button-container">
|
||||
<a href="fooldal.html" class="back-button">⬅ Vissza a Főoldalra</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
95
contact.css
Normal file
95
contact.css
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
.contact-section {
|
||||
background-color: #FFC5D3;
|
||||
padding: 60px 20px;
|
||||
text-align: center;
|
||||
color: #252525;
|
||||
}
|
||||
|
||||
.contact-wrapper {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.contact-wrapper h2 {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
color: #d00664;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.contact-wrapper p {
|
||||
font-size: 16px;
|
||||
color: #460212;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.contact-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.contact-form input,
|
||||
.contact-form textarea {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 2px solid #d00664;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
padding-bottom: 75px;
|
||||
}
|
||||
|
||||
.contact-form textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.contact-form button {
|
||||
background-color: #d00664;
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
padding: 12px;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.contact-form button:hover {
|
||||
background-color: #b00555;
|
||||
}
|
||||
|
||||
body {
|
||||
opacity: 1;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
body.fade-out {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.animated-bg {
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
body {
|
||||
opacity: 0;
|
||||
animation: fadeIn 0.5s forwards;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
body.fade-out {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.animated-bg {
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
28
contact.html
Normal file
28
contact.html
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="hu">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Kapcsolat</title>
|
||||
<link rel="stylesheet" href="contact.css">
|
||||
<script src="backg.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<section class="contact-section">
|
||||
<div class="contact-wrapper">
|
||||
<h2>📩 Vegye fel velünk a kapcsolatot!</h2>
|
||||
<p>
|
||||
Kérdése vagy visszajelzése van? Szeretnénk hallani rólad! Akár kíváncsi a számrendszerekre,
|
||||
segítségre van szüksége egy projekthez, vagy csak köszönni szeretne, forduljon bizalommal. Töltse ki az alábbi űrlapot, illetve vegye fel velünk a kapcsolatot közösségi média csatornáinkon keresztül. Kapcsolódjunk! 💬
|
||||
</p>
|
||||
|
||||
<form class="contact-form">
|
||||
<input type="text" name="name" placeholder="Az Ön neve" required>
|
||||
<input type="email" name="email" placeholder="Az Ön email-címe" required>
|
||||
<textarea name="message" placeholder="Az Ön üzenete" rows="5" required></textarea>
|
||||
<button type="submit">Küldje el üzenetét</button>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
BIN
somet2.jpg
Normal file
BIN
somet2.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 32 KiB |
Loading…
Reference in New Issue
Block a user