https://astroneko404.github.io/gaming.html

1<!-- 
2 -->
3
4<!DOCTYPE html>
5<html>
6  <head>
7  <meta charset="utf-8" />
8  <!-- multi-device width -->
9  <meta content="width=device-width, initial-scale=1" name="viewport" />
10  <!-- site description -->
11  
12  <!-- tags -->
13  
14  
15
16
17
18
19
20
21  
22  <meta content="" name="description" />
23  <!-- referer for 3rd-part images-->
24  <meta content="no-referrer" name="referrer" />
25  <!-- title -->
26  <title>
27    
28    GAMING | ASTRON LAGRANGE&#39;S HOMEPAGE
29    
30  </title>
31  <!-- icon -->
32  <link href="https://astroneko404.github.io/assets/img/favicon.png?" rel="shortcut icon" type="image/png" />
33  <link href="https://astroneko404.github.io/assets/img/favicon.png?" rel="apple-touch-icon" type="image/png" />
34  <!-- main stylesheet -->
35  <link rel="stylesheet" href="https://astroneko404.github.io/assets/css/main.css" type="text/css" />
36  <!-- fa 5.9.0 -->
37  <!-- <link rel="stylesheet" href="https://astroneko404.github.io/assets/css/fa.min.css" type="text/css" /> -->
38  

38<script src="https://kit.fontawesome.com/553db809f7.js" crossorigin="anonymous"></script>

38
39  <!-- rouge theme-->
40  <link rel="stylesheet" href="https://astroneko404.github.io/assets/css/rouge-bg.css" />
41  <link href="https://astroneko404.github.io/assets/css/molokai.css" rel="stylesheet"/>
42  <!-- mathjax 2.7.5 -->
43  

43<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML" async></script>

43
44</head>
45
46  <body class="page">
47    <!-- background animations -->
48<div class="div_bg">
49  <canvas id="c"></canvas>
50</div>

51<script>
52  var c = document.getElementById("c");
53  var ctx = c.getContext("2d");
54  c.height = window.innerHeight;
55  c.width = window.innerWidth;
56  var txts = "αβγδεζηθικλμνξοπρστυφχψω∷∫∮∝∞∧∨∑∏∪∩∈∵∴⊥‖∠⌒⊙≌√";
57  txts = txts.split("");
58  var font_size = 12;
59  var columns = c.width / font_size;
60  var drops = [];
61  for (var x = 0; x < columns; x++) drops[x] = 1;
62
63  function draw() {
64    ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
65    ctx.fillRect(0, 0, c.width, c.height);
66    ctx.fillStyle = "#490";
67    ctx.font = font_size + "px arial";
68    for (var i = 0; i < drops.length; i++) {
69      var text = txts[Math.floor(Math.random() * txts.length)];
70      ctx.fillText(text, i * font_size, drops[i] * font_size);
71      if (drops[i] * font_size > c.height || Math.random() > 0.98) drops[i] = 0;
72      drops[i]++;
73    }
74  }
75  setInterval(draw, 20);
76</script>

76
77    <div class="container" id="ctner">
78      <div class="header">
79    <nav class="nav_bar">
80        <ul>
81            <!-- left header -->
82            <li
83                class="li_left">
84                <!-- home -->
85                
86                    * <a href="https://astroneko404.github.io">HOME</a>
87                
88                * <a href="https://astroneko404.github.io/discography.html">DISCOGRAPHY</a>
89                * <a href="https://astroneko404.github.io/posts/">POSTS</a>
90                * <a href="https://astroneko404.github.io/gaming.html">GAMING</a>
91                * <a href="https://astroneko404.github.io/footprint.html">FOOTPRINT</a>
92                <!-- * <a href="https://astroneko404.github.io/mcs.html">CS</a> -->
93                <!-- maximize -->
94                <!-- 
95                    <a class="header_btn" id="mxmz_btn" onclick="toggle_maximize()">
96                        <i class="fa fa-window-maximize">
97                            
98                                <p class="btn_text" id="mxmz_text">MAXIMIZE</p>
99                            
100                        </i>
101                    </a>
102                 -->
103            </li>
104            <!-- right header -->
105            <span class="span_right">
106
107                <!-- popup table of content -->
108                
109                &nbsp;&nbsp;
110
111            </span>
112        </ul>
113    </nav>
114    <hr/>
115</div>
116<!-- table of content -->
117
118<!-- toggle maximize -->
119

