mirror of
https://github.com/linuxserver/cstate.git
synced 2026-02-20 07:55:25 +08:00
60 lines
16 KiB
HTML
60 lines
16 KiB
HTML
<!doctype html><html lang=en class=no-js><head><meta charset=utf-8><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Title here! This is an example page that demonstrates the capabilities of a Markdown page in cState.
|
|
You can use HTML if the file extension is .html, but this one is .md.
|
|
Let us dive in.
|
|
Paragraphs are separated by a blank line.
|
|
2nd paragraph. Italic, bold, and monospace. Itemized lists look like:
|
|
this one that one the other one Note that — not considering the asterisk — the actual text content starts at 4-columns in."><title>Example Page | Info :: LinuxServer.io</title><link rel=canonical href=https://info.linuxserver.io/pages/example-page/><link rel=alternate type=application/json href=https://info.linuxserver.io/pages/example-page/index.json title="Info :: LinuxServer.io"><meta name=generator content="cState v5.6.1 - https://github.com/cstate/cstate"><meta name=theme-color content="#0a0c0f"><script>var themeBrandColor='#0a0c0f',themeOkColor='#008000',themeNoticeColor='#24478f',themeDisruptedColor='#cc4400',themeDownColor='#e60000'</script><style>html,body{margin:0;background:#fff;color:#4d4d4d;font:100%/1.5 inter,inter ui,BlinkMacSystemFont,-apple-system,san francisco text,roboto,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,.25)}::selection{background:#b4d5ff}*,*:before,*:after{box-sizing:inherit}a{text-decoration:none;color:#000;border-bottom:1px dotted}a:hover{border-bottom-style:solid}a:active{position:relative;top:2px}hr{border:0;border-bottom:1px solid #ccc;margin:24px 0}h1{font-size:40px;line-height:1}h2{font-size:26px}h3{font-size:20px}h4{font-size:18px}h1,h2,h4{font-weight:400;color:#000;font-family:inter,inter ui,segoe ui,BlinkMacSystemFont,-apple-system,san francisco display,roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;letter-spacing:-.4px;overflow-wrap:break-word}h3{margin:0;color:#000}img{border:0;width:100%;height:auto}.hidden{display:none}a.no-underline{border-bottom:0}.headline{font-size:20px}.bold{color:#000}.hinted{color:#6d6d6d}.faded{color:#6d6d6d}.clean{margin:0}.ok{color:green}.warning{color:#c40}.error{color:#e60000}.contain{max-width:640px;margin:16px auto;padding:16px}.markdown pre{overflow-x:scroll}.contain--more{max-width:680px}.center{text-align:center}.right{text-align:right}.padding-s{padding:6px}.padding{padding:12px}.clicky{cursor:pointer}.link-style{border:none}.span-icon{float:right;margin-left:16px}.js .category--open .category__closed-marker{display:none}.js .category--closed .components{display:none}.js .category--closed .category__open-marker{display:none}.js .hidden-with-js{display:none}.hide-without-js{display:none}.js span.hide-without-js{display:inline}.js div.hide-without-js{display:block}.date{display:block;margin-top:12px;color:#666;font-variant:small-caps}.tag{display:inline-block;padding:4px 8px;margin-right:4px;margin-bottom:2px;background:#eee}.tag:hover{background:#ddd}.header{padding:8px 0;background:#0a0c0f}.header a{color:#fff;font-size:14px;font-variant:small-caps}.header a h1{color:#fff}.header__logo img{height:auto;width:320px}.header__logo--small img{height:auto;width:160px}.header--large{padding:16px}.header--large a{font-size:20px}.footer{padding:10px;background:#f5f5f5}.footer__copyright{display:block;font-variant:small-caps}.footer__copyright a,a.header__logo{border-bottom:0}.summary{padding:16px;color:#fff}.summary__date:hover{color:#ccc}.summary__date:hover:after{content:' ⟳ ';color:#fff}.components{border:2px solid #ddd;border-bottom:0}.component{color:#000;padding:16px;border-bottom:2px solid #ddd}.tooltip{cursor:pointer;position:relative}.tooltip__text{display:none}.tooltip:hover .tooltip__text,.tooltip:active .tooltip__text{display:block;position:absolute;top:0;left:24px;background:#181818;color:#fff;z-index:50;padding:8px;border:2px solid #242424;font-size:14px;color:#ccc;width:320px;height:auto}@media(max-width:640px){.tooltip:hover .tooltip__text,.tooltip:active .tooltip__text{width:50vw}}.tabs{border-bottom:1px solid #ccc}.tabs--inner{padding:0 16px;margin:0 auto}a.tab{display:inline-table}.tab--current{border:1px solid #ccc;border-bottom-color:#fff;padding:12px 18px;position:relative;top:1px}.tab--other{border:0;padding:12px 18px;position:relative;top:1px;color:#757575}.tab--other:hover{color:#000}.issue{display:block;padding:14px 24px}.issue:hover,.category__head:hover{background:#f5f5f5}.issue:active,.category__head:active{background:#eee}.issue h3{line-height:1.25}.category__head{margin-top:20px}.archive__head{padding:20px;background:#f5f5f5}.status-ok .summary{background:green}.status-disrupted .summary,.change-header-color.status-disrupted .header{background:#c40}.status-down .summary,.change-header-color.status-down .header{background:#e60000}.status-notice .summary,.change-header-color.status-notice .header{background:#24478f}.announcement-box .padding{padding:16px}.status-disrupted .announcement-box{border:2px solid #c40}.status-down .announcement-box{border:2px solid #e60000}.status-notice .announcement-box{border:2px solid #24478f}.status-disrupted .announcement-box,.status-down .announcement-box,.status-notice .announcement-box{border-top:0}.category--open .category-status{display:none}.component-status,.category-status{float:right}.component[data-status=ok] .component-status,.category__head[data-status=ok] .category-status{color:green}.component[data-status=disrupted] .component-status,.category__head[data-status=disrupted] .category-status{color:#c40}.component[data-status=notice] .component-status,.category__head[data-status=notice] .category-status{color:#24478f}.component[data-status=down] .component-status,.category__head[data-status=down] .category-status{color:#e60000}@media(min-width:640px){.float-right{float:right;display:inline}}@media(prefers-color-scheme:dark){html,body{background:#181a1b;color:#ccc9c1}h1,h2,h3,h4,a,.bold{color:#fafafa}hr{border-bottom-color:#3d3d3d}.footer{background:#1b1d1e}.components{border:2px solid #ddd;border-bottom:0;border-color:#3a3a3a}.component{border-bottom:2px solid #ddd;color:#e8e6e3;border-bottom-color:#3a3a3a}.tabs{border-bottom-color:#3d3d3d}.tab--current{border-color:#3d3d3d;border-bottom-color:#181a1b}.tab--other{color:#757575}.tab--other:hover{color:#fff}.date{color:#c3bfb6}.tag,.archive__head{background-color:#1d1f20}.tag:hover{background:#222}.issue:hover,.category__head:hover{background-color:#212121}.hinted,.faded{color:#c1bcb3}.error{color:#ff4242}.warning{color:#ffde7f}.ok{color:#7fff7f}.component[data-status=ok] .component-status,.category__head[data-status=ok] .category-status{color:#7fff7f}.component[data-status=disrupted] .component-status,.category__head[data-status=disrupted] .category-status{color:#ffde7f}.component[data-status=notice] .component-status,.category__head[data-status=notice] .category-status{color:#83a4e8}.component[data-status=down] .component-status,.category__head[data-status=down] .category-status{color:#ff8181}}</style><style>.pre-header-links{background-color:#0a0c0f;text-align:right;padding-right:10px}.pre-header-links a{border-bottom:none;color:#fff}</style><meta property="og:url" content="https://info.linuxserver.io/pages/example-page/"><meta property="og:type" content="website"><meta property="og:title" content="Example Page | Info :: LinuxServer.io"><meta property="og:description" content="Title here! This is an example page that demonstrates the capabilities of a Markdown page in cState.
|
|
You can use HTML if the file extension is .html, but this one is .md.
|
|
Let us dive in.
|
|
Paragraphs are separated by a blank line.
|
|
2nd paragraph. Italic, bold, and monospace. Itemized lists look like:
|
|
this one that one the other one Note that — not considering the asterisk — the actual text content starts at 4-columns in."><meta property="og:image" content="https://info.linuxserver.io/logo.png"><meta name=twitter:card content="summary_large_image"><meta property="twitter:domain" content="info.linuxserver.io"><meta property="twitter:url" content="https://info.linuxserver.io/pages/example-page/"><meta name=twitter:title content="Example Page | Info :: LinuxServer.io"><meta name=twitter:description content="Title here! This is an example page that demonstrates the capabilities of a Markdown page in cState.
|
|
You can use HTML if the file extension is .html, but this one is .md.
|
|
Let us dive in.
|
|
Paragraphs are separated by a blank line.
|
|
2nd paragraph. Italic, bold, and monospace. Itemized lists look like:
|
|
this one that one the other one Note that — not considering the asterisk — the actual text content starts at 4-columns in."><meta name=twitter:image content="https://info.linuxserver.io/logo.png"></head><body class="default single"><div class=contain><a href=https://info.linuxserver.io>← Go back to <em>Info :: LinuxServer.io</em></a><div class=padding></div><h1 id=title-here>Title here!</h1><p>This is an example page that demonstrates the capabilities of a Markdown page in cState.</p><p>You can use HTML if the file extension is <code>.html</code>, but this one is <code>.md</code>.</p><p>Let us dive in.</p><p>Paragraphs are separated by a blank line.</p><p>2nd paragraph. <em>Italic</em>, <strong>bold</strong>, and <code>monospace</code>. Itemized lists
|
|
look like:</p><ul><li>this one</li><li>that one</li><li>the other one</li></ul><p>Note that — not considering the asterisk — the actual text
|
|
content starts at 4-columns in.</p><blockquote><p>Block quotes are
|
|
written like so.</p><p>They can span multiple paragraphs,
|
|
if you like.</p></blockquote><p>Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., “it’s all
|
|
in chapters 12–14”). Three dots … will be converted to an ellipsis.
|
|
Unicode is supported. ☺</p><h2 id=an-h2-header>An h2 header</h2><p>Here’s a numbered list:</p><ol><li>first item</li><li>second item</li><li>third item</li></ol><p>Note again how the actual text starts at 4 columns in (4 characters
|
|
from the left side). Here’s a code sample:</p><pre><code># Let me re-iterate ...
|
|
for i in 1 .. 10 { do-something(i) }
|
|
</code></pre><p>As you probably guessed, indented 4 spaces. By the way, instead of
|
|
indenting the block, you can use delimited blocks, if you like:</p><pre tabindex=0><code>define foobar() {
|
|
print "Welcome to flavor country!";
|
|
}
|
|
</code></pre><p>(which makes copying & pasting easier). You can optionally mark the
|
|
delimited block for Pandoc to syntax highlight it:</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-python data-lang=python><span style=display:flex><span><span style=color:#f92672>import</span> time
|
|
</span></span><span style=display:flex><span><span style=color:#75715e># Quick, count to ten!</span>
|
|
</span></span><span style=display:flex><span><span style=color:#66d9ef>for</span> i <span style=color:#f92672>in</span> range(<span style=color:#ae81ff>10</span>):
|
|
</span></span><span style=display:flex><span> <span style=color:#75715e># (but not *too* quick)</span>
|
|
</span></span><span style=display:flex><span> time<span style=color:#f92672>.</span>sleep(<span style=color:#ae81ff>0.5</span>)
|
|
</span></span><span style=display:flex><span> print(i)
|
|
</span></span></code></pre></div><h3 id=an-h3-header>An h3 header</h3><p>Now a nested list:</p><ol><li><p>First, get these ingredients:</p><ul><li>carrots</li><li>celery</li><li>lentils</li></ul></li><li><p>Boil some water.</p></li><li><p>Dump everything in the pot and follow
|
|
this algorithm:</p><pre><code>find wooden spoon
|
|
uncover pot
|
|
stir
|
|
cover pot
|
|
balance wooden spoon precariously on pot handle
|
|
wait 10 minutes
|
|
goto first step (or shut off burner when done)
|
|
</code></pre><p>Do not bump wooden spoon or it will fall.</p></li></ol><p>Notice again how text always lines up on 4-space indents (including
|
|
that last line which continues item 3 above).</p><p>Here’s a link to <a href=http://foo.bar>a website</a>, to a <a href=local-doc.html>local
|
|
doc</a>, and to a <a href=#an-h2-header>section heading in the current
|
|
doc</a>. Here’s a footnote <sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>.</p><p>Tables can look like this:</p><table><thead><tr><th>Name Size Material Color</th><th></th><th></th><th></th></tr></thead><tbody><tr><td>All Business 9 leather brown</td><td></td><td></td><td></td></tr><tr><td>Roundabout 10 hemp canvas natural</td><td></td><td></td><td></td></tr><tr><td>Cinderella 11 glass transparent</td><td></td><td></td><td></td></tr></tbody></table><p>Table: Shoes sizes, materials, and colors.</p><p>(The above is the caption for the table.) Pandoc also supports
|
|
multi-line tables:</p><hr><p>Keyword Text</p><hr><p>red Sunsets, apples, and
|
|
other red or reddish
|
|
things.</p><p>green Leaves, grass, frogs
|
|
and other things it’s
|
|
not easy being.</p><hr><p>A horizontal rule follows.</p><hr><p>Here’s a definition list:</p><p>apples<br>: Good for making applesauce.</p><p>oranges<br>: Citrus!</p><p>tomatoes<br>: There’s no “e” in tomatoe.</p><p>Again, text is indented 4 spaces. (Put a blank line between each
|
|
term and its definition to spread things out more.)</p><p>Here’s a “line block” (note how whitespace is honored):</p><p>| Line one
|
|
| Line too
|
|
| Line tree</p><p>and images can be specified like so:</p><p><img src=https://via.placeholder.com/350x150 alt="example image" title="An exemplary image"></p><p>Inline math equation: $\omega = d\phi / dt$. Display
|
|
math should get its own line like so:</p><p>$$I = \int \rho R^{2} dV$$</p><p>And note that you can backslash-escape any punctuation characters
|
|
which you wish to be displayed literally, ex.: `foo`, *bar*, etc.</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Some footnote text. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div><script type=text/javascript>console.log('cState v5.6.1 - https://github.com/cstate/cstate'),document.getElementsByTagName('html')[0].className='js',document.body.className==='change-header-color'&&(document.body.className==='status-down'?document.querySelector('meta[name=theme-color]').setAttribute('content',themeDownColor):document.body.className==='status-disrupted'?document.querySelector('meta[name=theme-color]').setAttribute('content',themeDisruptedColor):document.querySelector('meta[name=theme-color]').setAttribute('content',themeNoticeColor)),window.location.hash.match('access_token')&&(document.location.pathname='/admin'),window.location.hash.match('invite_token')&&(document.location.pathname='/admin'),window.location.hash.match('confirmation_token')&&(document.location.pathname='/admin'),window.location.hash.match('email_change_token')&&(document.location.pathname='/admin'),window.location.hash.match('recovery_token')&&(document.location.pathname='/admin');function toggleCategoryHead(e){e.parentNode.className=='category category--open category--titled'?e.parentNode.className='category category--closed category--titled':e.parentNode.className='category category--open category--titled'}function timeSince(n){var t=Math.floor((new Date-n)/1e3),e=Math.floor(t/31536e3);return e>1?e+' years':(e=Math.floor(t/2592e3),e>1?e+' months':(e=Math.floor(t/86400),e>1?e+'d':(e=Math.floor(t/3600),e>1?e+'h':(e=Math.floor(t/60),e>1?e+' min':Math.floor(t)<0?Math.floor(t):Math.floor(t)+'s'))))}function updateRelativeTimes(){for(var e,t,n,o=document.querySelectorAll('.relative-time'),s=0;s<o.length;s++)e=o[s],t=Date.parse(e.dataset.date),n=e.getAttribute('data-time-prefix')||'',t?timeSince(t)<0?n=e.innerText:n+=timeSince(t)+' ago':(t=e.innerText,e.setAttribute('title',t||new Date),n+='just now'),n+=e.getAttribute('data-time-suffix')||'',e.innerHTML=n.trim()}updateRelativeTimes(),setInterval(updateRelativeTimes,5e3)</script><div class=footer><div class=contain><p><strong class=bold>© Info :: LinuxServer.io, 2024</strong>
|
|
• <a href=#>Back to top</a></p><p>LinuxServer.io Status page</p><small class="footer__copyright faded">Powered by <a href=https://github.com/cstate/cstate><b>cState</b></a></small><hr><p class=hinted><small>⚡
|
|
Subscribe via RSS —
|
|
<a href=https://info.linuxserver.io/index.xml class=no-underline>to all updates</a></small></p></div></div></body></html> |