devlinks/index.html at master · lucasgch/devlinks · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"
      rel="stylesheet" />

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Playwrite+IN:wght@100..400&display=swap"
      rel="stylesheet" />

    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Aú @desviante 📷💓👇</title>

    <link rel="stylesheet" href="style.css" />

    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
  </head>
  <body>
    <div id="container">
      <div id="profile">
        <img src="./assets/images/avatar.png" alt="Foto de Lucas Godoy." />
        <p>
          <a
            href="https://www.instagram.com/desviante"
            target="_blank"
            alt="Instagram @desviante"
            >Aú @desviante</a
          >
        </p>
        <p>Lucas de Godoy Chicarelli</p>
        <p id="description" style="margin: 5px auto 15px auto">
          Jornlista | Desenvolvedor | Java | Spring Boot <br />
          Javascript | HTML | CSS | Wordpress | C
        </p>
      </div>

      <div id="switch" onclick="toggleMode()">
        <button></button>
        <span></span>
      </div>

      <div id="invite-message">
        <p>Adiciona aí, vamos<br />fortalecer essa rede 📷💓👇</p>
      </div>

      <ul>
        <li>
          <a href="https://ecoh.art.br/" target="_blank"
            >ECOH - Encontro de Contadores de Histórias de Londrina</a
          >
        </li>

        <li>
          <a href="https://www.causoeviola.com.br/" target="_blank"
            >Festival Causo e Viola</a
          >
        </li>

        <li>
          <a href="https://caminhosdalongevidade.com.br/" target="_blank"
            >Caminhos da longevidade</a
          >
        </li>

        <li>
          <a href="https://audesviante.hashnode.dev/" target="_blank"
            >Hashnode: Notas e estudos em tecnologia da informação</a
          >
        </li>
      </ul>
      <div id="social-links">
        <a href="https://github.com/lucasgch" target="_blank" alt="Github" title="Github">
          <ion-icon name="logo-github"></ion-icon>
        </a>

        <a href="https://www.linkedin.com/in/lucasgch/" target="_blank" alt="Linkedin" title="Linkedin">
          <ion-icon name="logo-linkedin"></ion-icon>
        </a>

        <a href="https://www.instagram.com/desviante" target="_blank" alt="Instagram" title="Instagram">
          <ion-icon name="logo-instagram"></ion-icon>
        </a>

        <a href="https://www.goodreads.com/user/show/193992192-lucas-a-desviante" target="_blank" alt="Goodreads" title="Goodreads">
          <ion-icon name="book-outline"></ion-icon>
        </a>

        <a href="https://www.hackerrank.com/profile/lucasgodoyjor" target="_blank" title="HackerRank">
          <span title="HackerRank">
            <ion-icon name="terminal-outline" style="pointer-events: none"></ion-icon>
          </span>
        </a>

        <a href="https://bsky.app/profile/audesviante.bsky.social" target="_blank" alt="Bluesky" title="Bluesky">
          <svg
            width="24"
            height="24"
            viewBox="0 0 512 512"
            fill="none"
            stroke="currentColor"
            stroke-width="24"
            stroke-linecap="round"
            stroke-linejoin="round"
            xmlns="http://www.w3.org/2000/svg"
            style="width: 1.2em; height: 1.2em; vertical-align: middle;">

            <path d="M111.8 62.2C170.2 105.9 233.4 184.4 256 220.3c22.6-35.9 85.8-114.4 144.2-158.1C446.6 26.5 512 16.7 512 98.7c0 18.1-9.4 151.9-14.7 173.5-11.2 45.6-53.1 55.8-92.6 49.3 84.8 14.8 104.9 70.2 58.7 116.7-101.6 102-177.2-22.3-207.4-71.2-30.2 48.9-105.8 173.2-207.4 71.2-46.2-46.5-26.1-101.9 58.7-116.7-39.5 6.5-81.4-3.7-92.6-49.3C5.4 250.6 0 116.8 0 98.7c0-82 65.4-72.2 111.8-36.5z"/>
          </svg>
        </a>

        <a href="https://x.com/audesviante" target="_blank" alt="XTwitter" title="XTwitter">
          <ion-icon name="logo-twitter"></ion-icon>
        </a>

        <a href="https://www.youtube.com/@aúdesviante" target="_blank" alt="Youtube" title="Youtube">
          <ion-icon name="logo-youtube"></ion-icon>
        </a>
      </div>

      <footer>♥</footer>
    </div>

    <script
      type="module"
      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
    <script
      nomodule
      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>

    <script src="./script.js"></script>
  </body>
</html>