summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTrumeet <yuuta@yuuta.moe>2021-08-09 19:32:34 -0700
committerTrumeet <yuuta@yuuta.moe>2021-08-09 19:32:34 -0700
commit82971e8d0b1e0e4f05888bce1aba2a58f6caef28 (patch)
treef69e5dbb27c93cac14f3c212b3f078b5053373c4
parent49935508948f6a00ebcabc4ce17dcfbad8f63bde (diff)
downloadwww-82971e8d0b1e0e4f05888bce1aba2a58f6caef28.tar
www-82971e8d0b1e0e4f05888bce1aba2a58f6caef28.tar.gz
www-82971e8d0b1e0e4f05888bce1aba2a58f6caef28.tar.bz2
www-82971e8d0b1e0e4f05888bce1aba2a58f6caef28.zip
feat: new homepage
-rw-r--r--index.html283
-rw-r--r--rickroll/Prototype.odp (renamed from Prototype.odp)bin61051 -> 61051 bytes
-rw-r--r--rickroll/bg.svg (renamed from bg.svg)0
-rw-r--r--rickroll/bg.webp (renamed from bg.webp)bin2880 -> 2880 bytes
-rw-r--r--rickroll/index.css (renamed from index.css)0
-rw-r--r--rickroll/index.html65
-rw-r--r--rickroll/indiHome-noBackground.png (renamed from indiHome-noBackground.png)bin253866 -> 253866 bytes
-rw-r--r--rickroll/main.js (renamed from main.js)0
-rw-r--r--topology.pngbin0 -> 259205 bytes
9 files changed, 291 insertions, 57 deletions
diff --git a/index.html b/index.html
index cadb91f..6e6138c 100644
--- a/index.html
+++ b/index.html
@@ -1,65 +1,234 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8">
- <title>Yuuta Network Services</title>
- <link rel="stylesheet" href="index.css">
-</head>
-<body>
-<div style="text-align: center;">
- <div class="header">
- <h1>Yuuta</h1>
- <h1 style="font-size: 2.2em" class="red">Network Services</h1>
- <h2><b>AS4242422980 <span style="color: gray; ">at</span> DN42</b></h2>
- <h2>Global <span style="color: gray">Network</span> Infrastructure</h2>
- </div>
-</div>
+<meta charset="utf-8">
+<title>Yuuta Network</title>
+<style>
+ html {
+ box-sizing: border-box;
+ font-size: 16px;
+ }
+ *,
+ *:before,
+ *:after {
+ box-sizing: inherit;
+ }
+
+ body,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ p,
+ ol,
+ ul {
+ margin: 0;
+ padding: 0;
+ font-weight: normal;
+ }
+
+ ol,
+ ul {
+ list-style: none;
+ }
+
+ img {
+ max-width: 100%;
+ height: auto;
+ }
+
+ a {
+ color: #333;
+ }
+
+ header {
+ font-size: 1em;
+ margin-bottom: 1em;
+ }
+
+ section {
+ margin-bottom: 1em;
+ }
+
+ h1.small {
+ font-size: 1.4em;
+ }
+
+ h1 {
+ line-height: 1.2em;
+ margin-bottom: .2em;
+ }
+
+ .container {
+ padding: 1em;
+ background-color: #fcfcfc;
+ color: #333;
+ max-width: 1024px;
+ margin: 0 auto;
+ }
+
+ h2 {
+ font-size: 1.25em;
+ line-height: 1.25em;
+ padding-top: .12em;
+ padding-bottom: .12em;
+ padding-left: .25em;
+ margin-bottom: .5em;
+ background-color: #eee;
+ border-left: 4px solid #333;
+ }
-<div class="indihome-content" id="indihome-content">
- <div class="indihome-line">
- <div class="indihome-left">
- <div class="node-head node-left"><b>Yuuta</b></div>
- <div class="node-highlight node-left red">Network Services</div>
- <div class="node-geo node-left">Tokyo, Japan</div>
- </div>
- <div class="indihome-right">
- <div class="node-url node-right red">tyo1.jp.dn42.yuuta.moe</div>
- </div>
- </div>
- <div class="indihome-line">
- <div class="indihome-left">
- <div class="node-head node-left"><b>Yuuta</b></div>
- <div class="node-highlight node-left red">Network Services</div>
- <div class="node-geo node-left">San Jose, United States</div>
- </div>
- <div class="indihome-right">
- <div class="node-url node-right red">sjc1.us.dn42.yuuta.moe</div>
- </div>
- </div>
- <div class="indihome-line">
- <div class="indihome-left">
- <div class="node-head node-left"><b>Yuuta</b></div>
- <div class="node-highlight node-left red">Network Services</div>
- <div class="node-geo node-left">Toronto, Canada</div>
- </div>
- <div class="indihome-right">
- <div class="node-url node-right red">yyz1.ca.dn42.yuuta.moe</div>
- </div>
- </div>
- <div class="indihome-line">
- <div class="indihome-left">
- <div class="node-head node-left"><b>Yuuta</b></div>
- <div class="node-highlight node-left red">Network Services</div>
- <div class="node-geo node-left">Frankfurt, Germany</div>
- </div>
- <div class="indihome-right">
- <div class="node-url node-right red">fra1.de.dn42.yuuta.moe</div>
- </div>
- </div>
-</div>
-<script src="main.js"></script>
+ p {
+ font-size: 1em;
+ line-height: 1.2em;
+ margin-bottom: .5em;
+ }
+ .section-content {
+ margin-top: .25em;
+ margin-bottom: .25em;
+ }
+
+ .peertable {
+ border: 1px solid #333;
+ border-collapse: collapse;
+ text-align: center;
+ }
+
+ .peertable th,
+ .peertable td {
+ border: 1px solid #333;
+ text-align: center;
+ padding: .25em .5em .25em .5em;
+ }
+
+ .connected {
+ color: white;
+ background-color: rgb(26, 153, 121);
+ }
+
+ .connecting {
+ color: white;
+ background-color: rgb(23, 101, 218);
+ }
+
+ .disconnected {
+ color: white;
+ background-color: rgb(202, 30, 53);
+ }
+
+ .unknow {
+ background-color: #ccc;
+ }
+ </style>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
+</head>
+<body>
+ <a class="github-fork-ribbon right-top" href="rickroll" data-ribbon="Rickroll" title="Rickroll">Rickroll</a>
+<div class="container">
+<header>
+<h1 class="en">Yuuta Network / AS142281 / AS4242422980</h1>
+</header>
+<section>
+<h2 class="en">About</h2>
+<div class="section-content en">
+<p><a href="https://yuuta.moe">Yuuta Liang (ID: YuutaW)</a>'s personal educational and research network.</p>
+<p>The main purpose running YuutaNet is to learn some networking skills.</p>
+<p>I run a few nodes and personal services on my network and I am open for peering.</p>
+<p><a href="https://peeringdb.com/net/27094">View on PeeringDB</a></p>
+</div>
+</section>
+<section>
+ <h2 class="en">Topology</h2>
+ <div class="section-content en">
+ <p>We have seven nodes across the world:</p>
+ <br />
+ <p>Legend:</p>
+ <ul>
+ <li><b>DN42</b>: This node is available to DN42 network (AS4242422980)</li>
+ <li><b>UIX</b>: This node is connected to <a href="https://unmetered.exchange">Unmetered Exchange</a>. Infers clearnet connectivity.</li>
+ <li><b>EVIX</b>: This node is connected to <a href="https://evix.org">EVIX</a>. Infers clearnet connectivity.</li>
+ <li><b>OPTiX</b>: This node is connected to <a href="https://www.optix.co.rs/">OPTiX</a>. Infers clearnet connectivity.</li>
+ <li><b>XXX Transit</b>: This node connectes to XXX upstream ISP and serves as an ABR in YuutaNet. Infers clearnet connectivity.</li>
+ <li><b>Peering</b>: This node is available for peering. See the Peering section below.</li>
+ <li><b>Core</b>: This node is a part of the backbone network and is full-meshed.</li>
+ </ul>
+ <br />
+ <h3>North America:</h3>
+ <p>United States:</p>
+ <ul>
+ <li>San Jose 1: sjc1.us.nodes.yuuta.network, sjc1.us.yuuta.dn42 <b>(DN42, EVIX, Peering, Core)</b></li>
+ <li>New Jersey 1: pis1.us.nodes.yuuta.network <b>(Vultr Transit, LSHIY Transit)</b></li>
+ <li>Chicago: us-1.yuuta.dn42 <b>(DN42)</b></li>
+ </ul>
+ <br />
+ <p>Canada:</p>
+ <ul>
+ <li>Toronto 1: yyz1.ca.yuuta.dn42 <b>(DN42, Peeing, Core)</b></li>
+ <li>Vancouver 1: yvr1.ca.nodes.yuuta.network <b>(UIX, EVIX, OPTiX, HE Transit, Peering)</b></li>
+ <li>My home: ca-1.yuuta.dn42 <b>(DN42)</b></li>
+ </ul>
+ <br />
+ <h3>East Asia:</h3>
+ <p>Japan:</p>
+ <ul>
+ <li>Tokyo 1: tyo1.jp.yuuta.dn42 <b>(DN42, Peering, Core)</b></li>
+ </ul>
+ <br />
+ <h3>Europe:</h3>
+ <p>Germany:</p>
+ <ul>
+ <li>Frankfurt 1: fra1.de.yuuta.dn42 <b>(DN42, Peering, Core)</b></li>
+ </ul>
+ <br />
+ <p>I deployed a /56 subnet to each geographical region. Currently, some random backbone nodes are full-meshed. Most nodes are intra-connected by iBGP and OSPF (all area 0).<p>
+ <p>I am planning to move away from full-meshing and give each geographical region an OSPF area. An upgrade to switch all clearnet regions from /56 to /48 for easier announcement is on the way.</p>
+ <p>Most nodes run Arch Linux at this time. We are considering to upgrade our architecture to VyOS for simpler management.</p>
+ <p>Particial topology diagram:</p>
+ <img src="topology.png" />
+ </div>
+</section>
+<section>
+ <h2 class="en">Administration</h2>
+ <div class="section-content en">
+ <p><a href="https://yuuta.moe">YuutaW</a> is the only NOC of YuutaNet. You may contact me at <a href="mailto:noc@yuuta.moe"</a>noc@yuuta.moe</a>.</p>
+ <p>GPG Key: <a href="https://blog.yuuta.moe/F99854A5DAA0D15DF2FEF89CBCD2B4B9E853C284.gpg">F99854A5DAA0D15DF2FEF89CBCD2B4B9E853C284</a>.</p>
+ </div>
+</section>
+<section>
+ <h2 class="en">Peering</h2>
+ <div class="section-content en">
+ <p>We are open for peering!</p>
+ <p>For DN42 peering, you may use our <a href="https://peering.yuuta.moe">auto peering system</a>. It will setup our nodes immediatedly when you submit the peering form. Moreover, you may update your peering information or delete the connections at any time without contacting the NOC.</p>
+ <p>For clearnet peering, our most connections are established at IXs. For most IXs, we established the connection between our nodes with their route servers, which means you can just connect to their route server and you are ready to go. The whole list of peering locations could be found at our <a href="https://peeringdb.com/net/27094">PeeringDB page</a>. However, if you require some custom setup that require a dedicated BGP session, email our NOC. Keep in mind that this is a personal network so response time is not guaranteed.</p>
+ </div>
+</section>
+<section>
+<h2 class="en">Services</h2>
+<div class="section-content en">
+<p>YuutaNet provides:</p>
+<ul>
+ <li>DNS for yuuta.network., yuuta.dn42. and rDNS.</li>
+ <li><a href="https://ymc.moe">YMC Minecraft Server</a> is available via YuutaNet.</li>
+</ul>
+</div>
+</section>
+<hr />
+<section>
+<h2 class="en">External Links</h2>
+<div class="section-content en">
+ <p><a href="https://peeringdb.com/net/27094">PeeringDB: Yuuta Network</a></p>
+ <p><a href="https://bgp.he.net/AS142281">bgp.he.net: AS142281</a></p>
+ <p><a href="https://bgp.tools/as/142281">bgp.tools: AS142281</a></p>
+</div>
+</section>
+</div>
+</div>
</body>
-</html> \ No newline at end of file
+</html>
+
diff --git a/Prototype.odp b/rickroll/Prototype.odp
index 887a71e..887a71e 100644
--- a/Prototype.odp
+++ b/rickroll/Prototype.odp
Binary files differ
diff --git a/bg.svg b/rickroll/bg.svg
index 6fd659b..6fd659b 100644
--- a/bg.svg
+++ b/rickroll/bg.svg
diff --git a/bg.webp b/rickroll/bg.webp
index d3bd193..d3bd193 100644
--- a/bg.webp
+++ b/rickroll/bg.webp
Binary files differ
diff --git a/index.css b/rickroll/index.css
index 9ef04e7..9ef04e7 100644
--- a/index.css
+++ b/rickroll/index.css
diff --git a/rickroll/index.html b/rickroll/index.html
new file mode 100644
index 0000000..cadb91f
--- /dev/null
+++ b/rickroll/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>Yuuta Network Services</title>
+ <link rel="stylesheet" href="index.css">
+</head>
+<body>
+<div style="text-align: center;">
+ <div class="header">
+ <h1>Yuuta</h1>
+ <h1 style="font-size: 2.2em" class="red">Network Services</h1>
+ <h2><b>AS4242422980 <span style="color: gray; ">at</span> DN42</b></h2>
+ <h2>Global <span style="color: gray">Network</span> Infrastructure</h2>
+ </div>
+</div>
+
+
+<div class="indihome-content" id="indihome-content">
+ <div class="indihome-line">
+ <div class="indihome-left">
+ <div class="node-head node-left"><b>Yuuta</b></div>
+ <div class="node-highlight node-left red">Network Services</div>
+ <div class="node-geo node-left">Tokyo, Japan</div>
+ </div>
+ <div class="indihome-right">
+ <div class="node-url node-right red">tyo1.jp.dn42.yuuta.moe</div>
+ </div>
+ </div>
+ <div class="indihome-line">
+ <div class="indihome-left">
+ <div class="node-head node-left"><b>Yuuta</b></div>
+ <div class="node-highlight node-left red">Network Services</div>
+ <div class="node-geo node-left">San Jose, United States</div>
+ </div>
+ <div class="indihome-right">
+ <div class="node-url node-right red">sjc1.us.dn42.yuuta.moe</div>
+ </div>
+ </div>
+ <div class="indihome-line">
+ <div class="indihome-left">
+ <div class="node-head node-left"><b>Yuuta</b></div>
+ <div class="node-highlight node-left red">Network Services</div>
+ <div class="node-geo node-left">Toronto, Canada</div>
+ </div>
+ <div class="indihome-right">
+ <div class="node-url node-right red">yyz1.ca.dn42.yuuta.moe</div>
+ </div>
+ </div>
+ <div class="indihome-line">
+ <div class="indihome-left">
+ <div class="node-head node-left"><b>Yuuta</b></div>
+ <div class="node-highlight node-left red">Network Services</div>
+ <div class="node-geo node-left">Frankfurt, Germany</div>
+ </div>
+ <div class="indihome-right">
+ <div class="node-url node-right red">fra1.de.dn42.yuuta.moe</div>
+ </div>
+ </div>
+</div>
+
+<script src="main.js"></script>
+
+</body>
+</html> \ No newline at end of file
diff --git a/indiHome-noBackground.png b/rickroll/indiHome-noBackground.png
index e48046a..e48046a 100644
--- a/indiHome-noBackground.png
+++ b/rickroll/indiHome-noBackground.png
Binary files differ
diff --git a/main.js b/rickroll/main.js
index 8f867fb..8f867fb 100644
--- a/main.js
+++ b/rickroll/main.js
diff --git a/topology.png b/topology.png
new file mode 100644
index 0000000..a1375b7
--- /dev/null
+++ b/topology.png
Binary files differ