BRN_Systems/adlerka.space
1
0
Fork 0
forked from Adleraci/adlerka.top
Code Pull Requests Activity

Test css

Browse Source
This commit is contained in:
Bruno Rybársky 2024-04-25 09:04:10 +02:00
parent 9a23a0802f
commit 359a985bcc
7 changed files with 161 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

130
assets/style.css
View File

@ -207,64 +207,6 @@ ul.navpage_list {
height: 1.5rem; height: 1.5rem;
} }
@media (max-width: 1050px) {
div#articleslist {
width: 100vw !important;
left: 0 !important;
}
#toggle_button {
display: flex;
}
#navsite_list {
display: none;
position: fixed;
flex-direction: column;
width: 100%;
text-align: center;
}
#navsite_list li {
text-align: center;
}
.navsite_item {
width: inherit;
}
ul.navpage_list {
border: 4px solid var(--pico-primary-hover) !important;
display: flex !important;
max-height: 200px !important;
width: inherit;
box-sizing: content-box;
transition-delay: .1s;
}
.navsite_item:not(:hover) .navpage_list {
transition-delay: .1s;
width: inherit;
}
/*noinspection CssUnusedSymbol*/
#navsite_list.active {
display: flex;
-moz-box-shadow: 0 20px 28px 0 var(--dimmer);
-webkit-box-shadow: 0 20px 28px 0 var(--dimmer);
background-color: var(--dimmer);
box-shadow: 0 20px 28px 0 var(--dimmer);
top: 80px;
text-align: center;
}
nav {
flex-direction: column;
align-items: center;
background-color: var(--dimmer);
}
}
#statusMessageContainer { #statusMessageContainer {
position: fixed; position: fixed;
top: 80px; top: 80px;
@ -399,3 +341,75 @@ div#articleslist>article{
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
form.form-content {
display: flex;
flex-direction: row;
}
div.form-container {
display: flex;
flex-direction: column;
}
@media (max-width: 1050px) {
div#articleslist {
width: 100vw !important;
left: 0 !important;
}
#toggle_button {
display: flex;
}
#navsite_list {
display: none;
position: fixed;
flex-direction: column;
width: 100%;
text-align: center;
}
#navsite_list li {
text-align: center;
}
.navsite_item {
width: inherit;
}
ul.navpage_list {
border: 4px solid var(--pico-primary-hover) !important;
display: flex !important;
max-height: 200px !important;
width: inherit;
box-sizing: content-box;
transition-delay: .1s;
}
.navsite_item:not(:hover) .navpage_list {
transition-delay: .1s;
width: inherit;
}
/*noinspection CssUnusedSymbol*/
#navsite_list.active {
display: flex;
-moz-box-shadow: 0 20px 28px 0 var(--dimmer);
-webkit-box-shadow: 0 20px 28px 0 var(--dimmer);
background-color: var(--dimmer);
box-shadow: 0 20px 28px 0 var(--dimmer);
top: 80px;
text-align: center;
}
nav {
flex-direction: column;
align-items: center;
background-color: var(--dimmer);
}
form.form-content {
flex-direction: column;
}
}

12
endpoints/meme.php Normal file
View File

@ -0,0 +1,12 @@
<?php
require_once "lib/meme.php";
function endpoint($endpoint_data): array
{
return match ($endpoint_data["action"]) {
"addMeme" => addMeme($endpoint_data['memetext'], $endpoint_data['imageid']),
default => ["Status" => "Fail", "message" => "Invalid action"],
};
}

31
lib/meme.php
View File

@ -3,16 +3,39 @@
function addMeme(string $memeText, int $imageID): bool function addMeme(string $memeText, int $imageID): bool
{ {
global $mysqli; global $mysqli;
if(fileExists($imageID)){
$stmtMemeAdd = $mysqli->prepare('INSERT INTO Memes (AuthorID, TextContent, FileID) VALUES (?, ?, ?)'); if (isLoggedIn() && fileExists($imageID)) {
$stmtMemeAdd->bind_param('isi', $_SESSION['ID'], htmlspecialchars($memeText), $imageID); $stmtMemeAdd = $mysqli->prepare('INSERT INTO Memes (AuthorID, Title, TextContent, FileID) VALUES (?, ?, ?)');
$stmtMemeAdd->bind_param('issi', $_SESSION['ID'], htmlspecialchars($memeText), $imageID);
$stmtMemeAdd->execute(); $stmtMemeAdd->execute();
return true; return true;
} }
return false; return false;
} }
function renderMemeGallery() :string function renderMemeGallery(): string
{ {
global $mysqli;
$stmtlist = $mysqli->prepare('SELECT Memes.ID, Memes.Title Memes.TextContent, Memes.CreatedAt, Files.Path, Files.Type, Users.Nickname FROM Memes INNER JOIN Users ON Memes.AuthorID = Users.ID INNER JOIN Files ON Memes.FileID = Files.ID');
// Execute the prepared statement
$stmtlist->execute();
$memeID = 0;
$title = "";
$textContent = "";
$filePath = "";
$fileType = "";
$userNickname = "";
$createdAt = "";
// Bind the result variables
$stmtlist->bind_result($memeID, $title, $textContent, $createdAt, $filePath, $fileType, $userNickname);
// Fetch the results
while ($stmtlist->fetch()) {
}
// Close the statement
$stmtlist->close();
return ""; return "";
} }

13
lib/upload.php
View File

