Finals
This commit is contained in:
164
pages/chat-not-included-yet.html
Normal file
164
pages/chat-not-included-yet.html
Normal file
@ -0,0 +1,164 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="hu">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>ConnectHub - Üzenetek</title>
|
||||
<link rel="stylesheet" href="../css/main.css" />
|
||||
<link rel="stylesheet" href="../css/navbar.css" />
|
||||
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/>
|
||||
<style>
|
||||
.messages-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 800px;
|
||||
margin: 20px auto;
|
||||
background-color: var(--color-white);
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.messages-header {
|
||||
background-color: var(--second-bg);
|
||||
padding: 15px;
|
||||
border-bottom: 1px solid var(--linecolor);
|
||||
}
|
||||
|
||||
.messages-header h2 {
|
||||
margin: 0;
|
||||
color: var(--color-black);
|
||||
}
|
||||
|
||||
.messages-list {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
padding: 15px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
.message {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.message-profile-img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.message-content {
|
||||
background-color: var(--second-bg);
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.message-sender {
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.message-text {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.message-time {
|
||||
font-size: 0.8em;
|
||||
color: #888;
|
||||
text-align: right;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.message-input-container {
|
||||
display: flex;
|
||||
padding: 15px;
|
||||
background-color: var(--second-bg);
|
||||
border-top: 1px solid var(--linecolor);
|
||||
}
|
||||
|
||||
.message-input {
|
||||
flex: 1;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
border-radius: 20px;
|
||||
font-family: inherit;
|
||||
font-size: 1em;
|
||||
background-color: var(--color-bg);
|
||||
color: var(--color-black);
|
||||
}
|
||||
|
||||
.send-message-btn {
|
||||
background-color: #4169E1;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 20px;
|
||||
margin-left: 10px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.send-message-btn:hover {
|
||||
background-color: #3658B4;
|
||||
}
|
||||
|
||||
.message.sent {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.message.sent .message-content {
|
||||
background-color: #4169E1;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.message.sent .message-time {
|
||||
color: #ccc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="navbar-container"></div>
|
||||
<div class="messages-container">
|
||||
<div class="messages-header">
|
||||
<h2>Üzenetek</h2>
|
||||
</div>
|
||||
<div class="messages-list">
|
||||
<div class="message">
|
||||
<img src="../profile_example.png" alt="Profile" class="message-profile-img" />
|
||||
<div class="message-content">
|
||||
<div class="message-sender">John Doe</div>
|
||||
<p class="message-text">Szia! Hogy vagy ma?</p>
|
||||
<div class="message-time">10:30</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="message sent">
|
||||
<div class="message-content">
|
||||
<p class="message-text">Szia John! Köszönöm, jól vagyok. Te hogy vagy?</p>
|
||||
<div class="message-time">10:32</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="message">
|
||||
<img src="../profile_example.png" alt="Profile" class="message-profile-img" />
|
||||
<div class="message-content">
|
||||
<div class="message-sender">John Doe</div>
|
||||
<p class="message-text">Én is jól, köszi! Van valami terved mára?</p>
|
||||
<div class="message-time">10:35</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="message-input-container">
|
||||
<input type="text" class="message-input" placeholder="Írj egy üzenetet...">
|
||||
<button class="send-message-btn">Küldés</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/navbar.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -2,251 +2,79 @@
|
||||
<html class="no-js" lang="hu">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Styled Radio Buttons and Search Input</title>
|
||||
<link rel="stylesheet" href="../css/friends.css">
|
||||
<link rel="stylesheet" href="../css/navbar.css">
|
||||
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/>
|
||||
<link rel="stylesheet" href="styles.css"> <!-- Link to the new styles -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Styled Radio Buttons and Search Input</title>
|
||||
<link rel="stylesheet" href="../css/friends.css">
|
||||
<link rel="stylesheet" href="../css/navbar.css">
|
||||
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="navbar-container"></div>
|
||||
<div id="navbar-container"></div>
|
||||
|
||||
<!-- Usercontainer wrapping both filter and usercards -->
|
||||
<div class="usercontainer">
|
||||
<!-- Filter container with radio buttons and search input -->
|
||||
<div class="filter">
|
||||
<div class="tabs">
|
||||
<input
|
||||
checked=""
|
||||
value="HTML"
|
||||
name="fav_language"
|
||||
id="html"
|
||||
type="radio"
|
||||
class="input"
|
||||
/>
|
||||
<label for="html" class="label">Követő</label>
|
||||
<input
|
||||
value="CSS"
|
||||
name="fav_language"
|
||||
id="css"
|
||||
type="radio"
|
||||
class="input"
|
||||
/>
|
||||
<label for="css" class="label">Követés</label>
|
||||
<input
|
||||
value="JavaScript"
|
||||
name="fav_language"
|
||||
id="javascript"
|
||||
type="radio"
|
||||
class="input"
|
||||
/>
|
||||
<label for="javascript" class="label">Jelölés</label>
|
||||
</div>
|
||||
<input placeholder="Ismerősök keresése" class="search-input" name="text" type="text" />
|
||||
</div>
|
||||
|
||||
<!-- Usercards container -->
|
||||
<div class="usercards">
|
||||
<div class="usercard">
|
||||
<div class="infos">
|
||||
<div class="image"></div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p class="name">DisplayName</p>
|
||||
<p class="userid">@userIDname</p>
|
||||
<!-- Usercontainer wrapping both filter and usercards -->
|
||||
<div class="usercontainer">
|
||||
<!-- Filter container with radio buttons and search input -->
|
||||
<div class="filter">
|
||||
<div class="tabs">
|
||||
<input
|
||||
checked=""
|
||||
value="HTML"
|
||||
name="fav_language"
|
||||
id="html"
|
||||
type="radio"
|
||||
class="input"
|
||||
/>
|
||||
<label for="html" class="label">Követő</label>
|
||||
<input
|
||||
value="CSS"
|
||||
name="fav_language"
|
||||
id="css"
|
||||
type="radio"
|
||||
class="input"
|
||||
/>
|
||||
<label for="css" class="label">Követés</label>
|
||||
<input
|
||||
value="JavaScript"
|
||||
name="fav_language"
|
||||
id="javascript"
|
||||
type="radio"
|
||||
class="input"
|
||||
/>
|
||||
<label for="javascript" class="label">Jelölés</label>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<p class="flex flex-col">Posztok
|
||||
<span class="state-value">69</span>
|
||||
</p>
|
||||
<p class="flex">Barátok
|
||||
<span class="state-value">420</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<input placeholder="Ismerősök keresése" class="search-input" name="text" type="text" />
|
||||
</div>
|
||||
<div class="biocard"></div>
|
||||
<button class="request" type="button">Barát bejelölése</button>
|
||||
</div>
|
||||
|
||||
<!-- MORE ELEMENTS FOR TEST -->
|
||||
<div class="usercard">
|
||||
<div class="infos">
|
||||
<div class="image"></div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p class="name">DisplayName</p>
|
||||
<p class="userid">@userIDname</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<p class="flex flex-col">Posztok
|
||||
<span class="state-value">69</span>
|
||||
</p>
|
||||
<p class="flex">Barátok
|
||||
<span class="state-value">420</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biocard"></div>
|
||||
<button class="request" type="button">Barát bejelölése</button>
|
||||
</div>
|
||||
<div class="usercard">
|
||||
<div class="infos">
|
||||
<div class="image"></div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p class="name">DisplayName</p>
|
||||
<p class="userid">@userIDname</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<p class="flex flex-col">Posztok
|
||||
<span class="state-value">69</span>
|
||||
</p>
|
||||
<p class="flex">Barátok
|
||||
<span class="state-value">420</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biocard"></div>
|
||||
<button class="request" type="button">Barát bejelölése</button>
|
||||
</div>
|
||||
<div class="usercard">
|
||||
<div class="infos">
|
||||
<div class="image"></div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p class="name">DisplayName</p>
|
||||
<p class="userid">@userIDname</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<p class="flex flex-col">Posztok
|
||||
<span class="state-value">69</span>
|
||||
</p>
|
||||
<p class="flex">Barátok
|
||||
<span class="state-value">420</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biocard"></div>
|
||||
<button class="request" type="button">Barát bejelölése</button>
|
||||
</div>
|
||||
<div class="usercard">
|
||||
<div class="infos">
|
||||
<div class="image"></div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p class="name">DisplayName</p>
|
||||
<p class="userid">@userIDname</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<p class="flex flex-col">Posztok
|
||||
<span class="state-value">69</span>
|
||||
</p>
|
||||
<p class="flex">Barátok
|
||||
<span class="state-value">420</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biocard"></div>
|
||||
<button class="request" type="button">Barát bejelölése</button>
|
||||
</div>
|
||||
<div class="usercard">
|
||||
<div class="infos">
|
||||
<div class="image"></div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p class="name">DisplayName</p>
|
||||
<p class="userid">@userIDname</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<p class="flex flex-col">Posztok
|
||||
<span class="state-value">69</span>
|
||||
</p>
|
||||
<p class="flex">Barátok
|
||||
<span class="state-value">420</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biocard"></div>
|
||||
<button class="request" type="button">Barát bejelölése</button>
|
||||
</div>
|
||||
<div class="usercard">
|
||||
<div class="infos">
|
||||
<div class="image"></div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p class="name">DisplayName</p>
|
||||
<p class="userid">@userIDname</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<p class="flex flex-col">Posztok
|
||||
<span class="state-value">69</span>
|
||||
</p>
|
||||
<p class="flex">Barátok
|
||||
<span class="state-value">420</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biocard"></div>
|
||||
<button class="request" type="button">Barát bejelölése</button>
|
||||
</div>
|
||||
<div class="usercard">
|
||||
<div class="infos">
|
||||
<div class="image"></div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p class="name">DisplayName</p>
|
||||
<p class="userid">@userIDname</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<p class="flex flex-col">Posztok
|
||||
<span class="state-value">69</span>
|
||||
</p>
|
||||
<p class="flex">Barátok
|
||||
<span class="state-value">420</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biocard"></div>
|
||||
<button class="request" type="button">Barát bejelölése</button>
|
||||
</div>
|
||||
<div class="usercard">
|
||||
<div class="infos">
|
||||
<div class="image"></div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p class="name">DisplayName</p>
|
||||
<p class="userid">@userIDname</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<p class="flex flex-col">Posztok
|
||||
<span class="state-value">69</span>
|
||||
</p>
|
||||
<p class="flex">Barátok
|
||||
<span class="state-value">420</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biocard"></div>
|
||||
<button class="request" type="button">Barát bejelölése</button>
|
||||
</div>
|
||||
<!-- END OF MORE ELEMENTS FOR TEST -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/navbar.js"></script>
|
||||
<script src="../js/profil.js"></script>
|
||||
<!-- Usercards container -->
|
||||
<div class="usercards">
|
||||
<div class="usercard">
|
||||
<div class="infos">
|
||||
<div class="prof-image"><img src="../profile_example.png" alt=""></div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p class="name">DisplayName</p>
|
||||
<p class="userid">@userIDname</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<p class="flex flex-col">Posztok
|
||||
<span class="state-value">69</span>
|
||||
</p>
|
||||
<p class="flex">Barátok
|
||||
<span class="state-value">420</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biocard"></div>
|
||||
<button class="request" type="button">Barát bejelölése</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/navbar.js"></script>
|
||||
<script src="../js/profil.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
73
pages/groups.html
Normal file
73
pages/groups.html
Normal file
@ -0,0 +1,73 @@
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="hu">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Styled Radio Buttons and Search Input</title>
|
||||
<link rel="stylesheet" href="../css/friends.css">
|
||||
<link rel="stylesheet" href="../css/navbar.css">
|
||||
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/>
|
||||
<link rel="stylesheet" href="styles.css"> <!-- Link to the new styles -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="navbar-container"></div>
|
||||
|
||||
<!-- Usercontainer wrapping both filter and usercards -->
|
||||
<div class="usercontainer">
|
||||
<!-- Filter container with radio buttons and search input -->
|
||||
<div class="filter">
|
||||
<div class="tabs">
|
||||
<input
|
||||
checked=""
|
||||
value="HTML"
|
||||
name="fav_language"
|
||||
id="html"
|
||||
type="radio"
|
||||
class="input"
|
||||
/>
|
||||
<label for="html" class="label">Csoportjaim</label>
|
||||
<input
|
||||
value="CSS"
|
||||
name="fav_language"
|
||||
id="css"
|
||||
type="radio"
|
||||
class="input"
|
||||
/>
|
||||
<label for="css" class="label">Felfedezés</label>
|
||||
</div>
|
||||
<input placeholder="Ismerősök keresése" class="search-input" name="text" type="text" />
|
||||
</div>
|
||||
|
||||
<!-- Usercards container -->
|
||||
<div class="usercards">
|
||||
<div class="usercard">
|
||||
<div class="infos">
|
||||
<div class="prof-image"><img src="../profile_example.png" alt=""></div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p class="name">DisplayName</p>
|
||||
<p class="userid">@userIDname</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<p class="flex flex-col">Posztok
|
||||
<span class="state-value">69</span>
|
||||
</p>
|
||||
<p class="flex">Tagok
|
||||
<span class="state-value">420</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biocard"></div>
|
||||
<button class="request" type="button">Belépés</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/navbar.js"></script>
|
||||
<script src="../js/profil.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
30
pages/login.html
Normal file
30
pages/login.html
Normal file
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="hu">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ConnectHub</title>
|
||||
<link rel="stylesheet" href="../css/login.css">
|
||||
<link rel="icon" href="logo.png" type="image/png">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div id="login-box" class="login-box">
|
||||
<img src="../src/logo.png" alt="ConnectHub Logo" class="logo">
|
||||
<h1 class="title">Üdvözlünk a ConnectHub-on</h1>
|
||||
<p class="subtitle">Jelentkezz be Discord fiókoddal a folytatáshoz</p>
|
||||
<button id="discord-login-btn" class="discord-btn">
|
||||
<svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36">
|
||||
<path d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/>
|
||||
</svg>
|
||||
<span>Bejelentkezés Discord-dal</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<button id="theme-toggle-btn" class="theme-toggle">
|
||||
🌙
|
||||
</button>
|
||||
|
||||
<script src="../js/login.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
149
pages/main.html
Normal file
149
pages/main.html
Normal file
@ -0,0 +1,149 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="hu">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>ConnectHub</title>
|
||||
<link rel="stylesheet" href="../css/main.css" />
|
||||
<link rel="stylesheet" href="../css/navbar.css" />
|
||||
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="navbar-container"></div>
|
||||
<section class="main-home">
|
||||
<!-- Bejegyzés létrehozás kártya -->
|
||||
<div class="create-post-card">
|
||||
<form action="">
|
||||
<div class="profile-section">
|
||||
<img src="../profile_example.png" alt="Profile" class="profile-img" />
|
||||
<div class="profile-info">
|
||||
<h2 class="profile-name">User</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-container">
|
||||
<textarea id="postInput" placeholder="Oszd meg a gondolataidat!"></textarea>
|
||||
<button id="submitPostBtn" type="submit">
|
||||
<div class="svg-wrapper-1">
|
||||
<div class="svg-wrapper">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z"></path>
|
||||
<path fill="currentColor" d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<span>Küldés</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="card-container">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<img src="../profile_example.png" alt="Profile" class="card-profile-img" />
|
||||
<div class="card-user-info">
|
||||
<div class="card-profile-name">User</div>
|
||||
<div class="card-date">2024-05-16</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="post-comment">Ez egy példa szöveg a kártyán belül.</p>
|
||||
|
||||
<!-- Poszt reakciók és kommentek gomb -->
|
||||
<div class="post-actions">
|
||||
<button class="reaction-btn" id="reaction-btn-left" onclick="toggleReaction(this)">
|
||||
<img src="./../src/arrow.png" alt="Felfelé" class="arrow-up" style="transform: rotate(270deg);" />
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
<button class="reaction-btn" id="reaction-btn-right" onclick="toggleReaction(this)">
|
||||
<img src="./../src/arrow.png" alt="Lefelé" class="arrow-down" style="transform: rotate(90deg);" />
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
<button class="comment-btn" onclick="toggleComments(this)" style="margin-left: auto;">
|
||||
<i class="bx bx-comment"></i> Kommentek
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Kommentek szekció -->
|
||||
<div class="comments-section" style="display: none;">
|
||||
<!-- Komment írás -->
|
||||
<div class="write-comment">
|
||||
<img src="../profile_example.png" alt="Profile" class="comment-profile-img" />
|
||||
<textarea placeholder="Írj egy kommentet..." class="comment-input"></textarea>
|
||||
<button class="submit-comment-btn">Küldés</button>
|
||||
</div>
|
||||
|
||||
<!-- Komment lista -->
|
||||
<div class="comment-list">
|
||||
<div class="comment">
|
||||
<img src="../profile_example.png" alt="Profile" class="comment-profile-img" />
|
||||
<div class="comment-content">
|
||||
<div class="comment-header">
|
||||
<span class="comment-name">User</span>
|
||||
<span class="comment-date">2024-05-16</span>
|
||||
</div>
|
||||
<p class="comment-text">Ez egy komment.</p>
|
||||
<div class="comment-actions">
|
||||
<button class="reaction-btn" id="reaction-btn-left">
|
||||
<img src="./../src/arrow.png" alt="Felfelé" class="arrow-up" style="transform: rotate(270deg);" />
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
<button class="reaction-btn" id="reaction-btn-right">
|
||||
<img src="./../src/arrow.png" alt="Lefelé" class="arrow-down" style="transform: rotate(90deg);" />
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment">
|
||||
<img src="../profile_example.png" alt="Profile" class="comment-profile-img" />
|
||||
<div class="comment-content">
|
||||
<div class="comment-header">
|
||||
<span class="comment-name">User</span>
|
||||
<span class="comment-date">2024-05-16</span>
|
||||
</div>
|
||||
<p class="comment-text">Ez egy komment.</p>
|
||||
<div class="comment-actions">
|
||||
<button class="reaction-btn" id="reaction-btn-left">
|
||||
<img src="./../src/arrow.png" alt="Felfelé" class="arrow-up" style="transform: rotate(270deg);" />
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
<button class="reaction-btn" id="reaction-btn-right">
|
||||
<img src="./../src/arrow.png" alt="Lefelé" class="arrow-down" style="transform: rotate(90deg);" />
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment">
|
||||
<img src="../profile_example.png" alt="Profile" class="comment-profile-img" />
|
||||
<div class="comment-content">
|
||||
<div class="comment-header">
|
||||
<span class="comment-name">User</span>
|
||||
<span class="comment-date">2024-05-16</span>
|
||||
</div>
|
||||
<p class="comment-text">Ez egy komment.</p>
|
||||
<div class="comment-actions">
|
||||
<button class="reaction-btn" id="reaction-btn-left">
|
||||
<img src="./../src/arrow.png" alt="Felfelé" class="arrow-up" style="transform: rotate(270deg);" />
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
<button class="reaction-btn" id="reaction-btn-right">
|
||||
<img src="./../src/arrow.png" alt="Lefelé" class="arrow-down" style="transform: rotate(90deg);" />
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> <!-- Kártya záró tag -->
|
||||
</div> <!-- Kártya konténer záró tag -->
|
||||
</section>
|
||||
|
||||
<script src="../js/navbar.js"></script>
|
||||
<script src="../js/main.js"></script>
|
||||
<script src="../js/post.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
65
pages/messages.html
Normal file
65
pages/messages.html
Normal file
@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="hu">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>ConnectHub - Üzenetek</title>
|
||||
<link rel="stylesheet" href="../css/main.css" />
|
||||
<link rel="stylesheet" href="../css/navbar.css" />
|
||||
<link rel="stylesheet" href="../css/messages.css" />
|
||||
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="navbar-container"></div>
|
||||
<div class="messages-container">
|
||||
<div class="messages-header">
|
||||
<h2>Beszélgetések</h2>
|
||||
</div>
|
||||
<div class="conversations-list">
|
||||
<a href="conversation.html?id=1" class="conversation-item">
|
||||
<img src="../profile_example.png" alt="John Doe" class="conversation-profile-img" />
|
||||
<div class="conversation-details">
|
||||
<div class="conversation-name">John Doe</div>
|
||||
<div class="conversation-last-message">Szia! Hogy vagy ma?</div>
|
||||
</div>
|
||||
<div class="conversation-time">10:30</div>
|
||||
</a>
|
||||
<a href="conversation.html?id=2" class="conversation-item">
|
||||
<img src="../profile_example.png" alt="Jane Smith" class="conversation-profile-img" />
|
||||
<div class="conversation-details">
|
||||
<div class="conversation-name">Jane Smith</div>
|
||||
<div class="conversation-last-message">Köszi a segítséget!</div>
|
||||
</div>
|
||||
<div class="conversation-time">Tegnap</div>
|
||||
</a>
|
||||
<a href="conversation.html?id=3" class="conversation-item">
|
||||
<img src="../profile_example.png" alt="Mike Johnson" class="conversation-profile-img" />
|
||||
<div class="conversation-details">
|
||||
<div class="conversation-name">Mike Johnson</div>
|
||||
<div class="conversation-last-message">Rendben, találkozzunk holnap!</div>
|
||||
</div>
|
||||
<div class="conversation-time">2 napja</div>
|
||||
</a>
|
||||
<a href="conversation.html?id=3" class="conversation-item">
|
||||
<img src="../profile_example.png" alt="Mike Johnson" class="conversation-profile-img" />
|
||||
<div class="conversation-details">
|
||||
<div class="conversation-name">Mike Johnson</div>
|
||||
<div class="conversation-last-message">Rendben, találkozzunk holnap!</div>
|
||||
</div>
|
||||
<div class="conversation-time">2 napja</div>
|
||||
</a>
|
||||
<a href="conversation.html?id=3" class="conversation-item">
|
||||
<img src="../profile_example.png" alt="Mike Johnson" class="conversation-profile-img" />
|
||||
<div class="conversation-details">
|
||||
<div class="conversation-name">Mike Johnson</div>
|
||||
<div class="conversation-last-message">Rendben, találkozzunk holnap!</div>
|
||||
</div>
|
||||
<div class="conversation-time">2 napja</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/navbar.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -2,148 +2,124 @@
|
||||
<html lang="hu">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Saját Profil</title>
|
||||
<link rel="stylesheet" href="../css/profile.css">
|
||||
<link rel="stylesheet" href="../css/navbar.css">
|
||||
<link rel="stylesheet" href="../css/feedback.css">
|
||||
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>ConnectHub</title>
|
||||
<link rel="stylesheet" href="../css/profile.css">
|
||||
<link rel="stylesheet" href="../css/navbar.css">
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="navbar-container"></div> <!-- Oldalsáv helye -->
|
||||
<div id="navbar-container"></div> <!-- Oldalsáv helye -->
|
||||
|
||||
<div class="container">
|
||||
<div class="profile-card">
|
||||
<div class="background">
|
||||
<div class="profile-image">
|
||||
<img src="../profile_example.png" alt="Profilkép">
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-info">
|
||||
<h1 class="name">Felhasználó Neve</h1>
|
||||
<p class="description">Itt található a felhasználó rövid leírása, amely bemutatja a profil tulajdonosát.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Bejegyzés létrehozás kártya -->
|
||||
<div class="create-post-card">
|
||||
<div class="profile-section">
|
||||
<img src="../profile_example.png" alt="Profile" class="profile-img" />
|
||||
<input type="text" placeholder="Mit szeretnél megosztani?" id="postInput" />
|
||||
</div>
|
||||
<div class="input-container">
|
||||
<!-- Új küldés gomb -->
|
||||
<button id="submitPostBtn">
|
||||
<div class="svg-wrapper-1">
|
||||
<div class="svg-wrapper">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
width="24"
|
||||
height="24"
|
||||
>
|
||||
<path fill="none" d="M0 0h24v24H0z"></path>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685z"
|
||||
></path>
|
||||
</svg>
|
||||
<div class="container">
|
||||
<div class="profile-card">
|
||||
<div class="background">
|
||||
<div class="profile-image">
|
||||
<img src="../profile_example.png" alt="Profilkép">
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-info">
|
||||
<h1 class="name">Felhasználó Neve</h1>
|
||||
<p class="description">Itt található a felhasználó rövid leírása, amely bemutatja a profil tulajdonosát.</p>
|
||||
</div>
|
||||
</div>
|
||||
<span>Küldés</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Példa bejegyzés kártya -->
|
||||
<div class="card-container">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<img src="../profile_example.png" alt="Profile" class="card-profile-img" />
|
||||
<div class="card-user-info">
|
||||
<h2>Áron</h2>
|
||||
<p>2 órája</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>Ez egy példa szöveg a kártyán belül.</p>
|
||||
<div class="post-actions">
|
||||
<button class="like-btn" onclick="toggleLike(this)">
|
||||
<i class="bx bx-like"></i> Like
|
||||
</button>
|
||||
<button class="comment-btn">
|
||||
<i class="bx bx-comment"></i> Komment
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- MORE ELEMENTS FOR TEST -->
|
||||
<div class="card-container">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<img src="../profile_example.png" alt="Profile" class="card-profile-img" />
|
||||
<div class="card-user-info">
|
||||
<h2>Áron</h2>
|
||||
<p>2 órája</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>Ez egy példa szöveg a kártyán belül.</p>
|
||||
<div class="post-actions">
|
||||
<button class="like-btn" onclick="toggleLike(this)">
|
||||
<i class="bx bx-like"></i> Like
|
||||
</button>
|
||||
<button class="comment-btn">
|
||||
<i class="bx bx-comment"></i> Komment
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Bejegyzés létrehozás kártya -->
|
||||
<div class="create-post-card">
|
||||
<form action="">
|
||||
<div class="profile-section">
|
||||
<img src="../profile_example.png" alt="Profile" class="profile-img" />
|
||||
<div class="profile-info">
|
||||
<h2 class="profile-name">User</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-container">
|
||||
<textarea id="postInput" placeholder="Oszd meg a gondolataidat!"></textarea>
|
||||
<button id="submitPostBtn" type="submit">
|
||||
<div class="svg-wrapper-1">
|
||||
<div class="svg-wrapper">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z"></path>
|
||||
<path fill="currentColor" d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<span>Küldés</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="card-container">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<img src="../profile_example.png" alt="Profile" class="card-profile-img" />
|
||||
<div class="card-user-info">
|
||||
<div class="card-profile-name">User</div>
|
||||
<div class="card-date">2024-05-16</div>
|
||||
</div>
|
||||
</div>
|
||||
<p>Ez egy példa szöveg a kártyán belül.</p>
|
||||
|
||||
<!-- Poszt reakciók és kommentek gomb -->
|
||||
<div class="post-actions">
|
||||
<button class="reaction-btn" id="reaction-btn-left" onclick="toggleReaction(this)">
|
||||
<img src="./../src/arrow.png" alt="Felfelé" class="arrow-up" style="transform: rotate(270deg);">
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
<button class="reaction-btn" id="reaction-btn-right" onclick="toggleReaction(this)">
|
||||
<img src="./../src/arrow.png" alt="Lefelé" class="arrow-down" style="transform: rotate(90deg);">
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
<button class="comment-btn" onclick="toggleComments(this)" style="margin-left: auto;">
|
||||
<i class="bx bx-comment"></i> Kommentek
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Kommentek szekció -->
|
||||
<div class="comments-section" style="display: none;">
|
||||
<!-- Komment írás -->
|
||||
<div class="write-comment">
|
||||
<img src="../profile_example.png" alt="Profile" class="comment-profile-img" />
|
||||
<textarea placeholder="Írj egy kommentet..." class="comment-input"></textarea>
|
||||
<button class="submit-comment-btn">Küldés</button>
|
||||
</div>
|
||||
|
||||
<!-- Komment lista -->
|
||||
<div class="comment-list">
|
||||
<div class="comment">
|
||||
<img src="../profile_example.png" alt="Profile" class="comment-profile-img" />
|
||||
<div class="comment-content">
|
||||
<div class="comment-header">
|
||||
<span class="comment-name">User</span>
|
||||
<span class="comment-date">2024-05-16</span>
|
||||
</div>
|
||||
<div class="card-container">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<img src="../profile_example.png" alt="Profile" class="card-profile-img" />
|
||||
<div class="card-user-info">
|
||||
<h2>Áron</h2>
|
||||
<p>2 órája</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>Ez egy példa szöveg a kártyán belül.</p>
|
||||
<div class="post-actions">
|
||||
<button class="like-btn" onclick="toggleLike(this)">
|
||||
<i class="bx bx-like"></i> Like
|
||||
</button>
|
||||
<button class="comment-btn">
|
||||
<i class="bx bx-comment"></i> Komment
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<p class="comment-text">Ez egy komment.</p>
|
||||
<div class="comment-actions">
|
||||
<button class="reaction-btn" id="reaction-btn-left">
|
||||
<img src="./../src/arrow.png" alt="Felfelé" class="arrow-up" style="transform: rotate(270deg);">
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
<button class="reaction-btn" id="reaction-btn-right">
|
||||
<img src="./../src/arrow.png" alt="Lefelé" class="arrow-down" style="transform: rotate(90deg);">
|
||||
<span class="reaction-count">0</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="card-container">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<img src="../profile_example.png" alt="Profile" class="card-profile-img" />
|
||||
<div class="card-user-info">
|
||||
<h2>Áron</h2>
|
||||
<p>2 órája</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>Ez egy példa szöveg a kártyán belül.</p>
|
||||
<div class="post-actions">
|
||||
<button class="like-btn" onclick="toggleLike(this)">
|
||||
<i class="bx bx-like"></i> Like
|
||||
</button>
|
||||
<button class="comment-btn">
|
||||
<i class="bx bx-comment"></i> Komment
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF MORE ELEMENTS FOR TEST -->
|
||||
<script src="../js/navbar.js"></script> <!-- Oldalsáv JS -->
|
||||
<script src="../js/profile.js"></script> <!-- Profil oldal JS -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> <!-- Kártya záró tag -->
|
||||
</div> <!-- Kártya konténer záró tag -->
|
||||
|
||||
<script src="../js/navbar.js"></script> <!-- Oldalsáv JS -->
|
||||
<script src="../js/profile.js"></script> <!-- Profil oldal JS -->
|
||||
<script src="../js/post.js"></script> <!-- Profil oldal JS -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Papp Áron</title>
|
||||
<title>ConnectHub</title>
|
||||
<link rel="stylesheet" href="../css/navbar.css" />
|
||||
<link rel="stylesheet" href="../css/settings.css" />
|
||||
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/>
|
||||
@ -14,7 +14,60 @@
|
||||
<div id="navbar-container"></div>
|
||||
<section class="home">
|
||||
<div class="settings-container">
|
||||
<!-- Zene beállítások kártya -->
|
||||
|
||||
<!-- Profil beállítások kártya -->
|
||||
<section class="settings-card">
|
||||
<h2>Profil Beállítások</h2>
|
||||
<label class="mini-label" for="profile-description">Profil Leírás:</label>
|
||||
<textarea id="profile-description" placeholder="Add meg a profil leírását..."></textarea>
|
||||
<div class="button-container">
|
||||
<button class="settings-button" id="save-profile">Mentés</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Beállítások kártya -->
|
||||
<section class="settings-card">
|
||||
<h2>Általános Beállítások</h2>
|
||||
<div class="content-filter-container">
|
||||
<label class="mini-label" for="content-filter">Felnőtt tartalmak szűrése:</label>
|
||||
<div class="switch-container">
|
||||
<label class="rocker rocker-small">
|
||||
<input type="checkbox" id="content-filter">
|
||||
<span class="switch-left">SFW</span>
|
||||
<span class="switch-right">NSFW</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Biztonság kártya -->
|
||||
<section class="settings-card">
|
||||
<h2>Biztonság</h2>
|
||||
<h3>Privát profil bekapcsolása:</h3>
|
||||
<div class="lock-container">
|
||||
<input type="checkbox" id="lock" />
|
||||
<label for="lock" class="lock-label">
|
||||
<span class="lock-wrapper">
|
||||
<span class="shackle"></span>
|
||||
<svg
|
||||
class="lock-body"
|
||||
width=""
|
||||
height=""
|
||||
viewBox="0 0 28 28"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M0 5C0 2.23858 2.23858 0 5 0H23C25.7614 0 28 2.23858 28 5V23C28 25.7614 25.7614 28 23 28H5C2.23858 28 0 25.7614 0 23V5ZM16 13.2361C16.6137 12.6868 17 11.8885 17 11C17 9.34315 15.6569 8 14 8C12.3431 8 11 9.34315 11 11C11 11.8885 11.3863 12.6868 12 13.2361V18C12 19.1046 12.8954 20 14 20C15.1046 20 16 19.1046 16 18V13.2361Z"
|
||||
fill="white"
|
||||
></path>
|
||||
</svg>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</section>
|
||||
<section class="settings-card">
|
||||
<h2>Zene Beállítások</h2>
|
||||
<label class="mini-label" for="youtube-id">YouTube Videó ID:</label>
|
||||
@ -33,27 +86,6 @@
|
||||
<button class="settings-button" id="save-music">Mentés</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Profil beállítások kártya -->
|
||||
<section class="settings-card">
|
||||
<h2>Profil Beállítások</h2>
|
||||
<label class="mini-label" for="profile-description">Profil Leírás:</label>
|
||||
<textarea id="profile-description" placeholder="Add meg a profil leírását..."></textarea>
|
||||
<div class="button-container">
|
||||
<button class="settings-button" id="save-profile">Mentés</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Beállítások kártya -->
|
||||
<section class="settings-card">
|
||||
<h2>Beállítások</h2>
|
||||
<label class="mini-label" for="content-filter">Felnőtt tartalmak szűrése:</label>
|
||||
<label class="rocker rocker-small">
|
||||
<input type="checkbox" id="content-filter">
|
||||
<span class="switch-left">SFW</span>
|
||||
<span class="switch-right">NSFW</span>
|
||||
</label>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
<script src="../js/settings.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user