reity.github.io/index.html at master · reity/reity.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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Reity">
    <meta name="author" content="Reity">
    <title>reity.org</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bitcount+Prop+Double&display=auto">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css">
    <link rel="stylesheet" href="https://getbootstrap.com/docs/4.0/dist/css/bootstrap.min.css">
    <style>
      html, body { height:100%; }
      body { padding:40px; background-color:#FFEB3B; font-family:"Bitcount Prop Double",sans-serif; color:#212121; }
      .corner { position:fixed; bottom:0;  }
      #navigation { left:0; margin-bottom:-14px; padding-left:34px; font-size:54px; }
      #navigation .one { color:#212121; }
      #navigation .two { color:#98695B; }
      #navigation > #logo { display:inline-block; height:52px; width:152px; }
      #navigation > #logo > #orthographic { margin-bottom:6px; font-size:56px; }
      #navigation > #logo > #ideographic { margin-top:4px; }
      #navigation > #logo > #ideographic tr td { padding:1px 1px 1px 1px; line-height:12px; font-size:14px; }
      #navigation > #categories { display:inline-block; padding-bottom:20px; }
      #links { right:0; padding:38px 30px 16px 32px; text-align:right; white-space:nowrap; }
      .link { display:inline-block; margin:0px 0px 0px -5px; font-size:40px; }
      .link > a { color:#212121; text-decoration:none; }
      .link:hover > a { color:#FFFFFF; text-shadow:0 0 2px #000000, 0 0 2px #000000; }
      .noselect {
        -webkit-touch-callout:none;
          -webkit-user-select:none;
           -khtml-user-select:none;
             -moz-user-select:none;
              -ms-user-select:none;
                  user-select:none;
      }
      @media all and (max-width:700px) {
        #navigation { margin-bottom:-31px; padding-left:13px; font-size:40px; }
        #navigation > #logo { width:112px; }
        #navigation > #logo > #orthographic { margin-left:4px; font-size:40px; }
        #navigation > #logo > #ideographic { margin-top:13px; }
        #navigation > #logo > #ideographic tr td { line-height:10px; font-size:10px; }
        #navigation > #categories { padding-bottom:26px; }
        #links { padding-bottom:0px; padding-right:12px; }
        .link { font-size:30px; }
      }
    </style>
    <script>
      var favIcon = "iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAATPSURBVHjaYvz/PJyBlgAggJgYaAwAAojmFgAEEM0tAAggmlsAEEA0twAggFhQeP8ZEWzG/1SxACCAUH0ANxTTdKDdQMQIRqQAgABiQRfA43DmfxCrGBiZGP4RawFAALEQ75bnDz/t2MHEy/vLy0+Yi5ORyGAECCDiLAAGDvO/nTsZL+7nZmTkkhJ7bOUiw/CXCRxoBOwACCAmokwHqxIS/MnE9J+T/S+PwF8G1j9E+hsggFgYGDkZ/n/HpwTkRqAd/1WUv741Yebk/ictJ4liPV5PAAQQI7Sww6oOFDL/GZj+MfwDhfifX4xv339jY2UXEGBhBAoygrX8BUc4SNl/kLK/YC2QNPCfmYGBAyCAmFASDzg0Dh48uWzVgR8//zGw/n397OvR7Y+fPvgAVMHCxiAuwyoo+h9oMtC8vXtPLFt28Nv3Pwzsfx89fLVw0YFHj14D2V8/MxzZ8+zSmUf//jIwMDECBBBqJHP+3bT2SFDa87//GPIu7Oho9F088duzR9IiEr+y6v/yCTAy/GQFKeP4s3/Habeoh//+M9Te3VdV5uwWefTm3V8ayodP7vTZuvbHmZ0SLMz/AxIfWrorAwQQE2po/n76/M9fsP8ePP7z88uvTx9YGRn/f/nM/OvHLySH/Hv5+sc/sJ8fP/vz+8e/+49+A9l3H/7+8vX7x09sQPbP30wfP4AYAAHE3FBqyvD/LwMwuIDoD4u2tjwXywsVBdbWKlMJOR5e3sdAc6xc3qloizKCohoY9CBlSspybIwv1JVYqwoMJGT4NGVfc3L8r84RNLdUFRP68PnjHw3DLw6+Yuxs7AABqCZzAwBAEAYiiEO6/xZCFHwKK0iRIjkIyJ0K3AiAtv9qd5RhpFEkpxyeUyRlVOwTWu9XG0oNzvyMZ5m8BBATAzP7999/jxw9sX3noY9ffoJim/UfCDH9Byp78+bbhdMPX7/6/o/p39dv/y6dvn/zyoPffxl//f97+sz5nbuPvP/yE5hYXr36evHUw1evv4LsYgS7gvEfyChGNoAAAlrw7+7Nu6kVTxOKX+3edZyB5T/DL0YQAqbAv4zbVnzbNE9s05Jvf38zXT71aMN8yY2LRN+//vTy2duY/HuROS+2bTkCNGbL4u8b5ooByd8/QEmH4T84yQJt+/8dIICYGNh/rthw//b93+8//Zuz4hOiFGP69+71p5vnef78Ybx3jfv9y893r/F8/8b85gXbk7ufDx+9cOcBMEr/rd3x5cu7P/dv8vz9y3D3Ku/rp69A8YQEAAKIieEnR1yElr4mm5gwc068ACi/QMAfJmFxXgPrjywsDBpGX4UkeTQNPnLz/JGQ/aGkKeTkaKavxSbEzxwbyMcjxKym+xlYwmoYfBKTFWf4hxKRAAHE+P9FAgPrt++f/n3//ktInAMUOEi2//vD+P7NN0ERbiaWv8AYe//mBxs7GzcfKEH9+Prv24+fQsLAkobh98//b5+/F5YUZGVnAOVtpEIBIIDAFvz7AcrfoPSHrcBgAqeJv+AiDxiBQHV/wW6Ea4GwQSUKWBmqCQABxIKcIhFy/5GK+7/MSGqY0RIxVA2QDQkZDPcBBBALqChlZMBXr1FWOQMEEM1bFQABRHMLAAKI5hYABBDNLQAIIJpbABBgACd2/saHFh8iAAAAAElFTkSuQmCC";
      var docHead = document.getElementsByTagName('head')[0];
      var newLink = document.createElement('link');
      newLink.rel = 'shortcut icon';
      newLink.type = 'image/x-icon';
      newLink.href = 'data:image/png;base64,'+favIcon;
      docHead.appendChild(newLink);
      window.onload = (event) => {
        const logo = document.getElementById("logo");
        const orth = document.getElementById("orthographic");
        const ideo = document.getElementById("ideographic");
        logo.addEventListener("mouseenter", (e) => {
          orth.style.display = "block";
          ideo.style.display = "none";
        });
        logo.addEventListener("mouseleave", (e) => {
          orth.style.display = "none";
          ideo.style.display = "block";
        });
      };
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-YHLCB9H700"></script>
    <script>
      window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date()); gtag('config', 'G-YHLCB9H700');
    </script>
  </head>
  <body>
    <div id="navigation" class="corner noselect">
      <div id="logo">
        <span id="orthographic" style="display:none;">
          <span class="one">r</span><span class="two">e</span><span class="two">i</span><span class="one">t</span><span class="two">y</span>
        </span>
        <table id="ideographic" style="margin-bottom:1px;">
          <tr>
            <td></td><td></td><td></td>
            <td><i class="two fa fa-circle" aria-hidden="true"></i></td>
            <td></td><td></td><td></td>
          </tr>
          <tr>
            <td></td>
            <td><i class="one fa fa-circle" aria-hidden="true"></i></td>
            <td><i class="two fa fa-circle" aria-hidden="true"></i></td>
            <td></td>
            <td><i class="one fa fa-circle" aria-hidden="true"></i></td>
            <td><i class="one fa fa-circle" aria-hidden="true"></i></td>
            <td><i class="two fa fa-circle" aria-hidden="true"></i></td>
          </tr>
          <tr>
            <td><i class="one fa fa-circle" aria-hidden="true"></i></td>
            <td></td>
            <td><i class="two fa fa-circle" aria-hidden="true"></i></td>
            <td><i class="two fa fa-circle" aria-hidden="true"></i></td>
            <td><i class="one fa fa-circle" aria-hidden="true"></i></td>
            <td><i class="two fa fa-circle" aria-hidden="true"></i></td>
            <td></td>
          </tr>
        </table>
      </div>
      <div id="categories">
        <span class="link"><a href="https://reity.org"><i class="fa-regular fa-keyboard"></i></a></span>
        <span class="link"><a href="https://reity.gg"><i class="fa-solid fa-gamepad"></i></a></span>
      </div>
    </div>
    <div id="links" class="corner noselect">
      <span class="link"><a href="https://github.com/reity"><i class="fa-brands fa-github"></i></a></span>
      <span class="link"><a href="https://medium.com/reity-llc"><i class="fa-brands fa-medium"></i></a></span>
      <span class="link"><a href="https://www.linkedin.com/company/reity"><i class="fa-brands fa-linkedin"></i></a></span>
    </div>
  </body>
</html>