xforcevesa.github.io/blogs.html at main · xforcevesa/xforcevesa.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
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width;initial-scale=1">
  <title>Blogs Of modeset Terminator - Blogs</title>
  <link rel="stylesheet" href="./style/style.css" type="text/css" media="all">
  <script>
    const http = new XMLHttpRequest()
    getHTML = (url) => {
      http.open("GET", url)
      http.send()
      http.onreadystatechange = (e) => {
        document.getElementById("main").innerHTML = http.responseText
      }
    }
    var pages = []
    var iter = -1
    creat = (url) => {
      while(iter + 1 < pages.length) {
        pages.pop()
      }
      pages.push(url)
      getHTML(url)
      iter++
      document.getElementById("iter").innerText = iter + 1
      document.getElementById("total").innerText = pages.length
    }
    prev = () => {
      if(iter > 0) {
        getHTML(pages[--iter])
        document.getElementById("iter").innerText = iter + 1
      }
    }
    next = () => {
      if(iter + 1 < pages.length) {
        getHTML(pages[++iter])
        document.getElementById("iter").innerText = iter + 1
      }
    }
  </script>
  <style>
    .counter {
      position: fixed;
      top: 13px;
      right: 20%;
      color: var(--color-sunflower);
      background-color: var(--color-peter-river);
    }
  </style>
</head>
<body>
  <ul class="nav">
    <li class="blogs"><a href="./blogs.html">Blogs</a></li>
    <li class="home"><a href="./index.html">Home</a></li>
    <li class="about"><a href="./about.html">About</a></li>
  </ul>
  <div class="main">
    <span class="counter">Page <b id="iter">1</b> / <b id="total">1</b></span>
    <item style="display: inline; color: var(--color-alizarin); font-size: 110%;" onclick="javascript: prev()">Prev</item>
    <item style="color: var(--color-alizarin); font-size: 110%;" onclick="javascript: next()">Next</item>
    <div id="main"></div>
  </div>
  <script>
    creat("./blogs/blog.html")
  </script>
  <footer>
    &nbsp;Created with heart by nomodeset_xforcevesa
  </footer>
</body>
</html>