commit f1a3e6bd244dbc1926eca20a9d367eba8b7fb800
Author: mctaylors <cantsendmails@mctaylors.ru>
Date:   Wed Jul 3 00:58:35 2024 +0500

    Initial commit
    
    Signed-off-by: mctaylors <cantsendmails@mctaylors.ru>

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..9f11b75
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.idea/
diff --git a/assets/css/fonts.css b/assets/css/fonts.css
new file mode 100644
index 0000000..6d38cb2
--- /dev/null
+++ b/assets/css/fonts.css
@@ -0,0 +1,11 @@
+@font-face {
+    font-family: 'BlitzBold';
+    font-weight: normal;
+    src: url(/assets/woff2/BlitzBold.woff2);
+}
+
+@font-face {
+    font-family: 'BlitzMain';
+    font-weight: normal;
+    src: url(/assets/woff2/BlitzMain.woff2);
+}
\ No newline at end of file
diff --git a/assets/css/styles.css b/assets/css/styles.css
new file mode 100644
index 0000000..bc415f3
--- /dev/null
+++ b/assets/css/styles.css
@@ -0,0 +1,196 @@
+/*
+    Octobot for Discord. Made by mctaylors.
+    Inspired by splatoon3.ink.
+*/
+
+@import url(fonts.css);
+
+:root {
+    color: #eee;
+    background-color: #000;
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAADiBAMAAAChPgbkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURRcXF0dwTBUVFRYWFgAAABoaGhkZGRUVFRgYGAAAAAAAAB4eHiQkJBISEkRDNy8AAAAOdFJOUxYAGBcDEwoMFQUBEQcOBwHpdgAAAjdJREFUeNrt271NBDEUReGnjUlGIoGICCKkbYIKqIASqIEm6IGMDiiBjtj5XXvGz9k9Cde5dfTFvo6Xc6TnacjP/Xd+7/TbuRi3r52b752bXw/5xedecaCRMdDIGGjkpQgjL0UYORZZ5FhkkVMRRU5FFDkXSeRcJJFLEUQuRRC5FjnkWuSQWxFDbkUMeS1SyGuRQhZFCFkUIWRZZJBlkUFWRQRZFRFkXSSQdZFA7ooAclcEkPuiHrkv6pGHohx5KMqRx6IaeSyqkY2iGNkoipGtohbZKmqRzaIU2SxKke2iEtkuKpFJUYhMikJkVtQhs6IOmRZlyLQoQ+ZFFTIvqpCdogjZKYqQvaIGGW80Mh5pZJxoZBhppJFGGmmkkUYaaaSRRhpppJFGGmmkkUYaaeR/Rp5pZHzQyPikkXFHI2OgkTHQyBho5KUII8f3RxY5Flnk9MaKIqciipzfkUnkXCSRy1s5iFyKIHLdA3DItcght80DhtyKGPK666CQ1yKFLLYrELIoQshyn8MgyyKDrDZICLIqIsh6Z0Ug6yKB3G3JAOSuCCD3ezk9cl/UIw+bQDnyUJQjj7tHNfJYVCMb204xslEUI1v7VS2yVdQimxtdKbJZlCLbO2Qlsl1UIpOttRCZFIXIbE+uQ2ZFHTLdzMuQaVGGzP8FqJB5UYXs/H0QITtFEbL3v0OD7BU1yPihkXFDIwNHhpFGGmmkkUYaaaSRRhpppJFGGmmkkUYaaaSRRhoJIgNH/gHUGcb6oO4YfwAAAABJRU5ErkJggg==");
+    font-family: BlitzMain, sans-serif;
+}
+
+a, a:visited {
+    color: chartreuse;
+}
+
+a:hover {
+    color: aquamarine;
+}
+
+a:active {
+    color: darkcyan;
+}
+
+a.alternative {
+    text-decoration: none;
+}
+
+.highlight {
+    font-family: BlitzBold, sans-serif;
+    font-size: 32px;
+}
+
+.header {
+    font-size: 24px;
+    padding: 16px;
+    position: fixed;
+    width: calc(100% - 48px);
+    z-index: 10;
+}
+
+.header > .left {
+    float: left;
+}
+
+.header > .right {
+    float: right;
+}
+
+.header > .left img {
+    margin: 0 8px;
+    height: 64px;
+}
+
+.header > .right .social img {
+    height: 32px;
+    width: 32px;
+    border: #999 1px solid;
+    border-radius: 16px;
+    background-color: #0009;
+    padding: 8px;
+    transition: 200ms;
+}
+
+.header > .right .social img:hover {
+    border-color: #eee;
+}
+
+.content {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 32px 64px;
+    padding: 100px 16px 80px;
+}
+
+.content > .card {
+    mask-image: url("/assets/svg/card-header.svg");
+    mask-size: 2000px auto;
+    mask-position: top;
+    background-image: url("/assets/png/tapes-transparent.png");
+    background-size: contain;
+    width: 480px;
+    min-height: 520px;
+    padding: 48px 16px 8px;
+    border-radius: 16px;
+}
+
+.content > .card.first {
+    background-color: #1bbeab; /* Splatoon 3 TurquoisePink Alpha */
+    rotate: -2deg;
+}
+
+.content > .card.second {
+    background-color: #c43a6e; /* Splatoon 3 TurquoisePink Bravo */
+    rotate: 2deg;
+}
+
+.content > .card * {
+    text-align: left;
+}
+
+.content > .card span {
+    line-height: 1em;
+    filter: drop-shadow(1px 1px #000);
+}
+
+.content > .card > .title {
+    margin: 8px 0;
+}
+
+.content > .card > .title > * {
+    vertical-align: middle;
+}
+
+.content > .card > .title > span {
+    font-size: 24px;
+}
+
+.content > .card > .title > img {
+    height: 32px;
+    width: 32px;
+}
+
+.content > .card > .frame {
+    padding: 4px 8px 8px;
+    border-radius: 8px;
+    background-color: #0009;
+    backdrop-filter: blur(4px);
+}
+
+.content > .card > .frame > ul {
+    padding: 0 0 0 24px;
+}
+
+.invite {
+    margin-top: 8px;
+    padding: 12px 0;
+    width: 100%;
+    font-family: BlitzBold, sans-serif;
+    font-size: 20px;
+    color: white;
+    background-color: #4d5058;
+    border-radius: 4px;
+    border: 0;
+    display: flex;
+    justify-content: center;
+    gap: 8px;
+    transition: 200ms;
+}
+
+.invite:hover {
+    background-color: #6d6f78;
+    cursor: pointer;
+}
+
+.invite:active {
+    background-color: #80848e;
+}
+
+.invite > img {
+    height: 24px;
+    width: 24px;
+}
+
+.invite > span {
+    filter: none !important;
+}
+
+.invite > * {
+    vertical-align: middle;
+}
+
+.footer {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    padding: 8px;
+    color: #999;
+    font-size: 14px;
+    text-align: center;
+    background-color: #0009;
+    backdrop-filter: blur(4px);
+}
+
+.footer img {
+    vertical-align: sub;
+}
+
+.splatoon {
+    height: 24px;
+    filter: brightness(75%);
+}
\ No newline at end of file
diff --git a/assets/ico/octobot.ico b/assets/ico/octobot.ico
new file mode 100644
index 0000000..147b716
Binary files /dev/null and b/assets/ico/octobot.ico differ
diff --git a/assets/png/mem-cake-mole.png b/assets/png/mem-cake-mole.png
new file mode 100644
index 0000000..6c7c244
Binary files /dev/null and b/assets/png/mem-cake-mole.png differ
diff --git a/assets/png/mem-cake-octoling.png b/assets/png/mem-cake-octoling.png
new file mode 100644
index 0000000..ca882d6
Binary files /dev/null and b/assets/png/mem-cake-octoling.png differ
diff --git a/assets/png/mem-cake-sardinium.png b/assets/png/mem-cake-sardinium.png
new file mode 100644
index 0000000..ecf358b
Binary files /dev/null and b/assets/png/mem-cake-sardinium.png differ
diff --git a/assets/png/octobot-web-logo.png b/assets/png/octobot-web-logo.png
new file mode 100644
index 0000000..4f8aa19
Binary files /dev/null and b/assets/png/octobot-web-logo.png differ
diff --git a/assets/png/tapes-transparent.png b/assets/png/tapes-transparent.png
new file mode 100644
index 0000000..6e10758
Binary files /dev/null and b/assets/png/tapes-transparent.png differ
diff --git a/assets/svg/add-circle-white.svg b/assets/svg/add-circle-white.svg
new file mode 100644
index 0000000..0ee4d6e
--- /dev/null
+++ b/assets/svg/add-circle-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#fff"><path d="M440-440v120q0 17 11.5 28.5T480-280q17 0 28.5-11.5T520-320v-120h120q17 0 28.5-11.5T680-480q0-17-11.5-28.5T640-520H520v-120q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640v120H320q-17 0-28.5 11.5T280-480q0 17 11.5 28.5T320-440h120Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>
\ No newline at end of file
diff --git a/assets/svg/card-header.svg b/assets/svg/card-header.svg
new file mode 100644
index 0000000..5dad4bf
--- /dev/null
+++ b/assets/svg/card-header.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 2000 100%" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
+  <path d="M 1029.96 23.774 C 1029.761 26.218 1027.719 28.101 1025.267 28.102 L 975.732 28.102 C 975.601 28.102 975.477 28.075 975.348 28.064 C 972.917 27.866 971 25.859 971 23.384 C 971.004 20.775 973.123 18.664 975.732 18.668 L 993.936 18.668 C 993.93 18.562 993.919 18.458 993.919 18.353 C 993.919 14.901 996.727 12.103 1000.189 12.103 L 1000.809 12.103 C 1002.796 12.102 1004.666 13.045 1005.847 14.643 C 1006.648 15.714 1007.08 17.016 1007.08 18.353 C 1007.08 18.459 1007.07 18.563 1007.064 18.668 L 1025.267 18.668 C 1027.881 18.668 1030 20.779 1030 23.385 C 1030 23.518 1029.971 23.643 1029.96 23.774 M 2000 0 L 0 0 L 0 4000 L 2000 4000 L 2000 0 Z" fill-rule="evenodd" bx:origin="0.5 0.5"/>
+</svg>
diff --git a/assets/svg/github-mark-white.svg b/assets/svg/github-mark-white.svg
new file mode 100644
index 0000000..d5e6491
--- /dev/null
+++ b/assets/svg/github-mark-white.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/assets/svg/splatoon.svg b/assets/svg/splatoon.svg
new file mode 100644
index 0000000..75094c7
--- /dev/null
+++ b/assets/svg/splatoon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="7000.125" height="3368.579" xmlns:v="https://vecta.io/nano"><path d="M6874.333 1246.333C6724 1014.333 6510 1004.667 6510 1004.667c-214.667-181.333-442.043-161.035-442.043-161.035-97.29 97.368-165.991 348.482-165.991 348.482-136.493-164.992-411.299-119.448-548.633-48.115-119.879 62.267-96.666 9-235.828-25.381-163.656-40.433-314.984 20.999-314.984 20.999 52.146-159.951 106.495-232.487 106.495-232.487-44.349-38.797-100.495-58.497-100.495-58.497l34.607-64.703c11.539-21.597 29.89-49.292 29.89-49.292-71.685-76.305-217.805-126.16-319.523-146.775-213.146-43.198-320.958-7.382-319.944-7.717-38.998 59.997-62.497 133.493-62.497 133.493-73.053 6.694-115.494 26.499-115.494 26.499-57.56 86.862-71.997 256.986-71.997 256.986-209.989-55.498-361.98-18.999-361.98-18.999l-19.998 81.996c-259.486 3-415.98 145.493-415.98 145.493 14.999-334.483 68.999-515.474 68.999-515.474-103.936-60.473-361.247-58.087-503.478-43.672-261.793 26.532-399.478 118.168-399.478 118.168-67.497 269.986 70.352 561.03 70.352 561.03-90.667-30.667-208.667-26-208.667-26 48-187.333 30-325.333 28.667-358s-15.333-245.333-126-498S1858.667 87 1858.667 87s-364.048-44.345-853.097 189.679-783.815 571.96-888.088 906.091c-109.937 352.276-50.22 895.803 558.055 1164.118C882.548 2438.202 1050 2431.5 1114.581 2473.9c0 0 11.383 84.098-123.865 94.146C850 2578.5 746.728 2487.05 746.728 2487.05s-59.9 47.854-111.704 156.46C589 2740 541.5 2900 566 3050c0 0 70.667 144.335 346.667 205.001s507.02 20.769 724.667-100c109.333-60.667 200.667-160 244.667-228 0 0 12.667 86 10 184 0 0 25.85 16.365 105.69 21.885 99.278 6.862 266.977-1.219 400.31-74.552 0 0 40.644-144.304 31.644-448.789 0 0 229.488-98.995 353.982-304.484 0 0 34.499 79.496 76.497 137.993 0 0 100.877 14.946 247.475-31.537 66.272-21.014 154.903-58.517 207.002-110.955l-29.999-129.994s210.399 135.933 473.976 51.996c0 0 219.932 50.181 384.923-65.313l-.75-8.25s68.072 11.844 167.292 5.812c81.988-4.984 189.686-23.127 258.458-61.812 0 0-4.5-67 2-140.5 0 0 83 119 243 127.5 50.522 2.684 129.414-4.899 176.5-17.5 106.5-28.5 153-77.5 222.5-79 0 0 36-3.5 90.5 27.5s185 65 328.5 25c84.494-23.553 143.402-62.679 179.207-90.874 25.005-19.689 39.766-34.048 39.766-34.048 14.861 22.923 28.998 74.996 156.492 107.994s220.489 4 220.489 4c85.88 112.595 197.99 140.993 197.99 140.993 54.557-14.398 162.409-69.161 281.988-204.229 52.687-59.512 108.367-134.042 151.489-226.25 140.992-301.485 15.411-487.254 15.411-487.254zM1529 1553c78 142 142 316 142 316s-22-22-153-107c-29.985-19.456-76-52-72-128 3.319-63.057 53.076-132.986 75-153 241-220 549-172 549-172-382 66-541 244-541 244zm5107.75 567h-63v18.5h20.375v53.75h22.25v-53.75h20.375zm41.5 72.25h16.5l12.25-43.125v43.125h21.5V2120h-31.625l-10.375 40.75-10-40.75h-31.375v72.25h20.375V2147z"/><path d="M1442 1864s-130-82-172-186-11-273 143-392 413-200 627-161c0 0 53.669-138.101-49.834-511.863-80.996-292.485-190.491-401.98-190.491-401.98s-328.493-7.5-684.499 154.441c-207.307 94.3-431.105 214.385-629.437 438.03C-7.744 1360.098 290.74 1852.072 290.74 1852.072s96.317 215.04 448.475 335.982c145.902 50.107 224.518 58.806 290.236 72.586 68.052 14.271 135.44 48.584 174.241 101.905 81.496 111.994 9.5 239.486-33.998 272.485S970.276 2747.464 776 2653c0 0-21.396 28.239-43.461 88.096C707.867 2808.026 682.36 2909.734 685 2981c0 0 132.712 101.782 370.333 107.16 87.469 1.979 189.154-5.646 303.667-41.16 409.5-127 462-491 462-587 0 0 24-218-114-376 0 0-69-100-265-220zm1251.131-71.916c-19.499-122.994-68.497-217.488-200.49-301.483s-373.481-77.996-559.472-22.499-246.502 118.232-246.502 118.232C1988.667 2177.667 2010 2940 2010 2940s96 10 215-36c0 0 23-58 13-443 0 0 166.538-57.45 298.139-188.94 161.861-161.726 176.491-356.982 156.992-479.976zM2228 2288c-18-284-77-519-77-519s232-45 274 183c42.713 231.87-197 336-197 336zm897.333-97c-102.667 62.667-238.333 75-238.333 75-108.333-255-185.923-630.441-216.135-832.834C2654.392 1322.809 2650 1253 2650 1253c-71 32-109 54-109 54s-37.583-34.545-77-226c-32.667-158.667-10-244.667-10-244.667s48.667-40 271.333-74c210.543-32.149 328-10.667 328-10.667S2990 1024 3015 1460c21.492 374.816 110.333 731 110.333 731zm925-1058c-10-4.667-74.999-34-169.666-48.667S3710 1077.667 3710 1077.667s-7.25 19.583-21.75 101.833c0 0-142.916-39.833-320.25 38.167s-244 224.667-264.667 294-49.333 216 56.667 386c26.109 41.873 69.392 79.134 112.013 105.774 134.077 83.807 327.729 92.42 479.487 18.059l12.166 33.834c123.999 11.333 198.9-23.263 198.9-23.263-22.229-186.062-8.925-414.659 12.1-573.071 28.668-216 75.667-326 75.667-326zm-575 749.333c-76-52-128.833-185.275-33.333-296 92-106.667 230-77.333 230-77.333 4.667 204.666 48.667 394.667 48.667 394.667-72 26.667-172.538 28.474-245.334-21.334zm919.668 70.001s-51.667 17-110 23c-50.178 5.161-125.943 2.742-125.943 2.742-54.391-388.409 10.943-806.076 10.943-806.076-44 6.667-84 19-84 19s-8.666-93.333 10-219.333 34-138.667 34-138.667 60-14.667 120-18c0 0 30.667-89.333 56-134.667 0 0 66-7.334 169.333 7.333S4640 725 4650.667 730.333c0 0-42 87.333-53.333 120.667 0 0 78 23.333 94 37.333 0 0-41.999 61.333-97.333 292 0 0-62.001-14-97.334-14 0 0-98.666 348.023-101.666 786.001zm1385.249-756.728c-45.081-31.583-103.754-53.647-175.583-51.272-242 8-359.334 211.333-359.334 211.333s-47.999-178.667-262.666-186c-71.787-2.452-141.387 21.896-198.579 52.842-113.831 61.593-190.358 167.093-220.088 263.825 0 0-48.655 134.272 21.333 255.333 74 128 224 128.666 224 128.666 260 4 382-212.667 382-212.667 70.628 203.007 281.361 220.958 436 148 130-61.334 207.788-173.434 238.667-254 51.566-134.542 21.052-281.238-85.75-356.06zM5018 1561.667c-107.5 51.333-226.281 20.466-263.632-59.211S4752 1312.5 4880.333 1248.667c99.558-49.521 225.927-24.326 265 59.667C5191 1406.5 5118.34 1513.752 5018 1561.667zm578.666-22.334c-107.5 51.333-224.301 21.507-263.632-57.211-38.7-77.455-3.368-192.956 124.965-256.789 99.558-49.521 226.927-25.326 266 58.667 45.667 98.167-26.993 207.418-127.333 255.333zM6105 1859s-27 10.5-102-4.5-85.5-31-85.5-31-6.526-65.629 24.969-282.906c34.198-235.927 100.495-481.977 176.991-585.471 0 0 77.996 6 152.992 32.999s128.993 68.997 128.993 68.997l-35.998 56.997s145.493-28.498 262.487 52.498 159.399 259.722 68.996 454.477c-93.626 201.698-286.486 335.983-331.483 353.982 0 0-64.446-19.07-115.494-101.995 0 0 124.381-91.742 187.991-264.987 63.339-172.504-12.943-309.756-171.943-280.089 0-.002-110.964 264.936-161.001 530.998z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/assets/woff2/BlitzBold.woff2 b/assets/woff2/BlitzBold.woff2
new file mode 100644
index 0000000..9756e0c
Binary files /dev/null and b/assets/woff2/BlitzBold.woff2 differ
diff --git a/assets/woff2/BlitzMain.woff2 b/assets/woff2/BlitzMain.woff2
new file mode 100644
index 0000000..59feb45
Binary files /dev/null and b/assets/woff2/BlitzMain.woff2 differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b881673
--- /dev/null
+++ b/index.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="initial-scale=0.75 user-scalable=no"/>
+  <link rel="stylesheet" href="/assets/css/styles.css"/>
+  <link rel="icon" href="/assets/ico/octobot.ico"/>
+  <title>Octobot for Discord</title>
+</head>
+<body>
+<div class="header">
+  <div class="left">
+    <img src="/assets/png/octobot-web-logo.png" alt="Octobot Web logo" draggable="false"/>
+  </div>
+  <div class="right">
+    <div class="social">
+      <a href="https://github.com/TeamOctolings/Octobot">
+        <img src="/assets/svg/github-mark-white.svg" alt="GitHub logo" draggable="false"/>
+      </a>
+    </div>
+  </div>
+</div>
+<div class="content">
+  <div class="first card">
+    <div class="title">
+      <img src="/assets/ico/octobot.ico" alt="Octobot icon" draggable="false"/>
+      <span class="highlight">Veemo!</span>
+    </div>
+    <div class="frame">
+      <span>I'm a general-purpose bot for moderation written by Team Octolings in C# and Remora.Discord!</span>
+    </div>
+    <div class="title">
+      <img src="/assets/png/mem-cake-sardinium.png" alt="Mem Cake (Sardinium)" draggable="false"/>
+      <span class="highlight">Features</span>
+    </div>
+    <div class="frame">
+      <ul>
+        <li>Banning, muting, kicking, etc.</li>
+        <li>Reminding you about something if you wish</li>
+        <li>Reminding everyone about that new event you made</li>
+        <li>Renaming those annoying self-hoisting members</li>
+        <li>Log everything from joining the server to deleting messages</li>
+        <li>Listen to Inkantation!</li>
+        ...a-a-and more!
+      </ul>
+    </div>
+    <a class="alternative"
+       href="https://discord.com/oauth2/authorize?client_id=855023234407333888&permissions=1383382133894&scope=applications.commands%20bot">
+      <button class="invite">
+        <img src="/assets/svg/add-circle-white.svg" alt="Add icon"/>
+        <span>Add App</span>
+      </button>
+    </a>
+  </div>
+  <div class="second card">
+    <div class="title">
+      <img src="/assets/png/mem-cake-octoling.png" alt="Mem Cake (Rival Octoling)" draggable="false"/>
+      <span class="highlight">Bug Report / Feature Request</span>
+    </div>
+    <div class="frame">
+      <span>If you find some bug or want some new feature in Octobot, you can always use the Issues menu in our GitHub repository.</span>
+      <ul>
+        <li><a href="https://github.com/TeamOctolings/Octobot/issues">Open GitHub Issues</a></li>
+        <li><a
+            href="https://github.com/TeamOctolings/Octobot/issues/new?assignees=&labels=type%3A+bug&projects=&template=bug-report.yml">Report
+          a bug</a></li>
+        <li><a
+            href="https://github.com/TeamOctolings/Octobot/issues/new?assignees=&labels=type%3A+feature&projects=&template=feature-request.yml">Request
+          a feature</a></li>
+      </ul>
+    </div>
+    <div class="title">
+      <img src="/assets/png/mem-cake-mole.png" alt="Mem Cake (Mole)" draggable="false"/>
+      <span class="highlight">Building Octobot</span>
+    </div>
+    <div class="frame">
+      <span>Want to make your own Octobot with, for example, even more features?  Then, Octobot's Wiki is at your service!</span>
+      <ul>
+        <li><a href="https://github.com/TeamOctolings/Octobot/wiki/Installing-Windows">Building for Windows</a></li>
+        <li><a href="https://github.com/TeamOctolings/Octobot/wiki/Installing-Unix">Building for Linux/macOS</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+<div class="footer">
+  <span>Not an official <img class="splatoon" src="/assets/svg/splatoon.svg" alt="Splatoon™"/> product. We are in no way affiliated with or endorsed by Nintendo Company, or other rightsholders.</span>
+  <a href="https://github.com/TeamOctolings/Octobot/commit/master"><img
+      src="https://img.shields.io/github/last-commit/TeamOctolings/Octobot?logo=github" alt="Last commit"/></a>
+</div>
+</body>
+</html>