petchxx.github.io/about.html at main · t1dotdev/petchxx.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
<!doctype html>
<html lang="en">
  <head>
    <title>6410521</title>
    <script src="https://cdn.tailwindcss.com"></script>
  </head>
  <body class="bg-black text-white h-[100dvh] flex items-center justify-center">
    <div class="p-6 flex justify-center">
      <div
        class="p-6 py-8 z-10 bg-[#18181B] w-80 flex justify-center flex-col items-center rounded-3xl group hover:border-2 border-[#905aff] transition-all duration-300 ease-in-out"
      >
        <div class="bg-black"></div>
        <img
          src="https://petchx.dev/_next/image?url=%2Fassets%2Fpetchx.png&w=3840&q=75"
          alt="Petchx"
          class="h-64 rounded-3xl"
        />
        <p class="mt-4 text-xl">Panuphong Burakitphachai</p>
        <p class="text-gray-500 mt-1">u6410521</p>
        <div class="mt-4 flex gap-2">
          <button
            class="size-14 rounded-full flex justify-center items-center bg-[#1F1F23] text-[#905aff] hover:text-white"
            onClick="window.location.href = 'https://github.com/petchxx'"
          >
            <svg
              stroke="currentColor"
              fill="none"
              stroke-width="2"
              viewBox="0 0 24 24"
              stroke-linecap="round"
              stroke-linejoin="round"
              height="25"
              width="25"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path
                d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"
              ></path>
            </svg>
          </button>
          <button
            class="size-14 rounded-full flex justify-center items-center bg-[#1F1F23] text-[#905aff] hover:text-white"
            onClick="window.location.href = 'https://instagram.com/petchxig/'"
          >
            <svg
              stroke="currentColor"
              fill="none"
              stroke-width="2"
              viewBox="0 0 24 24"
              stroke-linecap="round"
              stroke-linejoin="round"
              height="25"
              width="25"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path
                d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"
              ></path>
              <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
              <path d="M16.5 7.5l0 .01"></path>
            </svg>
          </button>
        </div>
        <button
          class="transition-all duration-300 ease-in-out mt-6 group-hover:text-white group-hover:bg-[#905aff] rounded-xl text-[#905aff] border-[#905aff] hover:bg-[#905aff] hover:text-white border-2 p-2 w-64"
          onClick="window.location.href = 'https://petchx.dev'"
        >
          Portfolio
        </button>
      </div>
    </div>
  </body>
</html>