Webleb - UI Elements - Web Content API v1 Documentation

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Content API Documentation</title>
    <style>
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background-color: #f4f7f6; color: #333; }
        .container { max-width: 900px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
        h1 { color: #007bff; border-bottom: 3px solid #007bff; padding-bottom: 10px; margin-bottom: 20px; }
        h2 { color: #555; margin-top: 30px; border-left: 5px solid #ccc; padding-left: 10px; }
        .endpoint { background-color: #e9f7ff; padding: 15px; border-radius: 6px; margin-bottom: 20px; border: 1px solid #cceeff; }
        code { background-color: #eee; padding: 2px 4px; border-radius: 3px; font-family: monospace; font-size: 0.9em; color: #c7254e; }
        pre code { display: block; padding: 15px; background-color: #272822; color: #f8f8f2; overflow-x: auto; border-radius: 4px; }
        .method { font-weight: bold; color: #28a745; margin-right: 10px; }
    </style>
</head>
<body>

<div class="container">
    <h1>Web Content Delivery API (v1)</h1>
    <p>This API provides streamlined access to all published content, including articles, pages, and media assets.</p>

<h2>Authentication</h2>
    <p>All requests require a valid API key passed in the <code>X-API-Key</code> header or as a query parameter <code>?api_key=...</code>.</p>

<h2>Endpoints</h2>

<div class="endpoint">
        <h3>1. Retrieve All Content Items</h3>
        <p>Fetches a paginated list of all available content.</p>
        <p><span class="method">GET</span> <code>/api/v1/content</code></p>
        <h4>Query Parameters:</h4>
        <ul>
            <li><code>type</code>: (Optional) Filter by content type (e.g., <code>article</code>, <code>page</code>).</li>
            <li><code>limit</code>: (Optional) Number of items per page (Default: 20).</li>
        </ul>
    </div>

<div class="endpoint">
        <h3>2. Get Content By Slug</h3>
        <p>Retrieves the full details for a single content item using its unique slug identifier.</p>
        <p><span class="method">GET</span> <code>/api/v1/content/{slug}</code></p>
        <h4>Example Response (JSON):</h4>
        <pre><code>
{
  "id": 45,
  "slug": "getting-started-api",
  "title": "Getting Started with the Content API",
  "author": "Jane Doe",
  "published_date": "2023-10-26T10:00:00Z",
  "body": "<p>This is the full HTML content of the article...</p>",
  "metadata": {
    "tags": ["api", "tutorial", "docs"]
  }
}
        </code></pre>
    </div>

<div class="endpoint">
        <h3>3. Search Content</h3>
        <p>Allows full-text search across all indexed content fields.</p>
        <p><span class="method">GET</span> <code>/api/v1/search</code></p>
        <p><strong>Required Parameter:</strong> <code>q</code> (The search query string)</p>
    </div>

<h2>Error Codes</h2>
    <ul>
        <li><code>400 Bad Request</code>: Missing required parameters.</li>
        <li><code>401 Unauthorized</code>: Invalid or missing API key.</li>
        <li><code>404 Not Found</code>: Content item does not exist.</li>
    </ul>

</div>

</body>
</html>

/* Replace with your CSS Code 
 PNG

���
IHDR���������N���	pHYs����+���lIDATx
��� Om7�������������������������������������������������������������������������������������We�*x����IENDB`PNG

���
IHDR���C���C���H/$���	pHYs����+���$IDATh1��� Om�������������4�W<����IENDB`PNG

���
IHDR���J���J���U&���	pHYs����+���&IDATx��� nH@���������������@v�C����IENDB`PNG

���
IHDR���9���9���z���	pHYs����+���IDATh��� nH@��������n&L�3#����IENDB`PNG

���
IHDR���������h$u���	pHYs����+���SIDATx
��� Om7������������������������������������������������������������x2�2
����IENDB`
Warning: Cannot modify header information - headers already sent by (output started at /home/user/scripts/code.php:70) in /home/user/scripts/code.php on line 91

Warning: Cannot modify header information - headers already sent by (output started at /home/user/scripts/code.php:70) in /home/user/scripts/code.php on line 92
{\rtf1\ansi\deff0{\stylesheet{\s0 \fi-567\li567\ri-567\sa200\sl276\slmult1\f0\fs22\cf1 \snext0 Normal;}}\trowd\trgaph108\trleft-108\trrh-567\trhdr\clbrdrt\brdrs\clbrdrl\brdrs\clbrdrb\brdrs\clbrdrr\brdrs\cellx2267\clbrdrt\brdrs\clbrdrl\brdrs\clbrdrb\brdrs\clbrdrr\brdrs\cellx4533\pard\intbl\f0\fs22\cf1 \cell \pard\intbl\f0\fs22\cf1 \cell\row\pard}\par \par \pict\picscalex100\picscaley100\piccropl0\piccropr0\piccropt0\piccropb0 PHJlY3QgY3g9IjEwMCIgY3k9IjMyIiByPSIxNzEiIGZpbGw9InJnYig1NSw4MSw4KSIgLz48cmVjdCBjeD0iNzAiIGN5PSIyMyIgcj0iNjciIGZpbGw9InJnYig1LDAsNTUpIiAvPjxyZWN0IGN4PSIwIiBjeT0iNjkiIHI9Ijc0IiBmaWxsPSJyZ2IoMjEsNDQsMCkiIC8+PHJlY3QgY3g9IjUyIiBjeT0iNjgiIHI9IjU3IiBmaWxsPSJyZ2IoMjEsMTQ5LDIpIiAvPjxjaXJjbGUgY3g9IjExIiBjeT0iNzYiIHI9IjE0NCIgZmlsbD0icmdiKDEsMSwyMSkiIC8+\par \par\par \par \pard \fs22 \cf1 Encrypted CSS Stylesheet: \par \par \cf2 RCtmZ1gwMTVCZDVNdmRFcEVBLzIwNGNxVUt4d1QrYkVCVU5heThZbnVnZXRhUHdienZ2K202MGZCZ3RZU01WajNLMExIbHFwTEZBZGZuVGs3M3Azc3YzK0s2MmFnZG9vWEtzdzZORFkwdGVvR1hTY0NLWE1xajdZQnVGNmk2QzU4OEdISzhGWWljdGM4TEhEeCtVYzZpc0huSGVOcW9WdFhNalR4TWsyZUM1MFc3a2k3d1hpR2YyOXBac0JDSkRxZWY2a1Y2Vy9BUmh2dHFTZFFmOThGclpnQkxLY3pCVEI2VlQ5cmZTS3JvOURFMlJJYUVXTTg1N3FUbzBFaHFjWnZEbmV4OFZIaElqVy9kOElhdU43bFVHdVhmNnUxNnI3M01oOHMydXZyQ1lLd1pXR1pMeWR0UWkrV2h1RUFRTi9TTExSeG82N3hmUVNYcmplVFY4NHZqVFZLR1YveG9WZysvblViQjk4Vk9RQVBVYmN0TmNweWVudHFqWC9KRXdvbmFYOW9vWERPUG5SMG56cUVGL1VRbWNVcnpMRnh0aTAyY21KUkpnbjBkQkQxY1NxV3dJa2IvNzgvRzVPVFA0bXkrQUlsa1ZHanJmR0c1TTFncWt6Mk5XYms4dFgvK3FFOGVBRkcwSzcvYWZxaGxqSy9CdXBncVVLU1hOV1pVUklTQUdhMEY0MmxPMDRFTXdtV1RtTGhJMDgvUFgxclNVVW51WHpnSHhPeGRzPQ==\par \par \cf1 Checksum: 1830640191\par \par\par \par \pard \fs22 \cf1 Web Token: my_super_secure_web_token\par \par\par \par \pard \fs22 \cf1 Hex Color Palette: \par \par \cf2 red: #FF0000 \par \cf1\cf2 green: #00FF00 \par \cf1\cf2 blue: #0000FF \par \cf1\cf2 yellow: #FFFF00 \par \cf1\cf2 cyan: #00FFFF \par \cf1\cf2 magenta: #FF00FF \par \cf1\par \par \pard \fs22 \cf1 Computed Stylesheet: \par \par \cf2 eyJzdHlsZXMiOiJcclxuYm9keSB7XHJcbiAgICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjRkYwMDAwO1xyXG4gICAgcGFkZGluZzogMHB4IDg5cHg7XHJcbn1cclxuXHJcbmgxIHtcclxuICAgIGNvbG9yOiAjRkZGRjAwO1xyXG4gICAgZm9udC1zaXplOiAyNHB4O1xyXG4gICAgcGFkZGluZzogMjRweCA4MXB4O1xyXG59XHJcblxyXG5wIHtcclxuICAgIGNvbG9yOiAjRkZGRjAwO1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgcGFkZGluZzogMHB4IDBweDtcclxufVxyXG5cclxuLnNoYXBlIHtcclxuICAgIHdpZHRoOiAxNDRweDtcclxuICAgIGhlaWdodDogNHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDAsIDI0LCAxKTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMTQ0JTtcclxuICAgIGxlZnQ6IDIlO1xyXG59XHJcbiIsImhleF9jb2xvcnMiOnsicmVkIjoiI0ZGMDAwMCIsImdyZWVuIjoiIzAwRkYwMCIsImJsdWUiOiIjMDAwMEZGIiwieWVsbG93IjoiI0ZGRkYwMCIsImN5YW4iOiIjMDBGRkZGIiwibWFnZW50YSI6IiNGRjAwRkYifSwiZmlib25hY2NpIjpbMCwxLDEsMiwzLDUsOCwxMywyMSwzNCw1NSw4OSwxNDRdLCJ0cmlib25hY2NpIjpbMCwwLDEsMSwyLDQsNywxMywyNCw0NCw4MSwxNDksMjc0XX0=\par \par \cf1/* Ink-CSS CSS Stylesheet URI: ink-css://encrypted-styles?checksum=1830640191&token=my_super_secure_web_token *//* AES Web Socket Output: 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 */
(Leave empty if not needed) */

/* Replace with your JS Code 
  (Leave empty if not needed) */

PNG

���
IHDR���C���C���H/$���	pHYs����+���$IDATh1��� Om�������������4�W<����IENDB`PNG

���
IHDR���J���J���U&���	pHYs����+���&IDATx��� nH@���������������@v�C����IENDB`PNG

���
IHDR���9���9���z���	pHYs����+���IDATh��� nH@��������n&L�3#����IENDB`PNG

Validating your code, please wait...

HTML

CSS

<div class="container">
    <h1>Web Content Delivery API (v1)</h1>
    <p>This API provides streamlined access to all published content, including articles, pages, and media assets.</p>

<h2>Authentication</h2>
    <p>All requests require a valid API key passed in the <code>X-API-Key</code> header or as a query parameter <code>?api_key=...</code>.</p>

<h2>Endpoints</h2>

</div>

</body>
</html>

/* Replace with your CSS Code 
 PNG

���
IHDR���C���C���H/$���	pHYs����+���$IDATh1��� Om�������������4�W<����IENDB`PNG

���
IHDR���J���J���U&���	pHYs����+���&IDATx��� nH@���������������@v�C����IENDB`PNG

���
IHDR���9���9���z���	pHYs����+���IDATh��� nH@��������n&L�3#����IENDB`PNG

/* Replace with your JS Code 
  (Leave empty if not needed) */

PNG

���
IHDR���C���C���H/$���	pHYs����+���$IDATh1��� Om�������������4�W<����IENDB`PNG

���
IHDR���J���J���U&���	pHYs����+���&IDATx��� nH@���������������@v�C����IENDB`PNG

���
IHDR���9���9���z���	pHYs����+���IDATh��� nH@��������n&L�3#����IENDB`PNG