Upload
This commit is contained in:
72
pages/feedback.html
Normal file
72
pages/feedback.html
Normal file
@ -0,0 +1,72 @@
|
||||
<!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 - Bejegyzés</title>
|
||||
<link rel="stylesheet" href="../css/feedback.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="home">
|
||||
<!-- Bejegyzés létrehozás kártya -->
|
||||
<div class="create-post-card">
|
||||
<div class="profile-section">
|
||||
<img src="../images/profile.jpg" 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>
|
||||
</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="../images/profile.jpg" 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>
|
||||
</section>
|
||||
|
||||
<script src="../js/navbar.js"></script>
|
||||
<script src="../js/feedback.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
146
pages/friends.html
Normal file
146
pages/friends.html
Normal file
@ -0,0 +1,146 @@
|
||||
<!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">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="type it" class="search-input" name="text" type="text" />
|
||||
</div>
|
||||
|
||||
<!-- Usercards container -->
|
||||
<div class="usercards">
|
||||
<!-- Example usercard items, add more as needed -->
|
||||
<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>
|
||||
<!-- Repeat usercard divs here -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/navbar.js"></script>
|
||||
<script src="../js/profil.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
49
pages/settings.html
Normal file
49
pages/settings.html
Normal file
@ -0,0 +1,49 @@
|
||||
<!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>Papp Áron</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"/>
|
||||
<script src="../js/navbar.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="navbar-container"></div>
|
||||
<section class="home">
|
||||
<!-- Zene beállítások kártya -->
|
||||
<div class="settings-container">
|
||||
<!-- Zene beállítások kártya -->
|
||||
<section class="settings-card">
|
||||
<h2>Zene Beállítások</h2>
|
||||
<label class="mini-label" for="youtube-id">YouTube Videó ID:</label>
|
||||
<input type="text" id="youtube-id" placeholder="Illessz be egy YouTube Videó ID-t..." />
|
||||
<div id="video-container">
|
||||
<iframe id="youtubePlayer" width="280" height="157" frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowfullscreen></iframe>
|
||||
</div>
|
||||
|
||||
<div class="loop-switch">
|
||||
<input type="checkbox" id="loop-toggle" />
|
||||
<label class="mini-label" for="loop-toggle">Ismétlés </label>
|
||||
</div>
|
||||
<div class="button-container">
|
||||
<button class="settings-button" id="reset-music">Törlés</button>
|
||||
<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>
|
||||
</section>
|
||||
<section class="settings-card">
|
||||
<h2>Beállítások</h2>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
<script src="../js/settings.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user