SaveSphere/index.html at main · CodeWithVedang/SaveSphere · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Pinterest Latest Pins</title>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
  <link href="style.css" rel="stylesheet">
  <meta name="p:domain_verify" content="e643a08b8216520f30ac25780a0cc3d0"/>
</head>
<body>
  <header>
    <div class="skeleton-channel">
      <div class="channel-header">
        <div class="skeleton-photo"></div>
        <div class="skeleton-title"></div>
      </div>
      <div class="skeleton-desc"></div>
      <div class="skeleton-desc"></div>
      <div class="skeleton-button"></div>
    </div>
    <div class="channel-info" style="display: none;">
      <div class="channel-header">
        <img id="profile-photo" src="https://i.pinimg.com/280x280_RS/5d/16/08/5d1608141a7b433a54a7a06898e97f69.jpg" alt="Save Sphere profile photo" class="profile-photo" />
        <h1 id="channel-title">Loading...</h1>
      </div>
      <p id="channel-desc">Fetching channel description...</p>
      <a href="#" id="profile-button" class="profile-button" aria-label="Visit Pinterest profile">Visit Profile</a>
    </div>
    <button class="theme-toggle" aria-label="Toggle dark mode">🌙</button>
  </header>
  <div id="posts-container">
    <div class="skeleton">
      <div class="skeleton-img"></div>
      <div class="skeleton-text"></div>
    </div>
    <div class="skeleton">
      <div class="skeleton-img"></div>
      <div class="skeleton-text"></div>
    </div>
  </div>
  <footer>
    <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub Logo" />
    <span>Developed by CodeWithVedang — <a href="https://github.com/CodeWithVedang/" target="_blank" rel="noopener noreferrer">GitHub</a></span>
  </footer>
  <script src="script.js"></script>
</body>
</html>