169 lines
9.1 KiB
HTML
169 lines
9.1 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<!--
|
|
To change the theme, change the class on the html tag below to one of:
|
|
- theme-auto: Automatically switches based on user's system preferences
|
|
- theme-light: Forces light theme
|
|
- theme-dark: Forces dark theme
|
|
-->
|
|
|
|
<html class="theme-auto" lang="en"> <!-- Update`class="theme-auto" with your preference -->
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- Page Title - Change this to your name/brand (50-60 characters recommended) -->
|
|
<title>Skycel - All my links</title>
|
|
<link rel="icon" type="image/x-icon" href="/images/skycel.png"> <!-- Update this with your own favicon -->
|
|
|
|
<!-- Meta Description - Write a description (150-160 characters recommended) -->
|
|
<meta name="description" content="Retrieve all skycel's links in one place ! Follow me on my socials medias and don't miss out my actualities !">
|
|
|
|
<!-- Keywords -->
|
|
<meta name="keywords" content="Skycel, Célian Burst, Développeur, Developper, Tech, Web, Programmation, Programming, Videos, Stream, Live, Twitch, Youtube, Instagram, Discord, Aranéite, Araneite">
|
|
|
|
<!-- Canonical URL - Helps prevent duplicate content issues -->
|
|
<meta rel="canonical" href="https://skycel.link">
|
|
|
|
<!-- Author Information -->
|
|
<meta name="author" content="Skycel">
|
|
|
|
<!-- Stylesheets -->
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="css/brands.css">
|
|
<link rel="stylesheet" href="css/brands-extended.css">
|
|
<link rel="stylesheet" href="css/custom.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container">
|
|
<div class="column">
|
|
|
|
<!--
|
|
By default, the Avatar is rounded. Use the following:
|
|
- avatar--rounded: Automatically rounds the image
|
|
- avatar--soft: Slightly rounds the image
|
|
- avatar--none: Removes any rounding
|
|
|
|
Be sure to replace the src with your own image path and update the alt text
|
|
-->
|
|
<img class="avatar avatar--rounded" src="/images/avatar.webp" alt="Profile Picture - Skycel">
|
|
|
|
<!-- Replace with your name or brand -->
|
|
<h1>
|
|
<div>Skycel</div>
|
|
</h1>
|
|
|
|
<!-- Add a short description about yourself or your brand -->
|
|
|
|
<p>Web developer for several years and passionate about mechanical sports, find me on all my socials links</p>
|
|
|
|
<!-- All your buttons go here -->
|
|
<div class="button-stack" role="navigation">
|
|
|
|
|
|
<!-- Generic Website -->
|
|
<a class="button button-skycel" href="https://skycel.me" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-website.svg" alt="Website Icon">My portfolio</a>
|
|
|
|
<h3 class="title">Professionnal</h3>
|
|
<hr>
|
|
|
|
<!-- Araneite Website -->
|
|
<a class="button button-araneite" href="https://araneite.com" target="_blank" rel="noopener" role="button"><img class="icon custom" aria-hidden="true" src="images/icons-custom/araneite-logo.svg" alt="Website Icon">Aranéite</a>
|
|
|
|
<!-- LinkedIn -->
|
|
<a class="button button-linked" href="https://linkedin.com/in/celian-burst/" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
|
|
|
|
<!-- Fiverr -->
|
|
<a class="button button-fiverr" href="https://fr.fiverr.com/s/DB9olZQ" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/fiverr.svg" alt="Fiverr Logo">Fiverr</a>
|
|
|
|
|
|
<h3 class="title">Development</h3>
|
|
<hr>
|
|
|
|
<!-- GitHub -->
|
|
<a class="button button-github" href="https://github.com/itsSkycel/" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
|
|
|
|
<!-- Gitea -->
|
|
<a class="button button-github" href="https://git.araneite.dev/Skycel" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-custom/gitea.svg" alt="Gitea Logo">Gitea</a>
|
|
|
|
<!-- Stack Overflow -->
|
|
<a class="button button-stack-overflow" href="https://stackoverflow.com/users/16299841/skycel" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/stack-overflow.svg" alt="Stack Overflow Logo">Stack Overflow</a>
|
|
|
|
<!-- Dev.to -->
|
|
<a class="button button-dev-to" href="https://dev.to/itsskycel" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/dev-to.svg" alt="Dev.to Logo">Dev.to</a>
|
|
|
|
<!-- Codepen -->
|
|
<a class="button button-codepen" href="https://codepen.io/itsSkycel" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/codepen.svg" alt="Codepen Logo">Codepen</a>
|
|
|
|
<h3 class="title">Content creation</h3>
|
|
<hr>
|
|
|
|
<!-- YouTube Alt -->
|
|
<a class="button button-yt-alt" href="https://www.youtube.com/@skycel" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube-alt.svg" alt="YouTube Logo">Youtube</a>
|
|
|
|
<!-- Twitch -->
|
|
<a class="button button-twitch" href="https://twitch.tv/Skycel_" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/twitch.svg" alt="Twitch Logo">Twitch</a>
|
|
|
|
<!-- YouTube -->
|
|
<a class="button button-yt" href="https://www.youtube.com/@skycelReplay" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">Replay channel</a>
|
|
|
|
<h3 class="title">Social media</h3>
|
|
<hr>
|
|
|
|
<!-- Instagram -->
|
|
<a class="button button-instagram" href="https://instagram.com/its.skycel" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a>
|
|
|
|
<!-- Threads -->
|
|
<a class="button button-threads" href="https://www.threads.net/@its.skycel" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/threads.svg" alt="Threads Logo">Threads</a>
|
|
|
|
<!-- Letterboxd -->
|
|
<a class="button button-letterboxd" href="https://letterboxd.com/Skycel/" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/letterboxd.svg" alt="">Letterboxd</a>
|
|
|
|
<!-- Discord -->
|
|
<a class="button button-discord" href="https://discordapp.com/users/369513168063692801" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/discord.svg" alt="Discord Logo">Discord</a>
|
|
|
|
<div class="space"></div>
|
|
|
|
<h3 class="title">Support</h3>
|
|
<hr>
|
|
|
|
<!-- PayPal -->
|
|
<a class="button button-paypal" href="https://paypal.me/Skycel9" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
|
|
|
|
<!-- Buy Me A Coffee -->
|
|
<a class="button button-coffee" href="https://buymeacoffee.com/Skycel" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/buy-me-a-coffee.svg" alt="Buy Me A Coffee Logo">Buy Me A Coffee</a>
|
|
|
|
<h3>Misc</h3>
|
|
<hr>
|
|
|
|
<!-- <!– Generic Computer –>-->
|
|
<!-- <a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-computer.svg" alt="Computer Icon">Homelab Setup</a>-->
|
|
|
|
<!-- Generic Email Alt -->
|
|
<a class="button button-default" href="mailto:celian@araneite.com" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-email.svg" alt="Email Icon">Leave me a message</a>
|
|
|
|
<!-- Generic Shopping Tag -->
|
|
<!-- <a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-shopping-tag.svg" alt="Shopping Tag Icon">10% Discount</a>-->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- Feel free to add your own footer information, including updating `privacy.html` to reflect how your LittleLink fork is set up -->
|
|
<footer>
|
|
<a href="privacy.html">Privacy Policy</a> | Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>
|
|
</footer>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|