skycel/AllMyLinks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
AllMyLinks/index.html

9.1 KiB
Raw Blame History

<html class="theme-auto" lang="en"> <head> 
<!-- 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> 
<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 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 -->

            </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>