Written some articles and added a few changes

components/codeblock.js

@@ -0,0 +1,10 @@
+import styles from '../styles/CodeBlock.module.css';
+
+export default function CodeBlock (props) {
+    return (
+        <div className={styles.CodeBlock} style={props.quote ? {paddingTop: '0px', paddingLeft:'0px'} : {}}>
+            {props.quote ? (<div className={styles.Author}>{props.author} says:</div>) : null}
+            <div style={props.quote ? {paddingLeft:'10px'} : {}}>{props.children}</div>
+        </div>
+    )
+}

pages/articles.js

@@ -9,6 +9,8 @@ export default function Articles() {
             <Navbar />
             <span className={styles.TopText}>Latest (This is a very new part of the website, no proper automation has been implemented, all articles are written manually ^*^)</span>
             <div className={styles.Articles}>
+                <Link href="/articles/cummies_reply_to_update"><a className={styles.LinkText}>Reply of Cummies to "An update on my situation"</a></Link><div className={styles.Time}>Published on 2022/Feb/16</div><br/>
+                {/* <Link href="/articles/clearing_up_my_position_in_the_attack"><a className={styles.LinkText}>Clearing up my position in the attack.</a></Link><div className={styles.Time}>Published on 2022/Feb/16</div><br/> */}
                 <Link href="/articles/new_updates_to_thered_sh"><a className={styles.LinkText}>New updates to TheRed.SH!</a></Link><div className={styles.Time}>Published on 2022/Feb/15</div><br/>
                 <Link href="/articles/an_update_on_my_situation"><a className={styles.LinkText}>An update on my situation</a></Link><div className={styles.Time}>Published on 2022/Feb/15</div>
             </div>

pages/articles/cummies_reply_to_update.js

@@ -0,0 +1,31 @@
+import Article from '../../components/article';
+import Author from '../../components/author';
+import Navbar from '../../components/navbar';
+import EndQuote from '../../components/endquote';
+import CodeBlock from '../../components/codeblock';
+import Link from 'next/dist/client/link';
+
+export default function NewUpdatesToTheRedSH () {
+    return (
+        <>
+            <Navbar />
+            <Article>
+                <Author>Cummies</Author>
+                <CodeBlock author="TheRed" quote>
+                    Cummies is replying to <Link href='/articles/an_update_on_my_situation'><a>this post</a></Link> as well as <Link href="https://forum.totalfreedom.me/d/3736"><a>this post on TF forums</a></Link>
+                </CodeBlock>
+                <b style={{fontSize: "20pt"}}>Reply of Cummies to "An update on my situation"</b><br/>
+                TheRed is not a Pedophile, nor is he defending them, I know him too well for him to be that. I am not a pedophile either, in fact, even I am still a minor.<br/>
+                The people that messaged TotalFreedom staff are from a chat roulette website, it was solely their responsibility for what they messaged Staff with, it was not me, my friends or TheRed himself - in fact, those messages could have come from anyone, not just people from said site, but for example from real life, where even I got sexually hit on by a guy way above my age for my “big ass”. I do not endorse what those people may have sent your Staff, we just wanted to get a few weird people to add Staff members in mass, just to see a bit more drama unfold - because that’s what makes TotalFreedom alive - If you do not want strangers to add you or message you I seriously recommend you to stop being crybaby bitches and instead to turn off your friend requests and direct messages. I also have not told TheRed a lot about how the attack has worked, so he couldn’t have known better how to tell it to you. I even told him multiple times that he should stay out of this and forward everything to me, as I did not want him to get in trouble, but he insisted in continuing to troll you a little bit. Nevertheless, TheRed was not part of any sort of pedophilic activity, neither was he part of the DDoSing that the forums experienced, if you could even call it a DDoS given how simple it was.<br/><br/>
+                This just goes to show how much of a dumpsterfire TotalFreedom is, and how it is only alive thanks to drama and taking things too much out of context. To be fair, it's completely self explanatory to why TotalFreedom has died down so much, management is shit and the sole thing that keeps the server alive is just plain and simply: drama.
+                The sole reason we started to target TotalFreedom was because of Ryan's irresponsibility as the defacto Owner of TotalFreedom, and because we wanted to do a bit of trolling and stir up some drama.<br/><br/>
+                Also, the Forum is setup in such a way that anyone can grab your IP via a foreign image, we already tried that a few months back. Thank TotalFreedom System Admins for their shitty administration. Even I got my webserver DDoSed once and I was able to mitigate that attack within an hour by adding a single line of code to my application, while for TotalFreedom’s forums 10 requests per second were enough to severely slow it down, plus, it took ages for you to “mitigate” the attack, I hope you learnt to use cloudflare and ip-/nftables properly now.
+                <br/><br/>
+                <EndQuote>
+                    Thank you,<br/>
+                    Cummies
+                </EndQuote>
+            </Article>
+        </>
+    )
+}

styles/Articles.module.css

@@ -76,7 +76,7 @@
     padding-right:20px;
     font-family: 'Consolas';
     margin-bottom:-10px;
-    margin-top:6px;
+    margin-top:4px;
     z-index:+10;
     position:relative;
     background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(27, 26, 36) 35%);

styles/CodeBlock.module.css

@@ -0,0 +1,28 @@
+.CodeBlock {
+    background-color: rgb(37, 36, 49);
+    font-family: 'Consolas';
+    color: #ccc;
+    padding: 10px;
+    border-radius: 5px;
+    margin-top:10px;
+    margin-bottom:10px;
+    max-width: fit-content;
+}
+.Author {
+    background-color: rgb(56, 55, 73);
+    max-width: fit-content;
+    padding-left:10px;
+    padding-top:5px;
+    padding-bottom:3px;
+    margin-bottom:5px;
+    padding-right:10px;
+    border-radius: 5px 0px 10px 0px;
+    -webkit-box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.2); 
+    box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.2);
+}
+.CodeBlock>div>a {
+    color: #77c;
+}
+.CodeBlock>div>a:hover {
+    color: #77f;
+}