@ -229,3 +229,16 @@ function addToGroup(int $groupId, int $fileId): bool
} }
return $output; return $output;
} }
function getImageURL(int $imageFileID) :string
{
global $mysqli;
$path = "";
$stmtget = $mysqli->prepare('SELECT Path FROM Files WHERE ID = ?');
$stmtget->bind_param('i', $imageFileID);
$stmtget->execute();
$stmtget->bind_result($path);
$stmtget->fetch();
return $path;
}

8
templates/login.html
View File

@ -3,20 +3,20 @@
<main class="login-file"> <main class="login-file">
<div class="container" id="container"> <div class="container" id="container">
<div class="form-container sign-up"> <div class="form-container sign-up">
<form> <h1>Create Account</h1>
<h1>Create Account</h1> <form class="form-content sign-up">
<input type="text" name="firstName" id="register_firstName" required placeholder="First name"> <input type="text" name="firstName" id="register_firstName" required placeholder="First name">
<input type="text" name="lastName" id="register_lastName" required placeholder="Last name"> <input type="text" name="lastName" id="register_lastName" required placeholder="Last name">
<input type="email" name="email" id="register_email" required placeholder="Email"> <input type="email" name="email" id="register_email" required placeholder="Email">
<input type="password" name="password" id="register_password" required placeholder="Password"> <input type="password" name="password" id="register_password" required placeholder="Password">
<input type="text" name="activationToken" id="register_activationToken" required <input type="text" name="activationToken" id="register_activationToken" required
placeholder="Activation Token"> placeholder="Activation Token">
<button type="button" onclick="register()">Register</button> <button type="button" onclick="register()">Register</button>
</form> </form>
</div> </div>
<div class="form-container sign-in"> <div class="form-container sign-in">
<h1>Login</h1> <h1>Login</h1>
<form> <form class="form-content sign-in">
<input type="email" name="email" id="login_email" required placeholder="Email"> <input type="email" name="email" id="login_email" required placeholder="Email">
<input type="password" name="password" id="login_password" required placeholder="Password"> <input type="password" name="password" id="login_password" required placeholder="Password">
<button type="button" onclick="login()">Login</button> <button type="button" onclick="login()">Login</button>

8
templates/meme.html Normal file
View File

@ -0,0 +1,8 @@
<article>
<h2 class='meme'>__TEMPLATE_ARTICLE_TITLE__</h2>
<div class="memebody">
<p class='newsauthor'><i class="ri-user-line"></i>__TEMPLATE_MEME_AUTHOR__</p>
<p class='newsdate'><i class="ri-calendar-line"></i>__TEMPLATE_MEME_DATE__</p>
<img src="__TEMPLATE_MEME_IMAGE__"
</div>
</article>

47
templates/userActions.html
View File

@ -1,46 +1,49 @@
<!-- Centralized Status Message --> <!-- Centralized Status Message -->
<p id="StatusMessage"></p> <p id="StatusMessage"></p>
<div id="user-settings"> <div id="user-settings">
<button type="button" onclick="logout()">Logout</button><br> <button type="button" onclick="logout()">Logout</button>
<br>
<div class="form-container" id="updateUserProfileForm"> <div class="form-container" id="updateUserProfileForm">
<h1>Update User</h1> <h1>Update User</h1>
<h2>Profile</h2> <h2>Profile</h2>
<label for="updateFirstName">First Name:</label> <div class="form-content" id="profile-form">
<input type="text" id="updateFirstName" name="updateFirstName" required><br> <label for="updateFirstName">First Name:</label>
<input type="text" id="updateFirstName" name="updateFirstName" required><br>
<label for="updateLastName">Last Name:</label> <label for="updateLastName">Last Name:</label>
<input type="text" id="updateLastName" name="updateLastName" required><br> <input type="text" id="updateLastName" name="updateLastName" required><br>
<label for="updateNickname">Nickname:</label> <label for="updateNickname">Nickname:</label>
<input type="text" id="updateNickname" name="updateNickname" required><br> <input type="text" id="updateNickname" name="updateNickname" required><br>
<label for="updateMinecraftNick">Minecraft Nick:</label> <label for="updateMinecraftNick">Minecraft Nick:</label>
<input type="text" id="updateMinecraftNick" name="updateMinecraftNick" required><br> <input type="text" id="updateMinecraftNick" name="updateMinecraftNick" required><br>
<button type="button" onclick="updateUserProfile()">Update Profile</button>
<button type="button" onclick="updateUserProfile()">Update Profile</button>
</div>
<br><br> <br><br>
<h2>Email</h2> <h2>Email</h2>
<div class="form-content" id="email-form">
<label for="updateNewEmail">New Email:</label>
<input type="email" id="updateNewEmail" name="updateNewEmail" required><br>
<label for="updateNewEmail">New Email:</label> <button type="button" onclick="updateEmail()">Update Email</button>
<input type="email" id="updateNewEmail" name="updateNewEmail" required><br> </div>
<button type="button" onclick="updateEmail()">Update Email</button>
<br><br> <br><br>
<h2>Password</h2> <h2>Password</h2>
<div class="form-content" id="password-form">
<label for="changeOldPassword">Old Password:</label>
<input type="password" id="changeOldPassword" name="changeOldPassword" required><br>
<label for="changeOldPassword">Old Password:</label> <label for="changeNewPassword">New Password:</label>
<input type="password" id="changeOldPassword" name="changeOldPassword" required><br> <input type="password" id="changeNewPassword" name="changeNewPassword" required><br>
<label for="changeNewPassword">New Password:</label> <button type="button" onclick="changePassword()">Change Password</button>
<input type="password" id="changeNewPassword" name="changeNewPassword" required><br> </div>
<button type="button" onclick="changePassword()">Change Password</button>
</div> </div>
</div> </div>
<hr> <hr>