<!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-dark" 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>VinC.me - Links</title>
    <link rel="icon" type="image/x-icon" href="/images/favicon32.png" sizes="32x32">
	<link rel="icon" type="image/x-icon" href="/images/favicon128.png" sizes="128x128">
	<link rel="apple-touch-icon" href="/images/favicon180.png">
    
    <!-- Meta Description - Write a description (150-160 characters recommended) -->
    <meta name="description" content="List of links to my projects and activities">
    
    <!-- Keywords -->
    <meta name="keywords" content="your name, industry, and specialties">
    
    <!-- Canonical URL - Helps prevent duplicate content issues -->
    <meta rel="canonical" href="https://vinc.me">
    
    <!-- Author Information -->
    <meta name="author" content="Vincent L">
    
    <!-- Stylesheets -->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/brands.css">
  
    <!-- LittleLink Extended Stylesheet (Optional) -->
    <!-- <link rel="stylesheet" href="css/brands-extended.css"> -->
    <!-- Learn more at https://github.com/sethcottle/littlelink-extended. 
         Remove comments if you've added LittleLink Extended dependencies -->

  </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/vinc.png" alt="VinC.me">

            <!-- Replace with your name or brand -->
            <h1>
              <div>VinC.me</div>
            </h1>

            <!-- Add a short description about yourself or your brand -->
            <p>Hi, I'm Vincent<br>IT entrepreneur and avid gamer based on Bandung, Indonesia</p>

            <!-- All your buttons go here -->
            <div class="button-stack" role="navigation">

				<!-- Blog -->
				<a class="button button-default" href="https://blog.vinc.me/" target="_blank" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-blog.svg" alt="VinC.me Blog's Logo">My Blog</a>

				<!-- WhatsApp -->
				<a class="button button-whatsapp" href="https://wa.me/628122100168" target="_blank" rel="noopener noreferrer nofollow" role="button"><img class="icon" aria-hidden="true" src="images/icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>

				<!-- Discord -->
				<a class="button button-discord" href="https://discord.gg/DMtTfNBTk4" target="_blank" rel="noopener noreferrer nofollow" role="button"><img class="icon" aria-hidden="true" src="images/icons/discord.svg" alt="Discord Logo">Discord</a>

				<!-- Steam -->
				<a class="button button-steam-alt" href="https://steamcommunity.com/id/soushiro/" target="_blank" rel="noopener noreferrer nofollow" role="button"><img class="icon" aria-hidden="true" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>

				<!-- Onefiber -->
				<a class="button button-onefiber" href="https://onefiber.id" target="_blank" rel="noopener noreferrer nofollow" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-shopping-bag.svg" alt="Shopping Bag Icon">Onefiber</a>

			</div>
        
      <!-- Feel free to add your own footer information, including updating `privacy.html` to reflect how your LittleLink fork is set up -->
      <footer>
        Copyright &copy; 2024-2025 <a href="https://link.vinc.me">VinC.me</a> | <a href="privacy.html">Privacy Policy</a>
      </footer>
    
    </div>
  </div>

</body>

</html>
