mirror of
https://github.com/Dannecron/littlelink.git
synced 2025-12-25 16:12:34 +03:00
199 lines
7.9 KiB
HTML
199 lines
7.9 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>DanNecron LittleLink</title>
|
|
<link rel="icon" type="image/x-icon" href="/images/avatar.png"> <!-- Update this with your own favicon -->
|
|
|
|
<!-- Meta Description - Write a description (150-160 characters recommended) -->
|
|
<meta name="description" content="dannecron's littlelink">
|
|
|
|
<!-- Keywords -->
|
|
<meta name="keywords" content="dannecron, backend developer, gamer, anime otaku">
|
|
|
|
<!-- Canonical URL - Helps prevent duplicate content issues -->
|
|
<meta rel="canonical" href="https://dannecron.ru">
|
|
|
|
<!-- Author Information -->
|
|
<meta name="author" content="dannecron">
|
|
|
|
<!-- 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/yui.png" srcset="images/yui.png 2x" alt="LittleLink">
|
|
|
|
<!-- Replace with your name or brand -->
|
|
<h1>
|
|
<div>Denis Savosin</div>
|
|
</h1>
|
|
|
|
<!-- Add a short description about yourself or your brand -->
|
|
<p>Very lazy backend developer.</p>
|
|
|
|
<!-- All your buttons go here -->
|
|
<div class="button-stack" role="navigation">
|
|
|
|
<!-- Generic Blog -->
|
|
<a class="button button-default" href="https://dannecron.github.io/"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons/generic-blog.svg" alt="blog" aria-hidden="true">
|
|
Read my blog
|
|
</a>
|
|
<br>
|
|
|
|
<!-- GitHub -->
|
|
<a class="button button-github" href="https://github.com/dannecron"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons/github.svg" alt="github" aria-hidden="true">
|
|
GitHub
|
|
</a>
|
|
<br>
|
|
|
|
<!-- MyAnimeList -->
|
|
<a class="button button-myanimelist" href="https://myanimelist.net/profile/DanNC"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons-extended/myanimelist.svg" alt="myanimelist" aria-hidden="true">
|
|
MyAnimeList
|
|
</a>
|
|
<br>
|
|
|
|
<!-- Steam -->
|
|
<a class="button button-steam" href="https://steamcommunity.com/id/dannc"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons/steam.svg" alt="steam" aria-hidden="true">
|
|
Steam
|
|
</a>
|
|
<br>
|
|
|
|
<!-- PSN profiles Network -->
|
|
<a class="button button-playstation" href="https://psnprofiles.com/DanNecron"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons-extended/playstation.svg" alt="psnprofiles" aria-hidden="true" />
|
|
PSN-profile
|
|
</a>
|
|
<br>
|
|
|
|
<!-- RetroAchievements -->
|
|
<a class="button button-coffee" href="https://retroachievements.org/user/dannc"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons-custom/ra-logo-square.svg" alt="retroachievements" aria-hidden="true" />
|
|
RetroAchievements.org
|
|
</a>
|
|
<br />
|
|
|
|
<!-- Last.fm -->
|
|
<a class="button button-last-fm" href="https://www.last.fm/ru/user/DanNecron"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons/last-fm.svg" alt="lastfm" aria-hidden="true">
|
|
Last.fm
|
|
</a>
|
|
<br>
|
|
|
|
<!-- Spotify -->
|
|
<a class="button button-spotify" href="https://open.spotify.com/user/dannecron"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons/spotify.svg" alt="spotify" aria-hidden="true">
|
|
Spotify
|
|
</a>
|
|
<br>
|
|
|
|
<!-- letterboxd -->
|
|
<a class="button button-letterboxd" href="https://letterboxd.com/dannecron/"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons/letterboxd.svg" alt="letterboxd" aria-hidden="true" />
|
|
Letterboxd
|
|
</a>
|
|
|
|
<!-- LiveLib -->
|
|
<a class="button button-bluesky" href="https://www.livelib.ru/reader/DanNC"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons-extended/livelib.svg" alt="livelib" aria-hidden="true" />
|
|
LiveLib
|
|
</a>
|
|
<br>
|
|
|
|
<!-- Instagram -->
|
|
<a class="button button-instagram" href="https://instagram.com/dannecron?igshid=NGVhN2U2NjQ0Yg=="
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons/instagram.svg" alt="instagram" aria-hidden="true" />
|
|
Instagram
|
|
</a>
|
|
<br>
|
|
|
|
<!-- X -->
|
|
<a class="button button-x" href="https://twitter.com/dannecron"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons/x.svg" alt="x-twitter" aria-hidden="true" />
|
|
Follow on X
|
|
</a>
|
|
<br>
|
|
|
|
<!-- LinkedIn -->
|
|
<a class="button button-linked" href="https://www.linkedin.com/in/denis-savosin-6412311a5/"
|
|
target="_blank" rel="noopener" role="button"
|
|
>
|
|
<img class="icon" src="images/icons/linkedin.svg" alt="linkedin" aria-hidden="true" />
|
|
LinkedIn
|
|
</a>
|
|
<br>
|
|
|
|
</div>
|
|
|
|
<!-- Feel free to add your own footer information, including updating `privacy.html` to reflect how your LittleLink fork is set up -->
|
|
<footer>
|
|
Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.
|
|
|
|
<small>Some icons are provided by <a href="https://icons8.com" target="_blank" rel="noopener" role="button">icons8.com</a>.</small>
|
|
</footer>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|