update css for posts & docs tweaks

This commit is contained in:
Enstrayed
2025-04-26 08:54:31 -07:00
parent e59162ae04
commit f3bb0f9142
4 changed files with 81 additions and 9 deletions

View File

@@ -2,7 +2,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/posts.css">
<link rel="stylesheet" href="/static/newposts.css">
<meta property="og:site_name" content="enstrayed.com">
<meta property="og:url" content="https://enstrayed.com/posts/20240409-API-Documentation.html">
@@ -16,21 +16,39 @@
<body>
<a href="/">Return to enstrayed.com</a>
<h1>API Documentation</h1>
<p>This page was last updated 2024-08-20.</p>
<p>This page was last updated 2025-04-26.</p>
<p>Source Code & Issue Tracker: <a href="https://github.com/enstrayed/enstrayedapi">github.com/enstrayed/enstrayedapi</a></p>
<hr>
<div class="inlineheader">
<h2>Important Note</h2>
</div>
<p>Multiple API endpoints are being rewritten/added, especially relating to authentication & authorization, as part of a database change to Postgres. These changes are being made in the <a href="https://github.com/Enstrayed/enstrayedapi/tree/new-db">new-db</a> branch.</p>
<div class="inlineheader">
<h2>/api/nowplaying</h2>
<a href="https://github.com/Enstrayed/enstrayedapi/blob/main/routes/nowplaying.js">nowplaying.js</a>
<div>
<span>GET</span>
</div>
</div>
<p>Returns whatever I'm listening to via the Last.fm API in JSON. If <code>?format=html</code> is used in the URL it will return the same but in HTML. If nothing is playing the JSON response will just have <code>"playing": false</code>.</p>
<div class="inlineheader">
<h2>/api/nowplayingbeta</h2>
<a href="https://github.com/Enstrayed/enstrayedapi/blob/main/routes/nowplaying.js">nowplaying.js</a>
<div>
<span>GET</span>
</div>
</div>
<p>Beta verison of the /nowplaying endpoint. This version will change frequently but presently queries my Jellyfin for what I'm listening to and will return that as JSON. If <code>?format=html</code> is appended to the URL it will return the same but in HTML. Each line in the HTML response has a class <code>nowPlayingLine[1-4]</code> that can be used to style the text using CSS. See <a href="https://github.com/Enstrayed/enstrayedapi/blob/main/liberals/libnowplaying.js#L63">libnowplaying.js:63</a> for the format of the result.</p>
<div class="inlineheader">
<h2>/api/etyd/*</h2>
<a href="https://github.com/Enstrayed/enstrayedapi/blob/main/routes/etyd.js">etyd.js</a>
@@ -55,8 +73,10 @@
<div class="inlineheader">
<h2>/api/sendemail</h2>
<a href="https://github.com/Enstrayed/enstrayedapi/blob/main/routes/mailjet.js#L3">mailjet.js</a>
<div>
<span>POST</span>
</div>
</div>
<p>Sends an email to the specified recipient, intended for application & automation use.</p>
@@ -74,7 +94,7 @@
<div class="inlineheader">
<h2>/api/ip</h2>
<a href="https://github.com/Enstrayed/enstrayedapi/blob/main/routes/ip.js">ip.js</a>
<span>GET</span>
<div><span>GET</span></div>
</div>
<p>Returns the IP, country and Cloudflare ray of the request in JSON.</p>
@@ -82,7 +102,7 @@
<div class="inlineheader">
<h2>/api/headers</h2>
<a href="https://github.com/Enstrayed/enstrayedapi/blob/main/routes/ip.js">ip.js</a>
<span>GET</span>
<div><span>GET</span></div>
</div>
<p>Returns all request headers in JSON.</p>

View File

@@ -0,0 +1,42 @@
html {
display: grid;
place-items: center;
background-color: #282828;
}
body {
margin: 2em 0 0 0;
font-family: 'Segoe UI Variable', sans-serif;
background-color: #202020;
color: #F1F1F1;
max-width: 80ch;
padding: 2em;
}
a, a:link {
color: #FF5A36;
}
a:hover {
color: #ff8266;
}
.inlineheader {
display: flex;
align-items: center;
margin-top: 2rem;
gap: 1em;
flex-wrap: wrap;
}
.inlineheader h2 {
margin: 0;
}
.inlineheader > div > span {
padding: 0.2rem;
color: white;
background-color: #f06445;
}

View File

@@ -2,16 +2,18 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/posts.css">
<link rel="stylesheet" href="/static/newposts.css">
<meta property="og:site_name" content="enstrayed.com">
<meta property="og:url" content="<!--SSR_REPLACE_URL-->>">
<meta property="og:url" content="<!--SSR_REPLACE_URL-->">
<title><!--SSR_REPLACE_TITLE--></title>
<meta property="og:title" content="<!--SSR_REPLACE_TITLE-->">
<meta name="description" content="No description available.">
<meta property="og:description" content="No description available.">
<meta property="og:image" content="https://enstrayed.com/static/snowleopard.png">
<meta property="og:color" content="#FF5A36">
</head>
<body>

View File

@@ -3,7 +3,15 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Enstrayed</title>
<title>Enstrayed.com</title>
<meta property="og:title" content="Enstrayed.com">
<meta name="description" content="Welcome to Enstrayed.com">
<meta property="og:description" content="Welcome to Enstrayed.com">
<meta property="og:url" content="https://enstrayed.com">
<meta property="og:image" content="https://enstrayed.com/static/snowleopard.png">
<meta property="og:color" content="#FF5A36">
<link rel="stylesheet" href="/static/newindex.css">
<script>