diff --git a/css/style.css b/css/style.css index f331eb2..07cc7af 100644 --- a/css/style.css +++ b/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; diff --git a/css/style.scss b/css/style.scss index e64aee9..dc85beb 100644 --- a/css/style.scss +++ b/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 { diff --git a/index.html b/index.html index fbe2351..b70e411 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,7 @@

Hi, I’m Naman.

-

I’m a twenty one year-old who's fond of coffee, math, writing, cars, other things. I also enjoy programming enough to do that for a living. I’m currently studying computer science at the University of Waterloo.

+

I’m a person who's fond of coffee, math, writing, cars, other things. I also enjoy programming enough to do that for a living.

You can click to see my resume, visit my blog, or check out ways to contact me below.

diff --git a/js/script.js b/js/script.js index 8592cf5..1581e56 100644 --- a/js/script.js +++ b/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', - 'YELL', + 'DARK', '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');