120<script>
121  var ctner_state = 0;
122  var ctner = document.getElementById("ctner");
123  function toggle_maximize() {
124    if (ctner_state == 0) {
125      ctner.style.width = "100%";
126      ctner.style.height = "100%";
127      ctner.style.top = "0";
128      ctner.style.maxWidth = "100%";
129      if (document.getElementById("mxmz_text")) {
130        document.getElementById("mxmz_text").innerHTML = "RESTORE";
131      }
132      ctner_state = 1;
133    } else if (ctner_state == 1) {
134      ctner.style.width = "84%";
135      ctner.style.height = "97%";
136      ctner.style.top = "2%";
137      ctner.style.maxWidth = "1240px";
138      if (document.getElementById("mxmz_text")) {
139        document.getElementById("mxmz_text").innerHTML = "MAXIMIZE";
140      }
141      ctner_state = 0;
142    }
143  }
144</script>

144
145
146<!-- encrypt and decrypt -->
147
148    

148<script src="https://astroneko404.github.io/assets/js/sjcl.js" async></script>

148
149    

149<script>
150  function decrypt_all(pwd, class_name) {
151    var elem_clct = document.getElementsByClassName(class_name);
152    if (elem_clct.length == 0) {
153      console.log("No texts to decrypt!");
154      return false;
155    }
156    for (acc = 0; acc < elem_clct.length; acc++) {
157      var encrypted = elem_clct[acc].id;
158      var ct =
159        '{"iv":"' +
160        encrypted.substring(0, 22) +
161        '==",salt:"","ct":"' +
162        encrypted.substring(22) +
163        '"}';
164      try {
165        var txt = sjcl.json.decrypt(pwd, ct);
166      } catch (e) {
167        alert("Invalid Access Token!");
168        return;
169      }
170      elem_clct[acc].innerHTML = txt;
171    }
172    return true;
173  }
174  function apply_token() {
175    var tkn = document.getElementById("acs_tkn");
176    if (decrypt_all(tkn.value, "encrypted")) {
177      tkn.style.display = "none";
178      document.getElementById("acs_btn").style.display = "none";
179    }
180  }
181</script>

181
182
183
184      <div class="div_article" id="div_atcl">
185          <article>
186                <article id="main_atcl" itemscope itemtype="http://schema.org/BlogPosting">
187    
188
189    <!-- <h1 class="loa">GAMING</h1> -->
190    <div class="tab-content">
191        <center>
192        <a href="https://psnprofiles.com/Astray404" target="_blank">
193          <img src="https://card.psnprofiles.com/2/Astray404.png" />
194        </a>
195        <br/>
196        <br/>
197        <img src="https://camo.githubusercontent.com/0b419ce24614f1d15e1a87da840faeb7d25f119e2b046dd67b0f37da476ba2e9/68747470733a2f2f692e696d6775722e636f6d2f704763756850442e706e67" width="65%">
198        </center>
199    </div>
200  </article>
201
202          </article>
203          
204          <div class="footer">
205    <nav class="nav_bar">
206        <ul>
207            <li class="copyright">
208                © 

208<script>document.write(/\d{4}/.exec(Date())[0])</script>

208
209            </li>
210            
211            <li>
212                DESIGNED BY DEERRIDER, ALL RIGHTS RESERVED
213            </li>
214            
215        </ul>
216    </nav>
217</div>
218
219          
220      </div>
221    </div>
222
223  </body>
224</html>