fixes

Signed-off-by: Naman Sood <mail@nsood.in>

css/style.css

@@ -21,6 +21,8 @@ body {
   --purpText: #7166af;
   --yellColor: #fcfcbf;
   --yellText: #8c8c5f;
+  --pinkColor: #fca9d6;
+  --pinkText: #7f556c;
   --blueColor: #ade3ff;
   --blueText: #46748c;
 }
@@ -70,6 +72,12 @@ body.yell-mode {
   --textColor: #8c8c5f;
   --boldColor: #353528;
 }
+body.pink-mode {
+  --bgColor: #fca9d6;
+  --iconColor: #54543f;
+  --textColor: #6b5260;
+  --boldColor: #513645;
+}
 body.blue-mode {
   --bgColor: #ade3ff;
   --iconColor: #394b54;

css/style.scss

@@ -71,6 +71,15 @@ body {
 		--boldColor: #353528;
 	}
 
+	--pinkColor: #fca9d6;
+	--pinkText: #7f556c;
+	&.pink-mode {
+		--bgColor: #fca9d6;
+		--iconColor: #54543f;
+		--textColor: #6b5260;
+		--boldColor: #513645;
+	}
+
 	--blueColor: #ade3ff;
 	--blueText: #46748c;
 	&.blue-mode {

index.html

@@ -21,7 +21,7 @@
 	<canvas id="bg" alt=""></canvas>
 	<div class="text-container">
 		<h1>Hi, I&rsquo;m Naman.</h1>
-		<h3>I&rsquo;m a<span class="age"> twenty one</span> year-old who's fond of <em>coffee</em>, <em>math</em>, <em>writing</em>, <em>cars</em>, <button class="among">among</button> other things. I also enjoy <em>programming</em> enough to do that for a living. I&rsquo;m currently studying <em>computer science</em> at the <em>University of Waterloo</em>.</h3>
+		<h3>I&rsquo;m <span class="description">a person</span> who's fond of <em>coffee</em>, <em>math</em>, <em>writing</em>, <em>cars</em>, <button class="among">among</button> other things. I also enjoy <em>programming</em> enough to do that for a living.</h3>
 		<h3>You can click to see my <a href="/resume.pdf">resume</a>, visit my <a href="https://prose.nsood.in">blog</a>, or check out ways to contact me below.</h3>
 		<div class="contact-methods">
 			<a href="mailto:mail@nsood.in" class="contact-method" aria-label="Email">

js/script.js

@@ -104,17 +104,18 @@ if(today.getMonth() < birthday.month || (today.getMonth() == birthday.month && t
 }
 const tens = ['', ' ten plus', ' twenty', ' thirty', ' forty', ' fifty', ' sixty', ' seventy', 'n eighty', ' ninety'];
 const ones = ['', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'];
-document.querySelector('.age').textContent = `${tens[Math.floor(age / 10)]} ${ones[age % 10]}`;
+document.querySelector('.description').textContent = `a${tens[Math.floor(age / 10)]} ${ones[age % 10]} year-old`;
 
 // easter egg
 
 const sequences = [
-	'DARK',
+	'YELL',
 	'LITE',
 	'PURP',
-	'MINT',
+	'DARK',
-	'YELL',
 	'BLUE',
+	'PINK',
+	'MINT',
 	'SAVE'
 ].map(seq => ({
 	word: seq,
@@ -155,7 +156,8 @@ document.querySelector('button.change-color-button').addEventListener('click', (
 });
 
 sequences.forEach(({word}) => {
-	if(word !== 'SAVE') {
+	// mint is deprecated, only kept here for backwards compatibility
+	if(word !== 'SAVE' && word !== 'MINT') {
 		const container = document.createElement('div');
 
 		const radio = document.createElement('input');