Skip to content

Commit

Permalink
add threads
Browse files Browse the repository at this point in the history
  • Loading branch information
@Stef-00012
Stef-00012 committed Dec 18, 2023
1 parent 1d8bf1d commit 91c0ab9
Show file tree
Hide file tree
Showing 5 changed files with 108 additions and 165 deletions.
Binary file added __assets/social_logos/threads.webp
View file
Binary file not shown.
57 changes: 43 additions & 14 deletions __css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -413,103 +413,132 @@ s {
/* discord */
#jBox1 > .jBox-container {
padding: 3px;
color: #000;
border-radius: 5px;
background-color: #3342dd;
border: 3px solid #212b90;
}

/* twitch */
#jBox2 > .jBox-container {
padding: 3px;
color: #000;
border-radius: 5px;
background-color: #6b33b2;
border: 3px solid #3d1d65;
}

/* instagram */
#jBox3 > .jBox-container {
padding: 3px;
color: #000;
border-radius: 5px;
background-color: #e52a5d;
border: 3px solid #981b3d;
}

/* github */
/* threads */
#jBox4 {
padding: 3px;
color: #ffffff;
border-radius: 5px;
background-color: #1a1919;
border: 3px solid #000000;
}

/* github */
#jBox4 > .jBox-container {
#jBox5 > .jBox-container {
padding: 3px;
color: #ffffff;
border-radius: 5px;
background-color: #313131;
border: 3px solid #000000;
}

/* telegram */
#jBox5 > .jBox-container {
#jBox6 > .jBox-container {
padding: 3px;
color: #000;
border-radius: 5px;
background-color: #2279a7;
border: 3px solid #12415a;
}

/* youtube */
#jBox6 > .jBox-container {
#jBox7 > .jBox-container {
padding: 3px;
color: #000;
background-color: #b20000;
border: 3px solid #600000;
}

/* X / twitter */
#jBox7 > .jBox-container {
#jBox8 > .jBox-container {
padding: 3px;
color: #000;
border-radius: 5px;
background-color: #0087bb;
border: 3px solid #004f6e;
}

/* spotify */
#jBox8 > .jBox-container {
#jBox9 > .jBox-container {
padding: 3px;
color: #000;
border-radius: 5px;
background-color: #12a449;
border: 3px solid #095726;
}

/* tiktok */
#jBox9 > .jBox-container {
#jBox10 > .jBox-container {
padding: 3px;
color: #000;
background-color: #af0035;
border: 3px solid #62001d;
}

/* reddit */
#jBox10 > .jBox-container {
#jBox11 > .jBox-container {
padding: 3px;
color: #000;
border-radius: 5px;
background-color: #b12f00;
border: 3px solid #641a00;
}

/* revolt */
#jBox11 > .jBox-container {
#jBox12 > .jBox-container {
padding: 3px;
color: #000;
border-radius: 5px;
background-color: #b2303a;
border: 3px solid #651b21;
}

/* mastodon */
#jBox12 > .jBox-container {
#jBox13 > .jBox-container {
padding: 3px;
color: #000;
border-radius: 5px;
background-color: #4433a5;
border: 3px solid #241b58;
}

/* steam */
#jBox13 > .jBox-container {
color: #b0b0b0;
#jBox14 > .jBox-container {
padding: 3px;
color: #b0b0b0;
border-radius: 5px;
background-color: #122b60;
border: 3px solid #071539;
}

/* mail */
#jBox14 > .jBox-container {
#jBox15 > .jBox-container {
padding: 3px;
color: #000;
border-radius: 5px;
background-color: #c5221f;
border: 3px solid #a31b18;
border: 3px solid #8a1614;
}
147 changes: 11 additions & 136 deletions __js/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ startLoading()

const spoilerDesktop = document.getElementById('spoilerDesktop')
const codeBlockDesktop = document.getElementById('codeBlockDesktop')
const socialsContainer = document.getElementById('socials')


fetch('/__data/aboutMeCodeBlock.txt')
Expand Down Expand Up @@ -43,142 +44,16 @@ function revealSpoiler(element) {
}

function handleJQuery() {
new jBox('Mouse', {
attach: '#tooltip-discord',
position: {
x: 'right',
y: 'top'
},
content: '<b>Discord</b><br /><i>stef_dp</i> (Ex: <i>Stef#6705</i>)'
})


new jBox('Mouse', {
attach: '#tooltip-twitch',
position: {
x: 'right',
y: 'top'
},
content: '<b>Twitch</b><br /><i>Stef_DP</i>'
})


new jBox('Mouse', {
attach: '#tooltip-instagram',
position: {
x: 'right',
y: 'top'
},
content: '<b>Instagram</b><br /><i>stefanodelprete_</i>'
})


new jBox('Mouse', {
attach: '#tooltip-github',
position: {
x: 'right',
y: 'top'
},
content: '<b>Github</b><br /><i>Stef-00012</i>'
})


new jBox('Mouse', {
attach: '#tooltip-telegram',
position: {
x: 'right',
y: 'top'
},
content: '<b>Telegram</b><br /><i>Stef_DP</i>'
})


new jBox('Mouse', {
attach: '#tooltip-youtube',
position: {
x: 'right',
y: 'top'
},
content: '<b>Youtube</b><br /><i>Stefano Del Prete</i>'
})


new jBox('Mouse', {
attach: '#tooltip-twitter',
position: {
x: 'right',
y: 'top'
},
content: '<b>X (Twitter)</b><br /><i>Stef_Del_Prete</i>'
})


new jBox('Mouse', {
attach: '#tooltip-spotify',
position: {
x: 'right',
y: 'top'
},
content: '<b>Spotify</b><br /><i>Stef</i>'
})


new jBox('Mouse', {
attach: '#tooltip-tiktok',
position: {
x: 'right',
y: 'top'
},
content: '<b>Tiktok</b><br /><i>stefano0122</i>'
})


new jBox('Mouse', {
attach: '#tooltip-reddit',
position: {
x: 'right',
y: 'top'
},
content: '<b>Reddit</b><br /><i>Stef_DP</i>'
})


new jBox('Mouse', {
attach: '#tooltip-revolt',
position: {
x: 'right',
y: 'top'
},
content: '<b>Revolt</b><br /><i>Stef</i>'
})


new jBox('Mouse', {
attach: '#tooltip-mastodon',
position: {
x: 'right',
y: 'top'
},
content: '<b>Mastodon</b><br /><i>Stef_DP</i>'
})

new jBox('Mouse', {
attach: '#tooltip-steam',
position: {
x: 'right',
'y': 'top'
},
content: '<b>Steam</b><br /><i>Stefano_Del_Prete</i>'
})

new jBox('Mouse', {
attach: '#tooltip-mail',
position: {
x: 'right',
'y': 'top'
},
content: '<b>Mail</b><br /><i>admin@stefdp.is-a.dev</i>'
})
for (const social of socialsContainer.children) {
new jBox('Mouse', {
attach: `#${social.children[0].id}`,
position: {
x: 'right',
y: 'top'
},
content: social.dataset.tooltip ?? 'Missing tooltip'
})
}
}


Expand Down
Loading

0 comments on commit 91c0ab9

Please sign in to comment.