From c7289e5bddce3df89e1992b86931da8abac22ea4 Mon Sep 17 00:00:00 2001 From: Adam Sramek Date: Sun, 21 Apr 2024 12:48:12 +0200 Subject: [PATCH] init --- Global/Global.css | 255 ++++++++++++++++++++++++++++++++++++ Global/Global.js | 14 ++ OLD/Hry.html | 62 +++++++++ OLD/Hry/Alien.css | 250 +++++++++++++++++++++++++++++++++++ OLD/Hry/AlienIsolation.html | 83 ++++++++++++ OLD/Hry/COD.css | 250 +++++++++++++++++++++++++++++++++++ OLD/Hry/MC.css | 250 +++++++++++++++++++++++++++++++++++ OLD/Hry/Minecraft.html | 83 ++++++++++++ OLD/Hry/SCP.css | 250 +++++++++++++++++++++++++++++++++++ OLD/Hry/SCP.html | 83 ++++++++++++ OLD/Hry/Skyrim.css | 250 +++++++++++++++++++++++++++++++++++ OLD/Hry/Skyrim.html | 83 ++++++++++++ OLD/Hry/Subnautica.css | 250 +++++++++++++++++++++++++++++++++++ OLD/Hry/Subnautica.html | 83 ++++++++++++ OLD/Hry/Titanfall.css | 250 +++++++++++++++++++++++++++++++++++ OLD/Hry/Titanfall2.html | 83 ++++++++++++ OLD/Hry/Wither3.css | 250 +++++++++++++++++++++++++++++++++++ OLD/Hry/Wither3.html | 83 ++++++++++++ OLD/index.html.old | 83 ++++++++++++ index.html.old | 3 + index.php | 35 +++++ scripty/login.js | 12 ++ scripty/signup.js | 14 ++ stranky/COD.html | 13 ++ stranky/Hry.html | 4 + stranky/Login.html | 10 ++ stranky/Signup.html | 10 ++ stranky/index.html | 13 ++ styly/COD.css | 4 + templates/404.html | 1 + templates/50x.html | 18 +++ templates/footer.html | 7 + templates/header.html | 15 +++ templates/skeleton.html | 25 ++++ 34 files changed, 3179 insertions(+) create mode 100644 Global/Global.css create mode 100644 Global/Global.js create mode 100644 OLD/Hry.html create mode 100644 OLD/Hry/Alien.css create mode 100644 OLD/Hry/AlienIsolation.html create mode 100644 OLD/Hry/COD.css create mode 100644 OLD/Hry/MC.css create mode 100644 OLD/Hry/Minecraft.html create mode 100644 OLD/Hry/SCP.css create mode 100644 OLD/Hry/SCP.html create mode 100644 OLD/Hry/Skyrim.css create mode 100644 OLD/Hry/Skyrim.html create mode 100644 OLD/Hry/Subnautica.css create mode 100644 OLD/Hry/Subnautica.html create mode 100644 OLD/Hry/Titanfall.css create mode 100644 OLD/Hry/Titanfall2.html create mode 100644 OLD/Hry/Wither3.css create mode 100644 OLD/Hry/Wither3.html create mode 100644 OLD/index.html.old create mode 100644 index.html.old create mode 100644 index.php create mode 100644 scripty/login.js create mode 100644 scripty/signup.js create mode 100644 stranky/COD.html create mode 100644 stranky/Hry.html create mode 100644 stranky/Login.html create mode 100644 stranky/Signup.html create mode 100644 stranky/index.html create mode 100644 styly/COD.css create mode 100644 templates/404.html create mode 100644 templates/50x.html create mode 100644 templates/footer.html create mode 100644 templates/header.html create mode 100644 templates/skeleton.html diff --git a/Global/Global.css b/Global/Global.css new file mode 100644 index 0000000..215cac4 --- /dev/null +++ b/Global/Global.css @@ -0,0 +1,255 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +body { + height: 100vh; + background-color: #000; + background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png); + background-size: cover; + background-position: center; +} + +li { + list-style: none; +} + +a { + text-decoration: none; + color: #fff; +} + +a:hover { + color: orange; +} + +/* header */ +header { + position: relative; + padding: 2rex; +} + +.navbar { + width: 100%; + height: 60px; + max-width: 1200px; + margin: 0 auto; + display: flex; + align-self: center; + justify-content: space-between; +} + +.navbar .logo a { + font-size: 1.5rem; + font-weight: bold; +} + +.navbar .links { + display: flex; + gap: 2rem; +} + +.navbar .toggle-btn { + color: #fff; + font-size: 1.5rem; + cursor: pointer; + display: none; +} + +.action_btn { + background-color: orange; + color: #fff; + padding: 0.5rem 1rem; + border: none; + outline: none; + border-radius: 20px; + font-size: 0.8rem; + font-weight: bold; + cursor: pointer; + transition: scale 0.2 ease; +} + +.action_btn:hover { + scale: 1.05; + color: #fff; +} + +.action_btn:active { + scale: 0.95; +} + +.login { + scale: 1.2; + background-color: orange; + margin: 1.5; +} + + +/* HERO */ +section#hero { + height: calc(100vh - 60px); + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + color: #fff; +} + +#hero h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +#dropdown_menu { + top: 0; + width: fit-content; + display: flex; + left: auto; + gap: 2rem; +} + +#dropdown_menu li { + padding: 0.7rem; + display: flex; + align-items: center; + justify-content: center; +} + +#dropdown_menu .action_btn { + width: 100%; + display: flex; + justify-content: center; +} + +/* RESPONSIVE DESIGN */ +@media(max-width: 992px) { + + .navbar .toggle-btn { + display: block; + } + + #dropdown_menu { + gap: unset; + position: absolute; + height: 0; + right: 2rem; + top: 60px; + width: 300px; + background: rgba(255, 255, 255, 0.1); + backdrop-filter: blur(15px); + border-radius: 10px; + overflow: hidden; + flex-direction: column; + transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + } + + #dropdown_menu.open { + height: fit-content; + } +} + +/* footer */ +footer { + background-color: #000000aa; + opacity: 0.7; + background-blend-mode: multiply; + backdrop-filter: blur(15px); + color: #fff; + padding: 20px 0; + text-align: left; +} + +.footer-content { + display: flex; + flex-direction: column; + align-items: center; + font-size: small; + width: 100%; +} + +.footer-links { + padding: 0; + font-size: small; + display: flex; + flex-direction: row; + width: 100%; + align-items: center; +} + +.footer-links a { + color: #fff; + display: inline-block; + margin: 0 10px; + text-decoration: none; +} + +.footer-links a:hover { + text-decoration: underline; +} + +/* login and signup */ + +.login-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + color: white; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); +} + +h2 { + text-align: center; + margin-bottom: 20px; + color: #fff; +} + +input[type="text"], +input[type="password"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; +} + +input[type="email"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; +} + +input[type="submit"] { + width: 100%; + padding: 10px; + background-color: #007bff; + border: none; + border-radius: 3px; + color: #fff; + font-size: 16px; + cursor: pointer; +} + +input[type="submit"]:hover { + background-color: #0056b3; +} + +.signup-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + color: #fff; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); +} \ No newline at end of file diff --git a/Global/Global.js b/Global/Global.js new file mode 100644 index 0000000..5bcda41 --- /dev/null +++ b/Global/Global.js @@ -0,0 +1,14 @@ +document.addEventListener('DOMContentLoaded', function() { + const toggleBtn = document.getElementById('toggle_btn'); + const toggleBtnIcon = document.getElementById('toggle_btn_icon'); + const dropDownMenu = document.getElementById('dropdown_menu'); + + toggleBtn.addEventListener('click', function() { + dropDownMenu.classList.toggle('open'); + const isOpen = dropDownMenu.classList.contains('open'); + + toggleBtnIcon.classList = isOpen + ? 'fa-solid fa-xmark' + : 'fa-solid fa-bars'; + }, false); +}, false); \ No newline at end of file diff --git a/OLD/Hry.html b/OLD/Hry.html new file mode 100644 index 0000000..639ba80 --- /dev/null +++ b/OLD/Hry.html @@ -0,0 +1,62 @@ + + + + + + + + + GAME HUB + + +
+
+ + +
+ +
+
+ +
+
  • Domov
    • +
  • Hry
    • +
  • Úvod
    • +
  • Top Hry
    • +
  • Info
    • +
  • Kontakt
    • +
    • +
    + +
    +
    +
    +

    Blog

    +

    Hry

    +
    +
    + + + + \ No newline at end of file diff --git a/OLD/Hry/Alien.css b/OLD/Hry/Alien.css new file mode 100644 index 0000000..181a879 --- /dev/null +++ b/OLD/Hry/Alien.css @@ -0,0 +1,250 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +body { + height: 100vh; + background-color: #000; + background-image: url(https://venturebeat.com/wp-content/uploads/2014/08/alien-isolation-1.jpg?fit=1920%2C1080&strip=all); + background-size: cover; + background-position: center; +} + +li { + list-style: none; +} + +a { + text-decoration: none; + color: #fff; +} + +a:hover { + color: orange; +} +/* header */ +header { + position: relative; + padding: 2rex; +} + +.navbar { + width: 100%; + height: 60px; + max-width: 1200px; + margin: 0 auto; + display: flex; + align-self: center; + justify-content: space-between; +} + +.navbar .logo a { + font-size: 1.5rem; + font-weight: bold; +} + +.navbar .links { + display: flex; + gap: 2rem; +} + +.navbar .toggle-btn { + color: #fff; + font-size: 1.5rem; + cursor: pointer; + display: none; +} + +.action_btn { + background-color: orange; + color: #fff; + padding: 0.5rem 1rem; + border: none; + outline: none; + border-radius: 20px; + font-size: 0.8rem; + font-weight: bold; + cursor: pointer; + transition: scale 0.2 ease; +} + +.action_btn:hover { + scale: 1.05; + color: #fff; +} + +.action_btn:active { + scale: 0.95; +} + +.login { + scale: 1.2; + background-color: orange; + margin: 1.5; +} + +/* DROPDOWN MENU */ +.dropdown_menu { + display: none; + position: absolute; + right: 2rem; + top: 60px; + height: 0; + width: 300px; + background: rgba(255, 255, 255, 0.1); + backdrop-filter: blur(15px); + border-radius: 10px; + overflow: hidden; + transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); +} + +.dropdown_menu.open { + height: 240px; +} + +.dropdown_menu li { + padding: 0.7rem; + display: flex; + align-items: center; + justify-content: center; +} + +.dropdown_menu .action_btn { + width: 100%; + display: flex; + justify-content: center; +} + + +/* HERO */ +section#hero { + height: calc(100vh - 60px); + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + color: #fff; +} + +#hero h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +/* RESPONSIVE DESIGN */ +@media(max-width: 992px){ + .navbar .links, + .navbar .action_btn { + display: none; + } + + .navbar .toggle-btn{ + display: block; + } + + .dropdown_menu { + display: block; + } +} + +/* footer */ +footer { + background-color: #000000; + color: #fff; + padding: 20px 0; + text-align: left; +} + +.footer-content { + display: flex; + flex-direction: column; + align-items: left; + font-size: small; +} + +.footer-links { + list-style: none; + padding: 0; + font-size: small; +} + +.footer-links li { + display: inline-block; + margin: 0 10px; +} + +.footer-links li a { + color: #fff; + text-decoration: none; +} + +.footer-links li a:hover { + text-decoration: underline; +} + +/* login and signup */ + +.login-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: white; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } + + h2 { + text-align: center; + margin-bottom: 20px; + color: #fff; + } + + input[type="text"], + input[type="password"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="email"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="submit"] { + width: 100%; + padding: 10px; + background-color: #007bff; + border: none; + border-radius: 3px; + color: #fff; + font-size: 16px; + cursor: pointer; + } + + input[type="submit"]:hover { + background-color: #0056b3; + } + + .signup-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: #fff; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } diff --git a/OLD/Hry/AlienIsolation.html b/OLD/Hry/AlienIsolation.html new file mode 100644 index 0000000..2eb81d0 --- /dev/null +++ b/OLD/Hry/AlienIsolation.html @@ -0,0 +1,83 @@ + + + + + + + + + GAME HUB + + +
    +
    + + +
    + +
    +
    + +
    +
  • Domov
    • +
  • Hry
    • +
  • Úvod
    • +
  • Top Hry
    • +
  • Info
    • +
  • Kontakt
    • +
    • +
    + +
    + +
    +
    +

    Vitajte

    +
    +
    +

    Úvod

    +

    Game Hub je miesto o hrách! +

    +
    +

    Top Hry

    +
    +
    +

    Informácie

    +
    +
    + + + + + + + \ No newline at end of file diff --git a/OLD/Hry/COD.css b/OLD/Hry/COD.css new file mode 100644 index 0000000..c866bc9 --- /dev/null +++ b/OLD/Hry/COD.css @@ -0,0 +1,250 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +body { + height: 100vh; + background-color: #000; + background-image: url(https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/blog/hero/mwiii/MWIII-OCM-TOUT.jpg); + background-size: cover; + background-position: center; +} + +li { + list-style: none; +} + +a { + text-decoration: none; + color: #fff; +} + +a:hover { + color: orange; +} +/* header */ +header { + position: relative; + padding: 2rex; +} + +.navbar { + width: 100%; + height: 60px; + max-width: 1200px; + margin: 0 auto; + display: flex; + align-self: center; + justify-content: space-between; +} + +.navbar .logo a { + font-size: 1.5rem; + font-weight: bold; +} + +.navbar .links { + display: flex; + gap: 2rem; +} + +.navbar .toggle-btn { + color: #fff; + font-size: 1.5rem; + cursor: pointer; + display: none; +} + +.action_btn { + background-color: orange; + color: #fff; + padding: 0.5rem 1rem; + border: none; + outline: none; + border-radius: 20px; + font-size: 0.8rem; + font-weight: bold; + cursor: pointer; + transition: scale 0.2 ease; +} + +.action_btn:hover { + scale: 1.05; + color: #fff; +} + +.action_btn:active { + scale: 0.95; +} + +.login { + scale: 1.2; + background-color: orange; + margin: 1.5; +} + +/* DROPDOWN MENU */ +.dropdown_menu { + display: none; + position: absolute; + right: 2rem; + top: 60px; + height: 0; + width: 300px; + background: rgba(255, 255, 255, 0.1); + backdrop-filter: blur(15px); + border-radius: 10px; + overflow: hidden; + transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); +} + +.dropdown_menu.open { + height: 240px; +} + +.dropdown_menu li { + padding: 0.7rem; + display: flex; + align-items: center; + justify-content: center; +} + +.dropdown_menu .action_btn { + width: 100%; + display: flex; + justify-content: center; +} + + +/* HERO */ +section#hero { + height: calc(100vh - 60px); + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + color: #fff; +} + +#hero h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +/* RESPONSIVE DESIGN */ +@media(max-width: 992px){ + .navbar .links, + .navbar .action_btn { + display: none; + } + + .navbar .toggle-btn{ + display: block; + } + + .dropdown_menu { + display: block; + } +} + +/* footer */ +footer { + background-color: #000000; + color: #fff; + padding: 20px 0; + text-align: left; +} + +.footer-content { + display: flex; + flex-direction: column; + align-items: left; + font-size: small; +} + +.footer-links { + list-style: none; + padding: 0; + font-size: small; +} + +.footer-links li { + display: inline-block; + margin: 0 10px; +} + +.footer-links li a { + color: #fff; + text-decoration: none; +} + +.footer-links li a:hover { + text-decoration: underline; +} + +/* login and signup */ + +.login-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: white; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } + + h2 { + text-align: center; + margin-bottom: 20px; + color: #fff; + } + + input[type="text"], + input[type="password"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="email"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="submit"] { + width: 100%; + padding: 10px; + background-color: #007bff; + border: none; + border-radius: 3px; + color: #fff; + font-size: 16px; + cursor: pointer; + } + + input[type="submit"]:hover { + background-color: #0056b3; + } + + .signup-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: #fff; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } diff --git a/OLD/Hry/MC.css b/OLD/Hry/MC.css new file mode 100644 index 0000000..210f182 --- /dev/null +++ b/OLD/Hry/MC.css @@ -0,0 +1,250 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +body { + height: 100vh; + background-color: #000; + background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png); + background-size: cover; + background-position: center; +} + +li { + list-style: none; +} + +a { + text-decoration: none; + color: #fff; +} + +a:hover { + color: orange; +} +/* header */ +header { + position: relative; + padding: 2rex; +} + +.navbar { + width: 100%; + height: 60px; + max-width: 1200px; + margin: 0 auto; + display: flex; + align-self: center; + justify-content: space-between; +} + +.navbar .logo a { + font-size: 1.5rem; + font-weight: bold; +} + +.navbar .links { + display: flex; + gap: 2rem; +} + +.navbar .toggle-btn { + color: #fff; + font-size: 1.5rem; + cursor: pointer; + display: none; +} + +.action_btn { + background-color: orange; + color: #fff; + padding: 0.5rem 1rem; + border: none; + outline: none; + border-radius: 20px; + font-size: 0.8rem; + font-weight: bold; + cursor: pointer; + transition: scale 0.2 ease; +} + +.action_btn:hover { + scale: 1.05; + color: #fff; +} + +.action_btn:active { + scale: 0.95; +} + +.login { + scale: 1.2; + background-color: orange; + margin: 1.5; +} + +/* DROPDOWN MENU */ +.dropdown_menu { + display: none; + position: absolute; + right: 2rem; + top: 60px; + height: 0; + width: 300px; + background: rgba(255, 255, 255, 0.1); + backdrop-filter: blur(15px); + border-radius: 10px; + overflow: hidden; + transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); +} + +.dropdown_menu.open { + height: 240px; +} + +.dropdown_menu li { + padding: 0.7rem; + display: flex; + align-items: center; + justify-content: center; +} + +.dropdown_menu .action_btn { + width: 100%; + display: flex; + justify-content: center; +} + + +/* HERO */ +section#hero { + height: calc(100vh - 60px); + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + color: #fff; +} + +#hero h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +/* RESPONSIVE DESIGN */ +@media(max-width: 992px){ + .navbar .links, + .navbar .action_btn { + display: none; + } + + .navbar .toggle-btn{ + display: block; + } + + .dropdown_menu { + display: block; + } +} + +/* footer */ +footer { + background-color: #000000; + color: #fff; + padding: 20px 0; + text-align: left; +} + +.footer-content { + display: flex; + flex-direction: column; + align-items: left; + font-size: small; +} + +.footer-links { + list-style: none; + padding: 0; + font-size: small; +} + +.footer-links li { + display: inline-block; + margin: 0 10px; +} + +.footer-links li a { + color: #fff; + text-decoration: none; +} + +.footer-links li a:hover { + text-decoration: underline; +} + +/* login and signup */ + +.login-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: white; + background-image: url(https://media.sketchfab.com/models/2da21b196a034ae7a5d14c539af1e822/thumbnails/d4059450922546f29b2a4b05fbfe7641/c0f17d3cafe749788f0c544282f50da6.jpeg); + } + + h2 { + text-align: center; + margin-bottom: 20px; + color: #fff; + } + + input[type="text"], + input[type="password"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="email"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="submit"] { + width: 100%; + padding: 10px; + background-color: #007bff; + border: none; + border-radius: 3px; + color: #fff; + font-size: 16px; + cursor: pointer; + } + + input[type="submit"]:hover { + background-color: #0056b3; + } + + .signup-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: #fff; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } diff --git a/OLD/Hry/Minecraft.html b/OLD/Hry/Minecraft.html new file mode 100644 index 0000000..86147a3 --- /dev/null +++ b/OLD/Hry/Minecraft.html @@ -0,0 +1,83 @@ + + + + + + + + + GAME HUB + + +
    +
    + + +
    + +
    +
    + +
    +
  • Domov
    • +
  • Hry
    • +
  • Úvod
    • +
  • Top Hry
    • +
  • Info
    • +
  • Kontakt
    • +
    • +
    + +
    + +
    +
    +

    Vitajte

    +
    +
    +

    Úvod

    +

    Game Hub je miesto o hrách! +

    +
    +

    Top Hry

    +
    +
    +

    Informácie

    +
    +
    + + + + + + + \ No newline at end of file diff --git a/OLD/Hry/SCP.css b/OLD/Hry/SCP.css new file mode 100644 index 0000000..9d1a80b --- /dev/null +++ b/OLD/Hry/SCP.css @@ -0,0 +1,250 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +body { + height: 100vh; + background-color: #000; + background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png); + background-size: cover; + background-position: center; +} + +li { + list-style: none; +} + +a { + text-decoration: none; + color: #fff; +} + +a:hover { + color: orange; +} +/* header */ +header { + position: relative; + padding: 2rex; +} + +.navbar { + width: 100%; + height: 60px; + max-width: 1200px; + margin: 0 auto; + display: flex; + align-self: center; + justify-content: space-between; +} + +.navbar .logo a { + font-size: 1.5rem; + font-weight: bold; +} + +.navbar .links { + display: flex; + gap: 2rem; +} + +.navbar .toggle-btn { + color: #fff; + font-size: 1.5rem; + cursor: pointer; + display: none; +} + +.action_btn { + background-color: orange; + color: #fff; + padding: 0.5rem 1rem; + border: none; + outline: none; + border-radius: 20px; + font-size: 0.8rem; + font-weight: bold; + cursor: pointer; + transition: scale 0.2 ease; +} + +.action_btn:hover { + scale: 1.05; + color: #fff; +} + +.action_btn:active { + scale: 0.95; +} + +.login { + scale: 1.2; + background-color: orange; + margin: 1.5; +} + +/* DROPDOWN MENU */ +.dropdown_menu { + display: none; + position: absolute; + right: 2rem; + top: 60px; + height: 0; + width: 300px; + background: rgba(255, 255, 255, 0.1); + backdrop-filter: blur(15px); + border-radius: 10px; + overflow: hidden; + transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); +} + +.dropdown_menu.open { + height: 240px; +} + +.dropdown_menu li { + padding: 0.7rem; + display: flex; + align-items: center; + justify-content: center; +} + +.dropdown_menu .action_btn { + width: 100%; + display: flex; + justify-content: center; +} + + +/* HERO */ +section#hero { + height: calc(100vh - 60px); + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + color: #fff; +} + +#hero h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +/* RESPONSIVE DESIGN */ +@media(max-width: 992px){ + .navbar .links, + .navbar .action_btn { + display: none; + } + + .navbar .toggle-btn{ + display: block; + } + + .dropdown_menu { + display: block; + } +} + +/* footer */ +footer { + background-color: #000000; + color: #fff; + padding: 20px 0; + text-align: left; +} + +.footer-content { + display: flex; + flex-direction: column; + align-items: left; + font-size: small; +} + +.footer-links { + list-style: none; + padding: 0; + font-size: small; +} + +.footer-links li { + display: inline-block; + margin: 0 10px; +} + +.footer-links li a { + color: #fff; + text-decoration: none; +} + +.footer-links li a:hover { + text-decoration: underline; +} + +/* login and signup */ + +.login-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: white; + background-image: url(https://images.igdb.com/igdb/image/upload/t_original/lgkas0dswk2fgyruyeep.webp); + } + + h2 { + text-align: center; + margin-bottom: 20px; + color: #fff; + } + + input[type="text"], + input[type="password"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="email"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="submit"] { + width: 100%; + padding: 10px; + background-color: #007bff; + border: none; + border-radius: 3px; + color: #fff; + font-size: 16px; + cursor: pointer; + } + + input[type="submit"]:hover { + background-color: #0056b3; + } + + .signup-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: #fff; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } diff --git a/OLD/Hry/SCP.html b/OLD/Hry/SCP.html new file mode 100644 index 0000000..27b52d6 --- /dev/null +++ b/OLD/Hry/SCP.html @@ -0,0 +1,83 @@ + + + + + + + + GAME HUB + + +
    +
    + + +
    + +
    +
    + +
    +
  • Domov
    • +
  • Hry
    • +
  • Úvod
    • +
  • Top Hry
    • +
  • Info
    • +
  • Kontakt
    • +
    • +
    + +
    + +
    +
    +

    Vitajte

    +
    +
    +

    Úvod

    +

    Game Hub je miesto o hrách! +

    +
    +

    Top Hry

    +
    +
    +

    Informácie

    +
    +
    + + + + + + + \ No newline at end of file diff --git a/OLD/Hry/Skyrim.css b/OLD/Hry/Skyrim.css new file mode 100644 index 0000000..12a9fb8 --- /dev/null +++ b/OLD/Hry/Skyrim.css @@ -0,0 +1,250 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +body { + height: 100vh; + background-color: #000; + background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png); + background-size: cover; + background-position: center; +} + +li { + list-style: none; +} + +a { + text-decoration: none; + color: #fff; +} + +a:hover { + color: orange; +} +/* header */ +header { + position: relative; + padding: 2rex; +} + +.navbar { + width: 100%; + height: 60px; + max-width: 1200px; + margin: 0 auto; + display: flex; + align-self: center; + justify-content: space-between; +} + +.navbar .logo a { + font-size: 1.5rem; + font-weight: bold; +} + +.navbar .links { + display: flex; + gap: 2rem; +} + +.navbar .toggle-btn { + color: #fff; + font-size: 1.5rem; + cursor: pointer; + display: none; +} + +.action_btn { + background-color: orange; + color: #fff; + padding: 0.5rem 1rem; + border: none; + outline: none; + border-radius: 20px; + font-size: 0.8rem; + font-weight: bold; + cursor: pointer; + transition: scale 0.2 ease; +} + +.action_btn:hover { + scale: 1.05; + color: #fff; +} + +.action_btn:active { + scale: 0.95; +} + +.login { + scale: 1.2; + background-color: orange; + margin: 1.5; +} + +/* DROPDOWN MENU */ +.dropdown_menu { + display: none; + position: absolute; + right: 2rem; + top: 60px; + height: 0; + width: 300px; + background: rgba(255, 255, 255, 0.1); + backdrop-filter: blur(15px); + border-radius: 10px; + overflow: hidden; + transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); +} + +.dropdown_menu.open { + height: 240px; +} + +.dropdown_menu li { + padding: 0.7rem; + display: flex; + align-items: center; + justify-content: center; +} + +.dropdown_menu .action_btn { + width: 100%; + display: flex; + justify-content: center; +} + + +/* HERO */ +section#hero { + height: calc(100vh - 60px); + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + color: #fff; +} + +#hero h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +/* RESPONSIVE DESIGN */ +@media(max-width: 992px){ + .navbar .links, + .navbar .action_btn { + display: none; + } + + .navbar .toggle-btn{ + display: block; + } + + .dropdown_menu { + display: block; + } +} + +/* footer */ +footer { + background-color: #000000; + color: #fff; + padding: 20px 0; + text-align: left; +} + +.footer-content { + display: flex; + flex-direction: column; + align-items: left; + font-size: small; +} + +.footer-links { + list-style: none; + padding: 0; + font-size: small; +} + +.footer-links li { + display: inline-block; + margin: 0 10px; +} + +.footer-links li a { + color: #fff; + text-decoration: none; +} + +.footer-links li a:hover { + text-decoration: underline; +} + +/* login and signup */ + +.login-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: white; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } + + h2 { + text-align: center; + margin-bottom: 20px; + color: #fff; + } + + input[type="text"], + input[type="password"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="email"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="submit"] { + width: 100%; + padding: 10px; + background-color: #007bff; + border: none; + border-radius: 3px; + color: #fff; + font-size: 16px; + cursor: pointer; + } + + input[type="submit"]:hover { + background-color: #0056b3; + } + + .signup-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: #fff; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } diff --git a/OLD/Hry/Skyrim.html b/OLD/Hry/Skyrim.html new file mode 100644 index 0000000..832b396 --- /dev/null +++ b/OLD/Hry/Skyrim.html @@ -0,0 +1,83 @@ + + + + + + + + + GAME HUB + + +
    +
    + + +
    + +
    +
    + +
    +
  • Domov
    • +
  • Hry
    • +
  • Úvod
    • +
  • Top Hry
    • +
  • Info
    • +
  • Kontakt
    • +
    • +
    + +
    + +
    +
    +

    Vitajte

    +
    +
    +

    Úvod

    +

    Game Hub je miesto o hrách! +

    +
    +

    Top Hry

    +
    +
    +

    Informácie

    +
    +
    + + + + + + + \ No newline at end of file diff --git a/OLD/Hry/Subnautica.css b/OLD/Hry/Subnautica.css new file mode 100644 index 0000000..12a9fb8 --- /dev/null +++ b/OLD/Hry/Subnautica.css @@ -0,0 +1,250 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +body { + height: 100vh; + background-color: #000; + background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png); + background-size: cover; + background-position: center; +} + +li { + list-style: none; +} + +a { + text-decoration: none; + color: #fff; +} + +a:hover { + color: orange; +} +/* header */ +header { + position: relative; + padding: 2rex; +} + +.navbar { + width: 100%; + height: 60px; + max-width: 1200px; + margin: 0 auto; + display: flex; + align-self: center; + justify-content: space-between; +} + +.navbar .logo a { + font-size: 1.5rem; + font-weight: bold; +} + +.navbar .links { + display: flex; + gap: 2rem; +} + +.navbar .toggle-btn { + color: #fff; + font-size: 1.5rem; + cursor: pointer; + display: none; +} + +.action_btn { + background-color: orange; + color: #fff; + padding: 0.5rem 1rem; + border: none; + outline: none; + border-radius: 20px; + font-size: 0.8rem; + font-weight: bold; + cursor: pointer; + transition: scale 0.2 ease; +} + +.action_btn:hover { + scale: 1.05; + color: #fff; +} + +.action_btn:active { + scale: 0.95; +} + +.login { + scale: 1.2; + background-color: orange; + margin: 1.5; +} + +/* DROPDOWN MENU */ +.dropdown_menu { + display: none; + position: absolute; + right: 2rem; + top: 60px; + height: 0; + width: 300px; + background: rgba(255, 255, 255, 0.1); + backdrop-filter: blur(15px); + border-radius: 10px; + overflow: hidden; + transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); +} + +.dropdown_menu.open { + height: 240px; +} + +.dropdown_menu li { + padding: 0.7rem; + display: flex; + align-items: center; + justify-content: center; +} + +.dropdown_menu .action_btn { + width: 100%; + display: flex; + justify-content: center; +} + + +/* HERO */ +section#hero { + height: calc(100vh - 60px); + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + color: #fff; +} + +#hero h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +/* RESPONSIVE DESIGN */ +@media(max-width: 992px){ + .navbar .links, + .navbar .action_btn { + display: none; + } + + .navbar .toggle-btn{ + display: block; + } + + .dropdown_menu { + display: block; + } +} + +/* footer */ +footer { + background-color: #000000; + color: #fff; + padding: 20px 0; + text-align: left; +} + +.footer-content { + display: flex; + flex-direction: column; + align-items: left; + font-size: small; +} + +.footer-links { + list-style: none; + padding: 0; + font-size: small; +} + +.footer-links li { + display: inline-block; + margin: 0 10px; +} + +.footer-links li a { + color: #fff; + text-decoration: none; +} + +.footer-links li a:hover { + text-decoration: underline; +} + +/* login and signup */ + +.login-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: white; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } + + h2 { + text-align: center; + margin-bottom: 20px; + color: #fff; + } + + input[type="text"], + input[type="password"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="email"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="submit"] { + width: 100%; + padding: 10px; + background-color: #007bff; + border: none; + border-radius: 3px; + color: #fff; + font-size: 16px; + cursor: pointer; + } + + input[type="submit"]:hover { + background-color: #0056b3; + } + + .signup-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: #fff; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } diff --git a/OLD/Hry/Subnautica.html b/OLD/Hry/Subnautica.html new file mode 100644 index 0000000..c376de8 --- /dev/null +++ b/OLD/Hry/Subnautica.html @@ -0,0 +1,83 @@ + + + + + + + + + GAME HUB + + +
    +
    + + +
    + +
    +
    + +
    +
  • Domov
    • +
  • Hry
    • +
  • Úvod
    • +
  • Top Hry
    • +
  • Info
    • +
  • Kontakt
    • +
    • +
    + +
    + +
    +
    +

    Vitajte

    +
    +
    +

    Úvod

    +

    Game Hub je miesto o hrách! +

    +
    +

    Top Hry

    +
    +
    +

    Informácie

    +
    +
    + + + + + + + \ No newline at end of file diff --git a/OLD/Hry/Titanfall.css b/OLD/Hry/Titanfall.css new file mode 100644 index 0000000..12a9fb8 --- /dev/null +++ b/OLD/Hry/Titanfall.css @@ -0,0 +1,250 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +body { + height: 100vh; + background-color: #000; + background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png); + background-size: cover; + background-position: center; +} + +li { + list-style: none; +} + +a { + text-decoration: none; + color: #fff; +} + +a:hover { + color: orange; +} +/* header */ +header { + position: relative; + padding: 2rex; +} + +.navbar { + width: 100%; + height: 60px; + max-width: 1200px; + margin: 0 auto; + display: flex; + align-self: center; + justify-content: space-between; +} + +.navbar .logo a { + font-size: 1.5rem; + font-weight: bold; +} + +.navbar .links { + display: flex; + gap: 2rem; +} + +.navbar .toggle-btn { + color: #fff; + font-size: 1.5rem; + cursor: pointer; + display: none; +} + +.action_btn { + background-color: orange; + color: #fff; + padding: 0.5rem 1rem; + border: none; + outline: none; + border-radius: 20px; + font-size: 0.8rem; + font-weight: bold; + cursor: pointer; + transition: scale 0.2 ease; +} + +.action_btn:hover { + scale: 1.05; + color: #fff; +} + +.action_btn:active { + scale: 0.95; +} + +.login { + scale: 1.2; + background-color: orange; + margin: 1.5; +} + +/* DROPDOWN MENU */ +.dropdown_menu { + display: none; + position: absolute; + right: 2rem; + top: 60px; + height: 0; + width: 300px; + background: rgba(255, 255, 255, 0.1); + backdrop-filter: blur(15px); + border-radius: 10px; + overflow: hidden; + transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); +} + +.dropdown_menu.open { + height: 240px; +} + +.dropdown_menu li { + padding: 0.7rem; + display: flex; + align-items: center; + justify-content: center; +} + +.dropdown_menu .action_btn { + width: 100%; + display: flex; + justify-content: center; +} + + +/* HERO */ +section#hero { + height: calc(100vh - 60px); + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + color: #fff; +} + +#hero h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +/* RESPONSIVE DESIGN */ +@media(max-width: 992px){ + .navbar .links, + .navbar .action_btn { + display: none; + } + + .navbar .toggle-btn{ + display: block; + } + + .dropdown_menu { + display: block; + } +} + +/* footer */ +footer { + background-color: #000000; + color: #fff; + padding: 20px 0; + text-align: left; +} + +.footer-content { + display: flex; + flex-direction: column; + align-items: left; + font-size: small; +} + +.footer-links { + list-style: none; + padding: 0; + font-size: small; +} + +.footer-links li { + display: inline-block; + margin: 0 10px; +} + +.footer-links li a { + color: #fff; + text-decoration: none; +} + +.footer-links li a:hover { + text-decoration: underline; +} + +/* login and signup */ + +.login-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: white; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } + + h2 { + text-align: center; + margin-bottom: 20px; + color: #fff; + } + + input[type="text"], + input[type="password"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="email"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="submit"] { + width: 100%; + padding: 10px; + background-color: #007bff; + border: none; + border-radius: 3px; + color: #fff; + font-size: 16px; + cursor: pointer; + } + + input[type="submit"]:hover { + background-color: #0056b3; + } + + .signup-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: #fff; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } diff --git a/OLD/Hry/Titanfall2.html b/OLD/Hry/Titanfall2.html new file mode 100644 index 0000000..7c3e1b1 --- /dev/null +++ b/OLD/Hry/Titanfall2.html @@ -0,0 +1,83 @@ + + + + + + + + + GAME HUB + + +
    +
    + + +
    + +
    +
    + +
    +
  • Domov
    • +
  • Hry
    • +
  • Úvod
    • +
  • Top Hry
    • +
  • Info
    • +
  • Kontakt
    • +
    • +
    + +
    + +
    +
    +

    Vitajte

    +
    +
    +

    Úvod

    +

    Game Hub je miesto o hrách! +

    +
    +

    Top Hry

    +
    +
    +

    Informácie

    +
    +
    + + + + + + + \ No newline at end of file diff --git a/OLD/Hry/Wither3.css b/OLD/Hry/Wither3.css new file mode 100644 index 0000000..12a9fb8 --- /dev/null +++ b/OLD/Hry/Wither3.css @@ -0,0 +1,250 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +body { + height: 100vh; + background-color: #000; + background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png); + background-size: cover; + background-position: center; +} + +li { + list-style: none; +} + +a { + text-decoration: none; + color: #fff; +} + +a:hover { + color: orange; +} +/* header */ +header { + position: relative; + padding: 2rex; +} + +.navbar { + width: 100%; + height: 60px; + max-width: 1200px; + margin: 0 auto; + display: flex; + align-self: center; + justify-content: space-between; +} + +.navbar .logo a { + font-size: 1.5rem; + font-weight: bold; +} + +.navbar .links { + display: flex; + gap: 2rem; +} + +.navbar .toggle-btn { + color: #fff; + font-size: 1.5rem; + cursor: pointer; + display: none; +} + +.action_btn { + background-color: orange; + color: #fff; + padding: 0.5rem 1rem; + border: none; + outline: none; + border-radius: 20px; + font-size: 0.8rem; + font-weight: bold; + cursor: pointer; + transition: scale 0.2 ease; +} + +.action_btn:hover { + scale: 1.05; + color: #fff; +} + +.action_btn:active { + scale: 0.95; +} + +.login { + scale: 1.2; + background-color: orange; + margin: 1.5; +} + +/* DROPDOWN MENU */ +.dropdown_menu { + display: none; + position: absolute; + right: 2rem; + top: 60px; + height: 0; + width: 300px; + background: rgba(255, 255, 255, 0.1); + backdrop-filter: blur(15px); + border-radius: 10px; + overflow: hidden; + transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); +} + +.dropdown_menu.open { + height: 240px; +} + +.dropdown_menu li { + padding: 0.7rem; + display: flex; + align-items: center; + justify-content: center; +} + +.dropdown_menu .action_btn { + width: 100%; + display: flex; + justify-content: center; +} + + +/* HERO */ +section#hero { + height: calc(100vh - 60px); + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + color: #fff; +} + +#hero h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +/* RESPONSIVE DESIGN */ +@media(max-width: 992px){ + .navbar .links, + .navbar .action_btn { + display: none; + } + + .navbar .toggle-btn{ + display: block; + } + + .dropdown_menu { + display: block; + } +} + +/* footer */ +footer { + background-color: #000000; + color: #fff; + padding: 20px 0; + text-align: left; +} + +.footer-content { + display: flex; + flex-direction: column; + align-items: left; + font-size: small; +} + +.footer-links { + list-style: none; + padding: 0; + font-size: small; +} + +.footer-links li { + display: inline-block; + margin: 0 10px; +} + +.footer-links li a { + color: #fff; + text-decoration: none; +} + +.footer-links li a:hover { + text-decoration: underline; +} + +/* login and signup */ + +.login-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: white; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } + + h2 { + text-align: center; + margin-bottom: 20px; + color: #fff; + } + + input[type="text"], + input[type="password"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="email"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #000000; + border-radius: 3px; + box-sizing: border-box; + } + + input[type="submit"] { + width: 100%; + padding: 10px; + background-color: #007bff; + border: none; + border-radius: 3px; + color: #fff; + font-size: 16px; + cursor: pointer; + } + + input[type="submit"]:hover { + background-color: #0056b3; + } + + .signup-container { + width: 300px; + margin: 100px auto; + padding: 20px; + background-color: #007bff; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + color: #fff; + background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); + } diff --git a/OLD/Hry/Wither3.html b/OLD/Hry/Wither3.html new file mode 100644 index 0000000..74dbc7d --- /dev/null +++ b/OLD/Hry/Wither3.html @@ -0,0 +1,83 @@ + + + + + + + + + GAME HUB + + +
    +
    + + +
    + +
    +
    + +
    +
  • Domov
    • +
  • Hry
    • +
  • Úvod
    • +
  • Top Hry
    • +
  • Info
    • +
  • Kontakt
    • +
    • +
    + +
    + +
    +
    +

    Vitajte

    +
    +
    +

    Úvod

    +

    Game Hub je miesto o hrách! +

    +
    +

    Top Hry

    +
    +
    +

    Informácie

    +
    +
    + + + + + + + \ No newline at end of file diff --git a/OLD/index.html.old b/OLD/index.html.old new file mode 100644 index 0000000..aaa08cb --- /dev/null +++ b/OLD/index.html.old @@ -0,0 +1,83 @@ + + + + + + + + + GAME HUB + + +
    +
    + + +
    + +
    +
    + +
    +
  • Domov
    • +
  • Hry
    • +
  • Úvod
    • +
  • Top Hry
    • +
  • Info
    • +
  • Kontakt
    • +
    • +
    + +
    + +
    +
    +

    Vitajte

    +
    +
    +

    Úvod

    +

    Game Hub je miesto o hrách! +

    +
    +

    Top Hry

    +
    +
    +

    Informácie

    +
    +
    + + + + + + + \ No newline at end of file diff --git a/index.html.old b/index.html.old new file mode 100644 index 0000000..f5a7698 --- /dev/null +++ b/index.html.old @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..39ed39d --- /dev/null +++ b/index.php @@ -0,0 +1,35 @@ +", $out); + +$cesta_k_stylu = "styly/$nazov_stranky.css"; +if (!file_exists($cesta_k_stylu)){ + $cesta_k_stylu = ''; +} +$out = str_replace('__TEMPLATE_STYLE__', "", $out); + +echo $out; +?> \ No newline at end of file diff --git a/scripty/login.js b/scripty/login.js new file mode 100644 index 0000000..7bdf064 --- /dev/null +++ b/scripty/login.js @@ -0,0 +1,12 @@ +document.addEventListener('DOMContentLoaded', function() { + document.getElementById('login-form').addEventListener('submit', function(event) { + event.preventDefault(); + // Get values from the form + var username = document.getElementById('login-username').value; + var password = document.getElementById('login-password').value; + // Here you would perform login authentication, for demonstration purposes let's just log the values + console.log('Username:', username); + console.log('Password:', password); + // Redirect to dashboard or perform further actions + }); +}, false); \ No newline at end of file diff --git a/scripty/signup.js b/scripty/signup.js new file mode 100644 index 0000000..bc9b5ab --- /dev/null +++ b/scripty/signup.js @@ -0,0 +1,14 @@ +document.addEventListener('DOMContentLoaded', function() { + document.getElementById('signup-form').addEventListener('submit', function(event) { + event.preventDefault(); + // Get values from the form + var username = document.getElementById('signup-username').value; + var email = document.getElementById('signup-email').value; + var password = document.getElementById('signup-password').value; + // Here you would perform signup action, for demonstration purposes let's just log the values + console.log('Username:', username); + console.log('Email:', email); + console.log('Password:', password); + // Redirect to login page or perform further actions + }); +}, false); \ No newline at end of file diff --git a/stranky/COD.html b/stranky/COD.html new file mode 100644 index 0000000..93e27c8 --- /dev/null +++ b/stranky/COD.html @@ -0,0 +1,13 @@ +
    +

    Vitajte

    +
    +
    +

    Úvod

    +

    Game Hub je miesto o hrách! +

    +
    +

    Top Hry

    +
    +
    +

    Informácie

    +
    \ No newline at end of file diff --git a/stranky/Hry.html b/stranky/Hry.html new file mode 100644 index 0000000..72eaccc --- /dev/null +++ b/stranky/Hry.html @@ -0,0 +1,4 @@ +
    +

    Blog

    +

    Hry

    +
    \ No newline at end of file diff --git a/stranky/Login.html b/stranky/Login.html new file mode 100644 index 0000000..648140f --- /dev/null +++ b/stranky/Login.html @@ -0,0 +1,10 @@ +
    +

    Login

    +
    + + + +
    +

    Don't have an account? Sign up

    +
    + \ No newline at end of file diff --git a/stranky/Signup.html b/stranky/Signup.html new file mode 100644 index 0000000..0d7e38b --- /dev/null +++ b/stranky/Signup.html @@ -0,0 +1,10 @@ +
    +

    Sign Up

    +
    + + + + +
    +

    Already have an account? Login

    +
    \ No newline at end of file diff --git a/stranky/index.html b/stranky/index.html new file mode 100644 index 0000000..d3c3486 --- /dev/null +++ b/stranky/index.html @@ -0,0 +1,13 @@ +
    +

    Vitajte

    +
    +
    +

    Úvod

    +

    Game Hub je miesto o hrách! +

    +
    +

    Top Hry

    +
    +
    +

    Informácie

    +
    \ No newline at end of file diff --git a/styly/COD.css b/styly/COD.css new file mode 100644 index 0000000..69fff7a --- /dev/null +++ b/styly/COD.css @@ -0,0 +1,4 @@ + +body { + background-image: url(https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/blog/hero/mwiii/MWIII-OCM-TOUT.jpg); +} diff --git a/templates/404.html b/templates/404.html new file mode 100644 index 0000000..06aa441 --- /dev/null +++ b/templates/404.html @@ -0,0 +1 @@ +

    TO KDE SI

    \ No newline at end of file diff --git a/templates/50x.html b/templates/50x.html new file mode 100644 index 0000000..fa41dd0 --- /dev/null +++ b/templates/50x.html @@ -0,0 +1,18 @@ + + + +Error + + + +

    An error occurred.

    +

    Sorry, the page you are looking for is currently unavailable.
    +Please try again later.

    +

    If you are the system administrator of this resource then you should check +the error log for details.

    + + diff --git a/templates/footer.html b/templates/footer.html new file mode 100644 index 0000000..b39eba6 --- /dev/null +++ b/templates/footer.html @@ -0,0 +1,7 @@ +
    +

    ©Game Hub

    +
    + Ísť hore. + adamsramek@gamehub.sk +
    +
    \ No newline at end of file diff --git a/templates/header.html b/templates/header.html new file mode 100644 index 0000000..4471d9f --- /dev/null +++ b/templates/header.html @@ -0,0 +1,15 @@ +
    + + +
    + +
    +
    \ No newline at end of file diff --git a/templates/skeleton.html b/templates/skeleton.html new file mode 100644 index 0000000..1ce627c --- /dev/null +++ b/templates/skeleton.html @@ -0,0 +1,25 @@ + + + + + + + + + + GAME HUB + __TEMPLATE_SCRIPT__ + __TEMPLATE_STYLE__ + + +
    + __TEMPLATE_HEADER__ +
    +
    + __TEMPLATE_STRANKA__ +
    + + + \ No newline at end of file