gists/profile.html at main · houselearning/gists · 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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Profile — HouseLearning Blob</title>
  <link rel="stylesheet" href="/css/profile.css" />
  <script src="https://houselearning.org/feedback.js"></script>
<script src="https://houselearning.org/cookiebanner.js"></script>
</head>
<body>
  <header class="hl-nav">
    <div class="hl-nav-left">
      <a class="hl-logo" href="/">HouseLearning</a>
      <a href="https://houselearning.org/docs/forum.html">Forum</a>
      <a href="/blob.html">Gist</a>
    </div>
    <div class="hl-nav-right">
      <span id="signedInAs">Guest</span>
      <button id="signInBtn" class="hl-btn">Sign In</button>
      <button id="signOutBtn" class="hl-btn hidden">Sign Out</button>
    </div>
  </header>

  <main class="profile-layout">
    <aside class="profile-sidebar card">
      <div class="profile-avatar" id="profileAvatar"></div>
      <h2 id="profileName">Profile</h2>
      <div class="profile-meta">
        <div><strong id="followersCount">0</strong> Followers</div>
        <div><strong id="ratingStars">0</strong> Rating</div>
      </div>
      <button data-action="follow" data-owner="${b.ownerId}">Follow</button>
      <button id="reportBtn" class="hl-btn">Report</button>

      <section class="card small">
        <!--<h3>My Recent Uploads</h3>
        <ul id="recentUploads" class="file-list"></ul>-->
        <div id="profileAvatar"></div>

<h2 id="profileName">Loading...</h2>

<p id="aboutText">Loading...</p>

<div>
  <span id="followersCount">0</span> Followers
  <span id="ratingStars">0</span> Rating
</div>

<button id="followBtn">Follow</button>
<button id="reportBtn">Report</button>
<button id="shareProfileBtn">Share Profile</button>

<h3>Recent Uploads</h3>
<ul id="recentUploads"></ul>

<h3>All Uploads</h3>
<div id="uploadsList"></div>

      </section>
    </aside>

    <section class="profile-main">
      <section class="card about-card">
        <h3>About</h3>
        <p id="aboutText" class="muted">No bio yet.</p>
        <div class="profile-actions">
          <button id="shareProfileBtn" class="hl-btn">Share Profile</button>
        </div>
      </section>

      <section class="card uploads-card">
        <h3 id="uploadsTitle">Uploads</h3>
        <div id="uploadsList" class="feed-list"></div>
      </section>
    </section>
  </main>

  <script type="module" src="/js/profile.js"></script>
</body>
</html>