< return

HTML

CSS

JS
<!doctype html>
<html>
  <head>
  <meta charset="UTF-8">
  <title>CozyCoder</title>
  <link href="https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-2,500,1,1,1&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>
  </head>
  <body onload=loadQuip()>
    <div style="padding:10vh"></div>

    <h> <!--thicc header for do fancy thing-->
        <span class=glow>W</span>
        <span class=glow>e</span>
        <span class=glow>l</span>
        <span class=glow>c</span>
        <span class=glow>o</span>
        <span class=glow>m</span>
        <span class=glow>e</span>

        <span class=glow>t</span>
        <span class=glow>o</span>

        <span class=glow>t</span>
        <span class=glow>h</span>
        <span class=glow>e</span>

        <span class=glow>c</span>
        <span class=glow>o</span>
        <span class=glow>z</span>
        <span class=glow>y</span>

        <span class=glow>c</span>
        <span class=glow>o</span>
        <span class=glow>d</span>
        <span class=glow>e</span>
        <span class=glow>r</span>

        <span class=glow>c</span>
        <span class=glow>o</span>
        <span class=glow>l</span>
        <span class=glow>l</span>
        <span class=glow>e</span>
        <span class=glow>c</span>
        <span class=glow>t</span>
        <span class=glow>i</span>
        <span class=glow>o</span>
        <span class=glow>n</span>
        <span class=glow>!</span>
    </h>

    <p>
        a <i>work-in-progress</i> site to share my projects
    </p>

    <div style="padding:5vh"></div>

    <p><b><span id="quip" onclick=loadQuip()>links</span></b></p>

    <p>
        <a href="http://www.cozycoder.net"> this website</a>
        <a href="secret-santa/evo/index.html"> secret santa game</a>
        <a href=""> minecraft</a>
        <a href="chickennugs/index.html"> chicken nuggets</a>
    </p>
    <p>
        <a href="https://github.com/narbehmalekian/KillAdobeCC"> kill adobe</a>
        <a href="https://github.com/narbehmalekian/NotifyOfflinePort"> notify offline service</a>
        <a onclick="alert('Email: contact@cozycoder.net')");> contact</a>
    </p>

  </body>
</html> 		:root{
  --bright: #ffffff80;
  --medium: #ffffff50;
  --dim: #ffffff30;}

body{
  height:97vh;
  background-image: radial-gradient(rgb(40,38,90), rgb(10,8,30));
  color: var(--medium);
  font-family: 'Recursive', monospace;
  text-shadow: 0 0 3px var(--dim);
  text-align: center;
  cursor: url('Hiding Kitty.ani'), default;
  overflow-x:hidden;}

h{
  font-size: 40px;
  color: var(--bright);}

h2{
  color: var(--bright);}

.glow{
  transition: 4s;}

a:hover, .glow:hover{
  color: var(--bright);
  text-shadow: 0 0 5px var(--bright);
  transition: 0.2s;}

a:hover{
  font-size:24px;}

a, p{
  font-size: 20px;
  color: #ffffff40;
  text-decoration: none;
  transition: 0.2s;}

ul{
  list-style: none;}

::selection{
  color: #fffff080;
  background: #fffff030;}

table{
  width:30%;}

tr{
  height: 2em;}

#quip{
  transition: 1s;}

#quip:active{
  color: #ffffff00;
  text-shadow: 0 0 0;
  transition: 0.1s;} 		function loadQuip(){
  let n = Math.floor(Math.random()*9999+4);
  let quips = [
    'links',
    'the collection',
    'go ham',
    'ooh, a free software',
    'click these',
    'no virus i promise',
    'grab your coffee and blanket',
    'pick that one!',
    'have fun :)',
    'code it yourself',
    'you\'re the '+n+'th visitor',
    'ask chatgpt',
    'loading...',
    'find the secrets',
    'F12 to peek inside',
    'your text here.',
    'customize as see fit',
    'document.getElementById(\'quip\').innerHTML = quips[i]',
    '32423530',
    'JS == \'🗑️\' && JS !== \'🗑️\'\;',
    'here be buttons',
    'cursor\'s made for clickin\'' ];

  let i = Math.floor(Math.random()*quips.length);
  document.getElementById('quip').innerHTML = quips[i];
}

function edit(){ //enable edit mode easter egg
  document.body.contentEditable = 'true';
  document.designMode='on';
}