SpywareWatchdog/articles/example.html

127 lines
4.2 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-type" content="application/xhtml+xml;charset=utf-8" />
<title>Example &mdash; Spyware Watchdog</title>
<link rel="stylesheet" href="../style.css" />
</head>
<body>
<div class="case">
<div class="nav">
<a href="index.html">&larr; Catalog</a>
</div>
<div class="main">
<img src="../images/example_logo.png" alt="Example's Logo" />
<h1>Example</h1>
<p>This is a example article for the markdown format. The markdown format uses <a href="https://daringfireball.net/projects/markdown/syntax">daringfireball's Markdown Syntax</a> with some modifications.
This article is not to teach you how to use markdown, it just shows you how they look in spyware watchdog and let you know of any special requirements etc.</p>
<h2>Spyware Level: <a href="spywareLevels.html#0">0</a></h2>
<h2>Config</h2>
<p>At the top of every markdown document there will be a config that looks like this:</p>
<pre><code>---
title: Google Chrome # Name of the software the article is about.
rating: 0 # The spyware rating it was given.
catagory: Browsers # Used for the generation of articles/index.html (Currently unused).
created: 2021.09.02 # The date the article was created.*
modified: 2021.09.02 # The date the article was last modified.*
version: 93.0.4577.58 # The version of the software reviewed.*
---
</code></pre>
<p>* - The opton is optional</p>
<hr />
<h2>Source reference (CUSTOM)</h2>
<p>This will link to source 1<sup><a href="#source1">[1]</a></sup><br />
This will link to source 2<sup><a href="#source2">[2]</a></sup></p>
<hr />
<h2>Headers</h2>
<p>Below are all usable header types, Header 1 is reserved for article sections and will cause issues if used.</p>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
<hr />
<h2>Blockquote</h2>
<blockquote>
<p>This is a blockquote, it does blockquote stuff.<br />
It does not like Spyware Watchdog
have any special blockquote css.</p>
</blockquote>
<p>Normal Text for comparison</p>
<hr />
<h2>Lists</h2>
<ul>
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
</ul>
<h2>Numbered Lists</h2>
<ol>
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
</ol>
<hr />
<h2>Codeblock</h2>
<pre><code>This is a codeblock.
Turns out Spyware Watchdog actually supports codeblocks.
(Unlike Blockquotes)
</code></pre>
<hr />
<h2>Horiziontal Rule</h2>
<p>You have seen this alot in this article thus far, while they can be used without spaces adding spaces avoids them acting as a Header.</p>
<hr />
<hr />
<h2>Links</h2>
<p><a href="http://example.com/" title="Title">Click Me</a></p>
<hr />
<h2>Emphasis</h2>
<p><em>Italics</em>
<strong>Bold</strong></p>
<hr />
<h2>Code</h2>
<p>Apparently <code>Codeblocks</code> was not enough so they also needed <code>Code</code>.</p>
<hr />
<h2>Images</h2>
<p><img alt="Image" src="../images/example_logo.png" /></p>
<hr />
<h2>HTML</h2>
<p>Html tags should still be fully supported.</p>
<p><button style="background-color: #FF0000; transform: rotate(30deg);" onclick="alert('Javascript bad.')">OOh look a shiny button</button></p>
</div>
<div class="further">
<hr/>
<h4>Further Reading:</h4>
<ul>
<li><a href="https://www.markdowntutorial.com/">Markdown Tutorial</a></li>
</ul>
</div>
<div class="sources">
<hr/>
<h4>Sources:</h4>
<ol>
<li id="source1"><p><a href="https://daringfireball.net/projects/markdown/syntax">Daring Fireball: Markdown Syntax Documentation</a></p></li>
<li id="source2"><p><a href="https://neocities.org/">Neocities</a></p></li>
</ol>
</div>
<div class="footer">
<hr/>
<b>This article was created on 2021.09.02</b><br/>
<b>This article was last modified on 2021.09.02</b><br/>
<hr/>
<p>If you want to edit this article, or contribute your own article(s), visit us at the git repo on <a href="https://codeberg.org/shadow/SpywareWatchdog">Codeberg</a>.</p>
<p>All contributions must be licensed under the CC0 license to be accepted.</p>
<a href="../LICENSE.txt">
<img class="icon" src="../images/cc0.png" alt="CC0 License" />
</a>
</div>
</div>
</body>
</html>