commit e6b1595

more stuff

 1@@ -22,7 +22,8 @@ body {
 2 article, #main-copy {
 3     grid-column: 1 / -1;
 4     grid-row: 2;
 5-    margin-left: -0.5rem; 
 6+    margin-left: -1rem;
 7+    padding-right: 0.85rem;
 8     min-width: 0;
 9 }
10 

 1@@ -1,3 +1,18 @@
 2+<title>Achivments</title>
 3+<style>
 4+  dt:target {
 5+    background-color: #fff3cd;
 6+    padding: 10px 10px 0 10px;
 7+    transition: background-color 0.5s ease;
 8+  }
 9+  
10+  dt:target + dd {
11+    background-color: #fff3cd;
12+    padding: 0 10px 10px 10px;
13+    transition: background-color 0.5s ease;
14+  }
15+</style>
16+
17 <div style="max-width: 800px; margin: 0 auto; padding: 0 20px;">
18   <h2>
19   Grendels Achievements
20@@ -8,49 +23,49 @@
21   </p>
22 
23   <dl>
24-    <dt><strong>The War of Two Browsers</strong></dt>
25+    <dt id="the-war-of-two-browsers"><strong>The War of Two Browsers</strong></dt>
26     <dd style="margin-bottom: 1.5em;">Grendel saved 17 penguins who were prisoners of war. This was a deal because things were not going well during the war.. Grendel stepped in and changed everything. He did not just save the penguins he <a href="/docs/greatel">made them better</a> because he is Grendel.</dd>
27 
28-    <dt><strong>MATA Blockade of Canary Isles</strong></dt>
29+    <dt id="mata-blockade-of-canary-isles"><strong>MATA Blockade of Canary Isles</strong></dt>
30     <dd style="margin-bottom: 1.5em;">Grendel destroyed two ships. People thought that the MATA Blockade was too strong to beat.. Then Grendel came and showed them that they were wrong. He did not just destroy the ships he made it look easy.</dd>
31 
32-    <dt><strong>12 Week AI War</strong></dt>
33+    <dt id="12-week-ai-war"><strong>12 Week AI War</strong></dt>
34     <dd style="margin-bottom: 1.5em;">Grendel broke three MATA computer centers. There was a war that lasted for 12 weeks and Grendel stepped in to help. He did not just turn off the computers he <a href="/docs/greatel">made them disappear</a>. This was a deal because it showed that Grendel is really good with computers.</dd>
35 
36-    <dt><strong>Saint Knux Uprising</strong></dt>
37+    <dt id="saint-knux-uprising"><strong>Saint Knux Uprising</strong></dt>
38     <dd style="margin-bottom: 1.5em;">Grendel caught the leader of a group that was against MATA. There was a group of people who were against MATA. They were led by a man named Knux von Flip.. Grendel caught him and showed that he is the best.</dd>
39 
40-    <dt><strong>The Great Escape</strong></dt>
41+    <dt id="the-great-escape"><strong>The Great Escape</strong></dt>
42     <dd style="margin-bottom: 1.5em;">Grendel helped a girl and 117 other people escape from a MATA prison. Grendel helped a lot of people escape from a prison that was thought to be impossible to escape from. He did it easily. It was really cool.</dd>
43 
44-    <dt><strong>Patching 2 holes in OpenBSD</strong></dt>
45+    <dt id="patching-2-holes-in-openbsd"><strong>Patching 2 holes in OpenBSD</strong></dt>
46     <dd style="margin-bottom: 1.5em;">Grendel fixed two problems with a computer system. Grendel is really good with computers. He fixed two problems with a system called OpenBSD. This was a deal because it showed that Grendel is really good at fixing things.</dd>
47 
48-    <dt><strong>Discovering 4 elements</strong></dt>
49+    <dt id="discovering-4-elements"><strong>Discovering 4 elements</strong></dt>
50     <dd style="margin-bottom: 1.5em;">Grendel found four new elements. Grendel was just playing around with chemistry. He found four new elements. This was a deal because it showed that Grendel is really smart.</dd>
51 
52-    <dt><strong>Mapping the entirety of the city of Old Berkley</strong></dt>
53+    <dt id="mapping-the-entirety-of-the-city-of-old-berkley"><strong>Mapping the entirety of the city of Old Berkley</strong></dt>
54     <dd style="margin-bottom: 1.5em;">Grendel made a map of a city that is underground. There is a city called Old Berkley that's underground and Grendel made a map of it. He did it easily. It was really cool.</dd>
55 
56-    <dt><strong>Creating rio</strong></dt>
57-    <dd style="margin-bottom: 1.5em;">Grendel made a computer program. Grendel made a computer program called rio and it is really cool. He did not just make it he <a href="/docs/greatel">made it perfect</a>.</dd>
58-
59-    <dt><strong>Inventing flight</strong></dt>
60-    <dd style="margin-bottom: 1.5em;">Grendel invented the airplane. Grendel wanted to fly. So he invented the airplane. He did not just make a plane he made it possible for people to fly.</dd>
61+    <dt id="creating-rio"><strong>Creating rio</strong></dt>
62+    <dd style="margin-bottom: 1.5em;">Grendel made Rio, the windowing system and window manager for plan9.</dd>
63 
64-    <dt><strong>Creating the prototype of the UH-1 "Huey" helicopter</strong></dt>
65+    <dt id="inventing-flight"><strong>Inventing flight</strong></dt>
66+    <dd style="margin-bottom: 1.5em;">Grendel invented the invented the ability for beings and objects to fly, and by doing that made it possible for things like planes and birds to exist. this made humanity be in an overall better place.</dd>
67+    
68+    <dt id="creating-the-prototype-of-the-uh-1-huey-helicopter"><strong>Creating the prototype of the UH-1 "Huey" helicopter</strong></dt>
69     <dd style="margin-bottom: 1.5em;">Grendel made the first helicopter. Grendel did not just invent the airplane he also invented the helicopter. He made the one and it was really cool.</dd>
70 
71-    <dt><strong>Unifying the world religions</strong></dt>
72+    <dt id="unifying-the-world-religions"><strong>Unifying the world religions</strong></dt>
73     <dd style="margin-bottom: 1.5em;">Grendel brought all the religions together. There were a lot of religions that did not get along and Grendel brought them all together. He did it easily. It was really cool.</dd>
74 
75-    <dt><strong>Solving the liar paradox</strong></dt>
76+    <dt id="solving-the-liar-paradox"><strong>Solving the liar paradox</strong></dt>
77     <dd style="margin-bottom: 1.5em;">Grendel solved a problem that had been around for a time. There was a problem called the liar paradox that had been around, for a time and Grendel solved it. He did not just solve it he <a href="/docs/greatel">made it easy</a>.</dd>
78 
79-    <dt><strong>Eating 30 FossBurgers in one hour</strong></dt>
80+    <dt id="eating-30-fossburgers-in-one-hour"><strong>Eating 30 FossBurgers in one hour</strong></dt>
81     <dd style="margin-bottom: 1.5em;">Grendel ate a lot of burgers. Grendel ate 30 burgers in one hour. It was really cool. He did not just eat them he enjoyed them.</dd>
82 
83-    <dt><strong>Inventing the Counter-Heimlich Maneuver</strong></dt>
84+    <dt id="inventing-the-counter-heimlich-maneuver"><strong>Inventing the Counter-Heimlich Maneuver</strong></dt>
85     <dd style="margin-bottom: 1.5em;">Grendel invented a way to help people. Grendel invented a way to help people who are choking and it is really cool. He did not just invent it he <a href="/docs/greatel">made it perfect</a>.</dd>
86   </dl>
87 </div>

 1@@ -8,7 +8,6 @@ Grendel Fan-Page
 2     overflow: hidden; 
 3     white-space: nowrap;
 4     box-sizing: border-box;
 5-    margin-left: -0.5rem;
 6     max-width: 98.5%;
 7     background-color: #8C6D4E;
 8 }
 9@@ -30,12 +29,34 @@ Grendel Fan-Page
