andrepg.github.io/index.html at main · andrepg/andrepg.github.io · 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
<!DOCTYPE html>
<html lang="pt-BR">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>André Paul Grandsire</title>

  <meta name="google-site-verification" content="9ohRRNaoFMcCz6ru0CCyRYJku-JQVrjAZ_x4PxbIGA8" />

  <meta name="description" content="Website pessoal de André Paul Grandsire, desenvolvedor de software focado em Vue.js e PHP." />

  <meta property="og:title" content="André Paul Grandsire" />
  <meta property="og:description" content="Website pessoal de André Paul Grandsire, desenvolvedor de software focado em Vue.js e PHP." />
  <meta property="og:image" content="https://andrepg.github.io/android-chrome-512x512.png" />
  <meta property="og:locale" content="pt_BR" />
  <meta property="og:url" content="https://andrepg.github.io/" />
  <meta property="og:site_name" content="André Paul Grandsire" />
  <meta property="twitter:title" content="André Paul Grandsire" />
  <meta name="twitter:description" content="Website pessoal de André Paul Grandsire, desenvolvedor de software focado em Vue.js e PHP." />
  <meta name="twitter:image" content="https://andrepg.github.io/android-chrome-512x512.png" />
  <meta name="twitter:card" content="summary" />

  <link rel="canonical" href="https://andrepg.github.io/" />
  <link rel="sitemap" type="application/xml" href="/sitemap.xml" />
  <meta name="theme-color" content="#570df8" />

  <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=Cabin:ital,wght@0,400..700;1,400..700&family=Parkinsans:wght@300..800&display=swap" rel="stylesheet">

  <script type="module" src="/src/main.ts"></script>
  <link rel="stylesheet" href="/src/assets/main.css">

  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
</head>

<body class="min-h-screen overflow-x-hidden h-auto">
  <script>
    const redirect = sessionStorage.getItem('redirect');

    if (redirect !== location.href) {
      sessionStorage.removeItem('redirect');

      history.replaceState(null, null, redirect);
    }
  </script>

  <div id="app"></div>

  <!-- Universal Loading Screen (Static Version) -->
  <div id="static-loader" class="fixed inset-0 -z-10 flex items-center justify-center overflow-hidden">
    <!-- Background matching App.vue -->
    <div class="fixed inset-0 bg-linear-to-br from-primary/30 via-primary/20 to-secondary/30 pointer-events-none"></div>

    <div class="fixed w-[70%] h-[70%] rounded-full blur-[120px] animate-pulse pointer-events-none mix-blend-multiply dark:mix-blend-soft-light transition-all duration-1000 delay-1000 top-[-20%] left-[-20%] bg-primary/40"></div>
    <div class="fixed w-[70%] h-[70%] rounded-full blur-[120px] animate-pulse pointer-events-none mix-blend-multiply dark:mix-blend-soft-light transition-all duration-1000 delay-1000 bottom-[-20%] right-[-20%] bg-secondary/40"></div>

    <!-- Overlay Glass matching App.vue -->
    <div class="fixed inset-0 bg-neutral/20 backdrop-blur-[120px] pointer-events-none"></div>

    <!-- DaisyUI Spinner and Loading Text -->
    <div class="relative z-10 flex flex-col items-center gap-8">
      <span class="loading loading-spinner loading-lg text-primary scale-125"></span>
      <div class="text-xs font-bold uppercase text-base-100 animate-pulse">
        Carregando
      </div>
    </div>

    <style>
      /* Critical styles for immediate rendering */
      #static-loader {
        background-color: oklch(12% 0.042 264.695);
        font-family: 'Cabin', sans-serif;
      }

      @media (prefers-color-scheme: light) {
        #static-loader {
          background-color: transparent;
        }
      }

      /* Essential fallback animation if Tailwind/DaisyUI isn't ready */
      .loading-spinner {
        display: inline-block;
        border: 4px solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        animation: spin-fallback 0.75s linear infinite;
      }
      @keyframes spin-fallback { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
    </style>
  </div>
</body>

</html>