mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2024-12-29 10:56:12 +00:00
Link previews with generated header
This commit is contained in:
parent
3110858151
commit
410a8f8943
|
@ -1,10 +1,32 @@
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
<?php
|
||||||
|
// Get image info for image meta
|
||||||
|
if ( basename($_SERVER['PHP_SELF']) == "image.php") {
|
||||||
|
$image = $image_info->get_image_info($conn, $_GET['id']);
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<!-- Auto generated header tags -->
|
||||||
|
<title><?php echo $user_settings['website_name']; ?></title>
|
||||||
|
<meta name="description" content="<?php echo $user_settings['website_description']; ?>"/>
|
||||||
|
<meta name="keywords" content="Image, Gallery"/>
|
||||||
|
<meta name="author" content="<?php echo $user_settings['user_name']; ?>"/>
|
||||||
|
<!-- OG -->
|
||||||
|
<meta property="og:title" content="<?php echo $user_settings['website_name']; ?>"/>
|
||||||
|
<meta property="og:description" content="<?php echo $user_settings['website_description']; ?>"/>
|
||||||
|
<meta property="og:image" content="<?php echo "images/".$image['imagename']; ?>"/>
|
||||||
|
<meta property="og:type" content="website"/>
|
||||||
|
<meta name="theme-color" content="#8C977D">
|
||||||
|
<!-- Twitter -->
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="twitter:description" content="<?php echo $user_settings['website_description']; ?>">/
|
||||||
|
<meta name="twitter:title" content="<?php echo $user_settings['website_name']; ?>"/>
|
||||||
|
|
||||||
|
|
||||||
<!-- Stylesheets -->
|
<!-- Stylesheets -->
|
||||||
<link rel="stylesheet" href="css/main.css">
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
|
||||||
|
|
||||||
<!-- Google Fonts -->
|
<!-- Google Fonts -->
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@600">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@600">
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Secular+One&display=swap">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Secular+One&display=swap">
|
||||||
|
|
|
@ -709,7 +709,7 @@ nav .btn {
|
||||||
.upload-root > img {
|
.upload-root > img {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 20rem;
|
max-height: 15rem;
|
||||||
border-radius: -0.3rem;
|
border-radius: -0.3rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
@ -487,7 +487,7 @@
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 20rem;
|
max-height: 15rem;
|
||||||
|
|
||||||
border-radius: calc($rad - 0.7rem);
|
border-radius: calc($rad - 0.7rem);
|
||||||
|
|
||||||
|
|
24
image.php
24
image.php
|
@ -1,4 +1,14 @@
|
||||||
<?php require_once __DIR__."/app/required.php"; ?>
|
<?php
|
||||||
|
require_once __DIR__."/app/required.php";
|
||||||
|
|
||||||
|
use App\Account;
|
||||||
|
use App\Image;
|
||||||
|
use App\Diff;
|
||||||
|
|
||||||
|
$image_info = new Image;
|
||||||
|
$user_info = new Account;
|
||||||
|
$diff = new Diff();
|
||||||
|
?>
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
@ -11,14 +21,6 @@
|
||||||
<?php
|
<?php
|
||||||
require_once __DIR__."/assets/ui/nav.php";
|
require_once __DIR__."/assets/ui/nav.php";
|
||||||
|
|
||||||
use App\Account;
|
|
||||||
use App\Image;
|
|
||||||
use App\Diff;
|
|
||||||
|
|
||||||
$image_info = new Image;
|
|
||||||
$user_info = new Account;
|
|
||||||
$diff = new Diff();
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|-------------------------------------------------------------
|
|-------------------------------------------------------------
|
||||||
| Get image ID
|
| Get image ID
|
||||||
|
@ -27,12 +29,12 @@
|
||||||
| If ID cannot be obtained, give error. ID going here ^^
|
| If ID cannot be obtained, give error. ID going here ^^
|
||||||
|-------------------------------------------------------------
|
|-------------------------------------------------------------
|
||||||
*/
|
*/
|
||||||
if (isset($_GET['id']) && is_numeric($_GET['id'])) {
|
if (isset($_GET['id'])) {
|
||||||
// Get all image info
|
// Get all image info
|
||||||
$image = $image_info->get_image_info($conn, $_GET['id']);
|
$image = $image_info->get_image_info($conn, $_GET['id']);
|
||||||
|
|
||||||
// Check if image is avalible
|
// Check if image is avalible
|
||||||
if (isset($image['imagename'])) {
|
if (!empty($image['imagename']) && isset($image['imagename'])) {
|
||||||
$image_present = True;
|
$image_present = True;
|
||||||
} else {
|
} else {
|
||||||
?>
|
?>
|
||||||
|
|
|
@ -84,6 +84,7 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
// Empty values
|
// Empty values
|
||||||
|
imagePreview.src = "";
|
||||||
$("#image").val("");
|
$("#image").val("");
|
||||||
$("#alt").val("");
|
$("#alt").val("");
|
||||||
$("#tags").val("");
|
$("#tags").val("");
|
||||||
|
|
Loading…
Reference in a new issue