cmziuk/www/index.html
Cameron Redmore 23b265a55d
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 1m0s
Add custom git host.
2025-04-18 16:45:54 +01:00

148 lines
No EOL
9.5 KiB
HTML

<!DOCTYPE html>
<html lang="en" class="bg-gradient-to-br from-gray-100 to-gray-300 dark:from-gray-900 dark:to-gray-700 dark:text-white">
<head>
<title>Cameron's Corner</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8" />
<meta name="description" content="Cameron's Corner, my own little slice of the internet! By: Cameron Redmore">
<link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" type="text/css" href="https://fonts.googleapis.com/css2?family=Chakra+Petch&display=swap">
<link rel="stylesheet" type="text/css" href="css/style.css" defer>
<link rel="stylesheet" type="text/css" href="css/custom.css" defer>
</head>
<body class="text-center">
<h1 class="text-3xl font-bold rainbow-text">Cameron's Corner</h1>
<hr class="border-gray-500"/>
<p class="text-xl my-2 px-4">Welcome to Cameron's Corner, my own little slice of the Internet.</p>
<!-- Projects -->
<hr class="border-gray-500"/>
<h2 class="text-2xl font-bold underline mt-2">Current Projects</h2>
<p class="text-lg my-2 px-4">Looking for things I've done? Check out some of my projects!</p>
<div class="container mx-auto flex flex-wrap justify-evenly gap-4 my-4">
<!-- CompuVerse -->
<!-- <a href="https://compuverse.uk/" target="_blank" class="w-fill border border-gray-500 w-64 h-64 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-blue-500" data-icon="ri:computer-line" data-inline="false"></span>
<hr class="border-gray-500"/>
CompuVerse
<p class="text-black dark:text-white">CompuVerse is my Lemmy instance, all about technology!</p>
</a> -->
<!-- SlideWords -->
<a href="https://slidewords.net/" target="_blank" class="w-fill border border-gray-500 w-64 h-64 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-blue-500" data-icon="material-symbols-light:format-letter-spacing-2-rounded" data-inline="false"></span>
<hr class="border-gray-500"/>
SlideWords
<p class="text-black dark:text-white">SlideWords is a little daily game about sliding letters to form words, easy to pick up, impossible to master!</p>
</a>
<!-- The Freedom Frontier -->
<!-- <a href="https://frontier.cmzi.uk/" target="_blank" class="w-fill border border-gray-500 w-64 h-64 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-green-500" data-icon="mdi-minecraft" data-inline="false"></span>
<hr class="border-gray-500"/>
The Freedom Frontier
<p class="text-black dark:text-white">The Freedom Frontier is my Minecraft All-Op server!</p>
</a> -->
<a href="https://yams.cmzi.uk/" target="_blank" class="w-fill border border-gray-500 w-64 h-64 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-orange-500" data-icon="mdi:puzzle" data-inline="false"></span>
<hr class="border-gray-500"/>
Ỵ̷͍̜͍̹̠̺͍̅́͋́̔̿̎̔͐͑̿̊͘A̶̢͕̺̤̼͈͍̦͍̿̍̿̒͠M̷̢͍̘̣͉̤̥̬̓̀͒̏͒̓̐̄͐̃̈́́̃̀̚S̸̡͕̦̯͕̻̖̭̥͍̬̍̿͆̾̾͛͑̓̇͜͝͠ͅ
<p class="text-black dark:text-white">Y̷̪̻̟̪̺̟̠͓͚̥̠͒A̴͚͖͕̯̳͍̰̣̩̭̭̼̦͋̐͐͝M̶̞̟̝̹͔͔̯̳̟͂̀̓̓̅͊͘͠ͅS̴̢̛̯̣͈͚̼̞͍̞̯̩͙͌̔ ̸̖̮̹̪͖͍̟̥̥̼̩̯̹̜͂̓͛̋̃͒̓̍̋͆͂̏̕͝͝Y̶̡̡̛̙̠̜̪̫͙͈̞̝̪̜͋̔́̑́̕͝A̸̛͇̜̋͒̾̽̊̿̿̾̍́̒͆M̶̢̡̰͎̼̠̟͙̘̜̐̏͑̿͋̇̔̀͂͒͋S̴̢̧̨̮̺̲͖͕̺͙͉̯̯͍̏̄ͅ ̴̢̯̻̫͎̩̬̊̾͋͐͑͌̎͆͊̔͐̈̔͌͝ͅͅY̸̢̡̧̖̼̣̺͎̠͔̻͍̹͙͑̄́̀͛̋ͅA̵͉̜̞̰̮̬͇̝̙͇͇͒Ṁ̷̛̖͒́̉̽̉̒̀̑̄̌͑̕̚S̸̠̘͉̀̍ ̷̟̆̏̋̓̿͛̊̈̓͋̊Y̶̦̏́͆̅͌̋A̸̡̡̙̮̼͖̬̬̳̦̅͂͌̽̌̄̋͌͂͗́̚̚̕͝Ḿ̶̡̬̺̪̖̼͈̳͎͖̯̱̐̽̌͋̚͜S̵̡̛̳̻̠͎̫̒́ ̷̡̧̨̞͎̩̣̝̘̻̱̟̽͌͒͋̿͜͝͠Y̵̜̼͍̎̇͒̆͋͑̽̒͗͗͌͘Ą̵̧̛͔̞̦͖̩̞̥͕͈͔̟͗̓͋̽̎̌̔̉̕͜ͅM̷̥̳̼͕̟̓̀̽͒̀͝͠S̵͎̺̱̞̍̐̆́̆̈́͝</p>
</a>
<!-- Cameron's Cloud Community -->
<a href="https://discord.gg/UFSuy5zhNP" target="_blank" class="w-fill border border-gray-500 w-64 h-64 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-indigo-500" data-icon="akar-icons:discord-fill" data-inline="false"></span>
<hr class="border-gray-500"/>
Cameron's Cloud Community
<p class="text-black dark:text-white px-4">CCC is a Discord server for fans of gaming.</p>
</a>
</div>
<!-- Socials -->
<hr class="border-gray-500"/>
<h2 class="text-2xl font-bold underline mt-2">Socials</h2>
<p class="text-lg my-2 px-4">Want to get in touch? You can find me at all of these places!</p>
<div class="container mx-auto flex flex-wrap justify-evenly gap-4 my-4 pb-8 px-1">
<!-- Twitter / X: CameronRedmore -->
<a href="https://twitter.com/CameronRedmore" target="_blank" class="w-fill border border-gray-500 w-40 h-40 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-black dark:text-white" data-icon="akar-icons:x-fill" data-inline="false"></span>
<hr class="border-gray-500"/>
@CameronRedmore
</a>
<!-- YouTube: Camzie99 -->
<a href="https://youtube.com/Camzie99" target="_blank" class="w-fill border border-gray-500 w-40 h-40 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-red-500" data-icon="akar-icons:youtube-fill" data-inline="false"></span>
<hr class="border-gray-500"/>
Camzie99
</a>
<!-- GitHub: CameronRedmore -->
<a href="https://github.com/CameronRedmore" target="_blank" class="w-fill border border-gray-500 w-40 h-40 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-black dark:text-white" data-icon="akar-icons:github-fill" data-inline="false"></span>
<hr class="border-gray-500"/>
CameronRedmore
</a>
<!-- Custom Git Host: cameron -->
<a href="https://git.cmzi.uk/cameron" target="_blank" class="w-fill border border-gray-500 w-40 h-40 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-black dark:text-red-500" data-icon="akar-icons:gitlab-fill" data-inline="false"></span>
<hr class="border-gray-500"/>
cameron
</a>
<!-- Reddit: Camzie99 -->
<a href="https://reddit.com/user/Camzie99" target="_blank" class="w-fill border border-gray-500 w-40 h-40 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-orange-500" data-icon="akar-icons:reddit-fill" data-inline="false"></span>
<hr class="border-gray-500"/>
Camzie99
</a>
<!-- Twitch: Camzie99 -->
<a href="https://twitch.tv/Camzie99" target="_blank" class="w-fill border border-gray-500 w-40 h-40 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-purple-500" data-icon="akar-icons:twitch-fill" data-inline="false"></span>
<hr class="border-gray-500"/>
Camzie99
</a>
<!-- Steam: Camzie99 -->
<a href="https://steamcommunity.com/id/Camzie99" target="_blank" class="w-fill border border-gray-500 w-40 h-40 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-black dark:text-white" data-icon="ri:steam-fill" data-inline="false"></span>
<hr class="border-gray-500"/>
Camzie99
</a>
<!-- Discord: Camzie99#0001 -->
<a href="https://discord.com/users/147767470659338241" target="_blank" class="w-fill border border-gray-500 w-40 h-40 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-indigo-500" data-icon="akar-icons:discord-fill" data-inline="false"></span>
<hr class="border-gray-500"/>
Camzie99#0001
</a>
<!-- Email: ??? -->
<a href="" target="_blank" class="w-fill border border-gray-500 w-40 h-40 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-pink-500" data-icon="akar-icons:envelope" data-inline="false"></span>
<hr class="border-gray-500"/>
</a>
<!-- Matrix: @cameron:conduit.compuverse.uk -->
<!-- <a href="https://matrix.to/#/@cameron:conduit.compuverse.uk"
target="_blank" class="w-fill border border-gray-500 w-64 h-40 flex flex-col justify-around rounded-lg text-blue-400">
<span class="iconify w-16 h-16 mx-auto text-green-500" data-icon="tabler:brand-matrix" data-inline="false"></span>
<hr class="border-gray-500"/>
@cameron:conduit.compuverse.uk
</a> -->
</div>
<div class="fixed bottom-0 border-t border-gray-500 bg-gray-300 dark:bg-gray-700 w-full text-xl py-2">
Copyright &copy; Cameron Redmore <span id="currentYear">2023</span>
</div>
<script src="//code.iconify.design/1/1.0.6/iconify.min.js" defer></script>
<script src="js/obf.js">
</script>
<script>
document.querySelectorAll('a[href=""]').forEach((el) => {
el.href = "mailto:" + generateEmail();
el.innerHTML += generateEmail();
});
document.getElementById("currentYear").innerHTML = new Date().getFullYear();
</script>
</body>
</html>