fortytwo/me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixes

Browse source 
Signed-off-by: Naman Sood <mail@nsood.in>
This commit is contained in:
Naman Sood 2024-05-15 07:23:53 -04:00
parent c712cb5d8b
commit cbd8f73fa2
4 changed files with 25 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
css/style.css
View file

@ -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;

9
css/style.scss
View file

@ -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 {

2
index.html
View file

@ -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">

12
js/script.js
View file

@ -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');