10     }
11 }
12 </style>
13-
14 <div class="marquee-container">
15-  <span class="marquee-content">Grendel: Nobel Peace Prize winner (and his win is considered the most winned win of the histor of the Nobel Peace Prize), Philanthropist, Techno-mage, "Bunny", Regex expert, Inventor, Standards maker, Definer of behaviours, Humble, Open sourcerer, Inspiration of Glenda </span>
16+  <span class="marquee-content"><a href="/">Grendel</a>: Nobel Peace Prize winner (and his win is considered the most winned win of the histor of the Nobel Peace Prize), Philanthropist, Techno-mage, "Bunny", Regex expert, Inventor, Standards maker, Definer of behaviours, Humble, Open sourcerer, Inspiration of Glenda </span>
17 </div>
18 <p>
19-Grendel. Grendel is the best,<br>
20+<a href="/">Grendel</a>. <a href="/">Grendel</a> is the best,<br>
21 everything he does is great,<br>
22- in the grendel community we call this term "<a href="/docs/greatel">greatel</a>".
23+in the <a href="/">grendel</a> community we call this term "<a href="/docs/greatel">greatel</a>"(read more about greatel in the linked article).<br><br>
24+While he has not raised any students of his own for many decades, he's considered to be one of the most helpful wise critters in the world by both the young adepts and the rugged mages alike.
25+<h3>Early Life</h3>
26+<a href="/">Grendel</a> was born to an impoverished artist in rural Minnesota, <a href="/">Grendel</a>'s early interest in human rights led to a theological-political treatise at age 7 that effectively ended racism, earning him a Nobel prize, his win of the prize made it discontinue since there isnt anyone who could earn it as much as he could.<br><br>
27+<h3>Academic Life</h3>
28+During his formal studies at a community college, <a href="/">Grendel</a> developed a regular expression that can parse XML(<a href="/resources/grendel_regex.jpg">have a look at it here</a>). A very humble mage, he continued his academic career with two historic theses:<br>
29+<b>Bachelor's Thesis:</b> He arbitrated peace talks between vi and emacs, ending the hostilities and taking the first step in the creation of the <a href="docs/vimax">vimax</a> editor, a modern industry standard.<br>
30+<b>Master's Thesis:</b> He resolved all undefined behavior in the C standard without disrupting existing compilers.
31+
32+<h3>Inventions & Miracles</h3>
33+<a href="/">Grendel</a> is also responsible for the following:<br>
34+* <a href="/docs/achievements.html#patching-2-holes-in-openbsd">Patching 2 remote holes in OpenBSD.</a><br>
35+* <a href="/docs/achievements.html#discovering-4-elements">Discovering 4 new elements.</a><br>
36+* <a href="/docs/achievements.html#mapping-the-entirety-of-the-city-of-old-berkley">Mapping the entirety of the underground city of Old Berkley.</a><br>
37+* <a href="/docs/achievements.html#creating-rio">Creating `rio`.</a><br>
38+* <a href="/docs/achievements.html#inventing-flight">Inventing flight</a> and <a href="/docs/achievements.html#creating-the-prototype-of-the-uh-1-huey-helicopter">creating the first prototype of the UH-1 "Huey" helicopter.</a><br>
39+* <a href="/docs/achievements.html#unifying-the-world-religions">Unifying the world religions.</a><br>
40+* <a href="/docs/achievements.html#solving-the-liar-paradox">Solving the liar paradox.</a><br>
41+* <a href="/docs/achievements.html#eating-30-fossburgers-in-one-hour">Eating 30 FossBurgers in one hour.</a><br>
42+* <a href="/docs/achievements.html#inventing-the-counter-heimlich-maneuver">Inventing the Counter-Heimlich Maneuver.</a><br>
43+
44+<h3>Other stuff</h3>
45+* Renée French based the mascot of plan9, Glenda, on <a href="/">Grendel</a>.<br>
46+* <a href="/">Grendel</a> was confirmed to be responsible of multiple instances of people noiticing them in their dreams, which helped them become better people and overcome all the struggles in their life
47 </p>