myStudies/index.html at main · bijay-develops/myStudies · 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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>myStudies — Reading Log</title>
  <meta name="description" content="Bijay B.K — personal catalog of research papers and articles." />
  <!-- Tight CSP for static hosting -->
  <meta http-equiv="Content-Security-Policy"
        content="default-src 'self'; img-src 'self' data:; style-src 'self'; script-src 'self'; object-src 'none'; base-uri 'self'; frame-ancestors 'none'">
  <link rel="icon" href="data:,">
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <header class="site-header">
    <div class="profile">
      <!-- Put your image file at /mystudies/profile.jpg (or update the src) -->
      <img class="avatar" src="profile.jpg" alt="Bijay B.K profile photo" />
      <div>
        <h1>myStudies</h1>
        <p class="tagline">By <strong>Bijay B.K</strong> — a catalog of papers & articles I’ve read</p>
        <nav class="social">
          <a class="link" href="https://github.com/bijay-develops" rel="noopener" target="_blank">GitHub</a>
          <!-- TODO: replace with your real Facebook profile URL -->
          <a class="link" href="https://www.facebook.com/christian.bijay.9" rel="noopener" target="_blank">Facebook</a>
                    <a class="link" href="https://mail.google.com/mail/?view=cm&to=bijaybka@gmail.com" target="_blank" rel="noopener">Mail</a>
        </nav>
      </div>
    </div>
  </header>

  <nav class="filters">
    <input id="search" type="search" placeholder="Search title, author, venue…" aria-label="Search" />
    <div id="sections" class="chips" role="tablist" aria-label="Sections"></div>
    <div id="tags" class="chips small" aria-label="Tags"></div>
  </nav>

  <main>
    <section id="stats" class="stats" aria-live="polite"></section>
    <section id="list" class="cards" aria-live="polite"></section>
  </main>

  <footer class="site-footer">
    <span>Built with vanilla HTML/CSS/JS.</span>
    <a id="repoLink" href="#" rel="noopener" target="_blank" hidden>Source</a>
  </footer>

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