knowflux.github.io/reader.html at main · KnowFlux/knowflux.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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="utf-8" />
  <meta name="description" content="Read KnowFlux books — immersive sci-fi and fantasy fiction.">
  <title>Read | KnowFlux</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anton|Open+Sans">
  <link rel="icon" type="image/png" href="Images/favicon.jpeg">
  <link rel="stylesheet" href = "css/main.css">
  <script src = "js/bundle.js?cachebust=14"></script>
</head>

<body>
  <div id="promo">
    <div>Content Posted Weekly!</div>
    <div style="display:none;">Subscribe For Updates!</div>
    <div style="display:none;">Stay Tuned For Poetry And Prose!</div>
    <div style="display:none;">Send Feedback And See Responses!</div>
  </div>
  <div id="topMenu">
    <div class="wrap">
      <div id="topLinks">
        <ul>
          <li>
            <a href="index.html">Home</a>
          </li>
          <li>
            <a href = "aboutbook.html">Books</a>
          </li>
          <li class="has-submenu">
            <a href="#" id="read-link">Read</a>
            <ul>
              <li><a href="reader.html?book=exploded&page=1">Exploded: Book 1</a></li>
              <li><a href="reader.html?book=pinnacle&page=1">The Pinnacle of Reality</a></li>
              <li><a href = "contents.html">Contents</a></li>
              <li><a href = "omni-dex.html">Omni-Dex</a></li>
            </ul>
          </li>
          <li>
            <a href="poetry.html">Poetry</a>
          </li>
          <li>
            <a href="search.html" title="Search"><span class="search-icon">🔍</span></a>
          </li>
        </ul>
      </div>
      <a class="logo" href="index.html"><img src = "Images/favicon.jpeg">KnowFlux</a>
    </div>
  </div>
  <div class="wrap">
    <div class="page-header-container">
      <h2 class = "page-title"></h2>
      <h3 class = "page-subtitle"></h3>
    </div>

    <div class="page-content" id="reader-content">

    </div>

    <div class="page-footer-action">

    </div>
  </div>

  <div id="scroll-progress-container">
    <div id="scroll-progress-bar"></div>
  </div>
  <!--GETOUTGETOUGETOUGETOU-->
  <div id="footer" data-reveal="false">
    <div class="wrap">
      <!-- Footer links can go here -->
    </div>
  </div>
  <div id="copyright" data-reveal="false">
    <div class="wrap">
      <div>&copy; <span id="copyright-year">2026</span> <span class="logo">KnowFlux</span><span class="copyright-tagline">— Keep Blooming, Keep Flying</span></div>
      <a href="#" class="back-to-top">Back To Top</a>
    </div>
  </div>
  <script src = "js/reader.js?cachebust=2"></script>
</body>

</html>