Improve opengraph compatibility.

2025-02-15 12:38:58 +00:00 · 2025-02-15 12:38:58 +00:00 · df5396cff8
commit df5396cff8
parent 4b685ad01e
7 changed files with 361 additions and 12 deletions
--- a/assets/music.jpg
+++ b/assets/music.jpg
--- a/assets/styles.css
+++ b/assets/styles.css
@ -0,0 +1,26 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+
+html, body {
+    height: 100%;
+    background: #0F2027;
+    background: -webkit-linear-gradient(to bottom left, #2C5364, #203A43, #0F2027);
+    background: linear-gradient(to bottom left, #2C5364, #203A43, #0F2027);
+    
+    color: white;
+
+    font-family: 'Monsterrat', sans-serif;
+
+    text-align: center;
+}
+
+/* Make anchor tags look like buttons */
+a {
+    display: inline-block;
+    padding: 10px 20px;
+    margin: 10px 0;
+    background: #185c7a;
+    color: white;
+    text-decoration: none;
+    border-radius: 5px;
+    border: 2px solid white;
+}
--- a/assets/view.html
+++ b/assets/view.html
@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Viewing {{filename}}</title>
+    {{ogTags}}
+
+    <link rel="stylesheet" href="/styles.css">
+</head>
+
+<body>
+    <h1>Viewing {{filename}}</h1>
+    <a download="{{filename}}" href="/f/{{joinedPath}}">Download File</a>
+    <hr />
+    {{fileContent}}
+</body>
+
+</html>