|
4 | 4 | <meta charset="UTF-8"> |
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> |
6 | 6 | <title>Perfil do DarkMode</title> |
| 7 | +<meta property="og:type" content="website"> |
| 8 | +<meta property="og:url" content="https://darkmodebr.github.io/"> |
| 9 | +<meta property="og:title" content="Perfil do DarkMode"> |
| 10 | +<meta property="og:description" content="Venham ver meu perfil galerinha do mal KKK"> |
| 11 | +<meta name="theme-color" content="#7c6aff"> |
| 12 | +<meta name="twitter:card" content="summary"> |
| 13 | +<meta name="twitter:title" content="Perfil do DarkMode"> |
| 14 | +<meta name="twitter:description" content="Venham ver meu perfil galerinha do mal KKK"> |
7 | 15 | <link rel="icon" href="https://raw.githubusercontent.com/DarkModeBR/darkmodebr.github.io/refs/heads/main/Snow.png" type="image/x-icon"> |
8 | 16 | <link rel="preconnect" href="https://fonts.googleapis.com"> |
9 | 17 | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
808 | 816 | <div class="bg-layer"></div> |
809 | 817 | <div class="bg-blur"></div> |
810 | 818 |
|
| 819 | + |
811 | 820 | <div id="music-player"> |
812 | 821 | <div class="mp-disc-wrap"> |
813 | 822 | <div class="mp-disc" id="mp-disc"> |
|
825 | 834 | <audio id="audio" preload="auto"></audio> |
826 | 835 |
|
827 | 836 | <div class="page-content"> |
| 837 | + |
828 | 838 | <div class="card"> |
829 | 839 | <div class="avatar-wrap"> |
830 | 840 | <img id="user-avatar" src="" alt="Avatar"> |
|
843 | 853 |
|
844 | 854 | <div class="divider"></div> |
845 | 855 |
|
| 856 | + |
846 | 857 | <div class="discord-card" id="dc-card"> |
847 | 858 | <div class="discord-left"> |
848 | 859 | <div class="discord-icon-wrap"> |
|
867 | 878 | <a class="discord-join-btn" href="https://discord.gg/platformdestroyer" target="_blank" rel="noopener">Entrar</a> |
868 | 879 | </div> |
869 | 880 |
|
| 881 | + |
870 | 882 | <div class="discord-card" id="dc-card-2"> |
871 | 883 | <div class="discord-left"> |
872 | 884 | <div class="discord-icon-wrap"> |
|
891 | 903 | <a class="discord-join-btn" href="https://discord.gg/HgYRUTE9aF" target="_blank" rel="noopener">Entrar</a> |
892 | 904 | </div> |
893 | 905 |
|
| 906 | + |
894 | 907 | <nav class="category-nav"> |
895 | 908 | <button class="cat-btn active" data-tab="sobre">Sobre mim</button> |
896 | 909 | <button class="cat-btn" data-tab="exp">Experiências</button> |
897 | 910 | <button class="cat-btn" data-tab="midias">Mídias</button> |
898 | 911 | </nav> |
899 | 912 |
|
| 913 | + |
900 | 914 | <div class="content-panel active" id="panel-sobre"> |
901 | 915 | <p class="panel-title">Sobre mim</p> |
902 | 916 | <p class="sobre-text"> |
|
906 | 920 | </p> |
907 | 921 | </div> |
908 | 922 |
|
| 923 | + |
909 | 924 | <div class="content-panel" id="panel-exp"> |
910 | 925 | <p class="panel-title">Experiências</p> |
911 | 926 | <div class="exp-list"> |
|
947 | 962 | </div> |
948 | 963 | </div> |
949 | 964 |
|
| 965 | + |
950 | 966 | <div class="content-panel" id="panel-midias"> |
951 | 967 | <p class="panel-title">Mídias</p> |
952 | 968 | <div class="midias-grid"> |
|
971 | 987 | </div> |
972 | 988 | </div> |
973 | 989 |
|
| 990 | + |
974 | 991 | <div id="lightbox"> |
975 | 992 | <div class="lb-backdrop" id="lb-backdrop"></div> |
976 | 993 | <div class="lb-img-wrap" id="lb-img-wrap"> |
|
0 commit comments