Updated to match current site

frontend/dist/styles.css

@@ -1,8 +1,8 @@
 @charset "UTF-8";
 
 @import "https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans&display=swap";/*!* Bootstrap v5.0.2 (https://getbootstrap.com/)
-* Copyright 2011-2021 The Bootstrap Authors
-* Copyright 2011-2021 Twitter, Inc.
+* Copyright 2011-2023 The Bootstrap Authors
+* Copyright 2011-2023 Twitter, Inc. (Fuck Elon)
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)*/:root {
 	--bs-blue: #0d6efd;
 	--bs-indigo: #6610f2;
@@ -47,7 +47,7 @@ body {
 	font-weight: 400;
 	line-height: 1.5;
 	color: #212529;
-	background-color: #2E323E;
+	background-color: #2A2A2A;
 	-webkit-text-size-adjust: 100%;
 	-webkit-tap-highlight-color: transparent;
 }
@@ -258,6 +258,12 @@ figure {
 
 img,svg {
 	vertical-align: middle;
+	
+}
+img.center{
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
 }
 
 table {
@@ -300,7 +306,7 @@ input,button,select,optgroup,textarea {
 	font-family: inherit;
 	font-size: inherit;
 	line-height: inherit;
-	background-color: #2E323E;
+	background-color: #2A2A2A;
 	color: #a6acb1;
 }
 
@@ -2084,7 +2090,7 @@ progress {
 	font-weight: 700;
 	line-height: 1.5;
 	color: #a6acb1;
-	background-color: #2E323E;
+	background-color: #2A2A2A;
 	background-clip: padding-box;
 	border: 0 solid #ced4da;
 	appearance: none;
@@ -2108,7 +2114,7 @@ progress {
 
 .form-control:focus {
 	color: #a6acb1;
-	background-color: #2E323E;
+	background-color: #2A2A2A;
 	border-color: #86b7fe;
 	outline: 0;
 	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
@@ -4424,7 +4430,7 @@ textarea.form-control-lg {
 .card-body {
 	flex: 1 1 auto;
 	padding: 1rem;
-	background-color: #383C4A;
+	background-color: #121212;
 }
 
 .card-title {
@@ -6759,7 +6765,7 @@ textarea.form-control-lg {
 
 .border-0 {
 	border: 0!important;
-	background-color: #383C4A;
+	background-color: #121212;
 }
 
 .border-top {
@@ -12047,7 +12053,7 @@ span {
 }
 
 input#url {
-	background-color: #2E323E;
+	background-color: #2A2A2A;
 	color: #a6acb1;
 }
 
@@ -12056,5 +12062,5 @@ input.form-control.form-control-sm.text-uppercase {
 }
 
 div.mt-2.card.card-body {
-	border-color: #2E323E;
+	border-color: #2A2A2A;
 }

frontend/header.php

@@ -8,17 +8,12 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="description" content="<?php echo description ?>">
         <link rel="icon" href="<?php echo favicon ?>">
-        <meta name="twitter:card" content="summary_large_image">
-        <meta name="twitter:site" content="@OldgateORG">
-        <meta name="twitter:title" content="<?php echo title?>">
-        <meta name="twitter:description" content="<?php echo description ?>">
-        <meta name="keywords" content="SOP.wtf, SOP Link Shortener, SOP">
+        <meta name="keywords" content="<?php echo keywords ?>">
         <meta property="og:url" content="<?php $YOURLS_SITE ?>">
         <meta property="og:type" content="website">
         <meta property="og:title" content="<?php echo title?>">
         <meta property="og:description" content="<?php echo description ?>">
-        <meta property="og:image" content="https://sop.wtf/frontend/assets/img/cover.png">
-        <meta name="twitter:image" content="https://sop.wtf/frontend/assets/img/cover.png">
+        <meta property="og:image" content="<?php echo ogimg ?>">
         <title><?php echo title ?></title>
         <link rel="stylesheet" href="<?php $YOURLS_SITE ?>/frontend/dist/styles.css">
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
@@ -33,7 +28,7 @@
         <?php else : ?>
             <style>
                 body {
-                    background-color: <?php echo colour ?>;
+                    background-color: <?php echo color ?>;
                 }
             </style>
         <?php endif; ?>