gegenkultur/tutorial.html

106 lines
4.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="gap">
<meta name="description" content="ruthless criticism of all that exists">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/fart.css">
<title>GEGENKULTUR</title>
</head>
<body>
<a href="home.html"><img class="center" src="media/gegenkultur.png" alt="GEGENKULTUR"></img></a>
<h2>FOR THOSE WHO HATE SOMETHING:</h2>
<p><b>NO ONE CARES ABOUT YOUR OPINION.</b> Try to submit stuff that is funny or actually insightful and interesting. Not a rule, just advice for making good articles.</p>
<ul>
<li>Go to the <a href="https://git.nauguscave.xyz/gabbagaps/gegenkultur">repo</a></li>
<li>Commit your article:</li>
<ol>
<li>Add your article (html file) to the <code>articles/</code> folder using the template below.</a></li>
<li>Beware that all media (image, sound, video, etc) must go in the <code>media/</code> folder.</li>
<li>Also add a link to the article in <code>home.html</code></li>
<li>???</li>
<li>Profit</li>
</ol>
<li>If I like your article it will become part of this site!</li>
<li>You can use the commit system to add improvements also.</li>
</ul>
<h2>TEMPLATE:</h2>
<p>NOTE: You can do whatever you want html/css wise in the actual article just keep the surrounding shit the same.</p>
<p><i>See the code(?) in action <a href="articles/example.html">here</a>.</i></p>
<!-- With the power of vim the following abomination was actually a pretty easy task-->
<code>
&lt;!DOCTYPE html&gt;
<br>
&lt;html&gt;
<br>
<br>
&lt;head&gt;
<br>
&emsp;&emsp;&lt;meta charset=&quot;UTF-8&quot;&gt;
<br>
&emsp;&emsp;&lt;meta name=&quot;author&quot; content=&quot;insert your author name here&quot;&gt;
<br>
&emsp;&emsp;&lt;meta name=&quot;description&quot; content=&quot;put whatever you want too&quot;&gt;
<br>
&emsp;&emsp;&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
<br>
&emsp;&emsp;&lt;link rel=&quot;shortcut icon&quot; href=&quot;favicon.ico&quot; type=&quot;image/x-icon&quot;&gt;
<br>
&emsp;&emsp;&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/fart.css&quot;&gt; &lt;!-- don't touch this, do funny stuff if you want but keep it stylisticly consistent --&gt;
<br>
&emsp;&emsp;&lt;title&gt;I HATE SOMETHING&lt;/title&gt;
<br>
&lt;/head&gt;
<br>
<br>
&lt;body&gt;
<br>
&emsp;&emsp;&lt;a href=&quot;../home.html&quot;&gt;&lt;img class=&quot;center&quot; src=&quot;../media/gegenkultur.png&quot; alt=&quot;GEGENKULTUR&quot;&gt;&lt;/a&gt;
<br>
&emsp;&emsp;&lt;article class=&quot;ebin&quot;&gt;
<br>
&emsp;&emsp;&lt;div&gt;
<br>
&emsp;&emsp;&emsp;&lt;marquee behaviour=&quot;scroll&quot; direction=&quot;left&quot; scrollamount=&quot;10&quot;&gt;&lt;h1 style=&quot;text-align:center;&quot;&gt;I HATE SOMETHING&lt;/h1&gt;&lt;/marquee&gt;
<br>
&emsp;&emsp;&emsp;&lt;h2&gt;feur&lt;/h2&gt;
<br>
&emsp;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
<br>
&emsp;&lt;img style=&quot;height: 40%; width=40%;&quot; src=&quot;../media/example.png&quot; alt=&quot;example&quot;&gt; &lt;!-- here I resized it but you don't need to if it isn't too big&emsp;--&gt;
<br>
&emsp;&lt;h2&gt;In conclusion:&lt;/h2&gt;
<br>
&emsp;&lt;ul&gt;
<br>
&emsp;&emsp;&lt;li&gt;poop&lt;/li&gt;
<br>
&emsp;&emsp;&lt;li&gt;fart&lt;/li&gt;
<br>
&emsp;&emsp;&lt;li&gt;piss&lt;/li&gt;
<br>
&emsp;&lt;/ul&gt;
<br>
&emsp;&lt;p&gt;maybe put break tags here idk xd&lt;/p&gt;
<br>
&emsp;&emsp;&lt;hr&gt;
<br>
&emsp;&emsp;&lt;footer&gt;21/05/2022&lt;/footer&gt;
<br>
&emsp;&emsp;&lt;/div&gt;
<br>
&emsp;&emsp;&lt;/article&gt;
<br>
&lt;/body&gt;
<br>
<br>
&lt;/html&gt;
</code>
</body>
</html>