diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..35ded7a --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +/scripts \ No newline at end of file diff --git a/400.html b/400.html index d765b8e..c11446f 100644 --- a/400.html +++ b/400.html @@ -9,16 +9,16 @@ - - + + - +
- +

@@ -34,7 +34,7 @@

- +

Communities, connected.

Made with ❤️ by UnifierHQ

diff --git a/403.html b/403.html index e27b818..dd32c8b 100644 --- a/403.html +++ b/403.html @@ -9,16 +9,16 @@ - - + + - +

- +

@@ -34,7 +34,7 @@

- +

Communities, connected.

Made with ❤️ by UnifierHQ

diff --git a/404.html b/404.html index ea81cc6..12d0762 100644 --- a/404.html +++ b/404.html @@ -9,17 +9,17 @@ - - + + - - + +

- +

@@ -35,7 +35,7 @@

- +

Communities, connected.

Made with ❤️ by UnifierHQ

diff --git a/418.html b/418.html index 2fc26d7..2b6dfb9 100644 --- a/418.html +++ b/418.html @@ -9,16 +9,16 @@ - - + + - +

- +

@@ -34,7 +34,7 @@

- +

Communities, connected.

Made with ❤️ by UnifierHQ

diff --git a/500.html b/500.html index 93bbb1c..09e81b5 100644 --- a/500.html +++ b/500.html @@ -9,16 +9,16 @@ - - + + - +

- +

@@ -37,7 +37,7 @@

- +

Communities, connected.

Made with ❤️ by UnifierHQ

diff --git a/about.html b/about.html new file mode 100644 index 0000000..58600a6 --- /dev/null +++ b/about.html @@ -0,0 +1,96 @@ + + + + + + + Unifier - Communities, connected. + + + + + + + + + + + + +

+ +
+
+

+ About UnifierHQ. +

+

+ Some info on the development team behind Unifier. +

+ + Getting started + + + Join our Discord + +
+
+
+
+
+

+ Our story +

+

+ In December 2023, Green (the lead developer) wanted a way to connect his friends' and his own communities + together without needing to invite all of the members to each other. +

+ So he made Unifier: a simple, but home-made bridge bot for those communities. Unifier was actually meant to be + a working name at that time, he intended to change it to something that might've given it more identity. But + eventually, he realized the name still works quite well, so that became the name of the bridge bot we've all + come to know and love today. +

+ As the bot grew, Green formed the UnifierHQ team and diversified the mission +

+
+
+
+
+
+
+
+
+

+ Need help? +

+

+ Join us on one of our communities - all bridged by Unifier! +

+ + Discord + + + Revolt + + + Guilded + +
+
+
+
+
+
+ +

Communities, connected.

+

Made with ❤️ by UnifierHQ

+

+ Some of the images displayed on this website are mockups that may not accurately represent the final + product. +

+
+
+
+
+ + \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..444c3ac --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,881 @@ +@font-face { + font-family: Kollektif; + src: url('../fonts/Kollektif.ttf'); +} + +* { + --unifier-primary-color: #ff6b6b; + --unifier-green: #11ad79; + --unifier-skyblue: #87abe0; + --unifier-blue: #3e79c6; + --unifier-purple: #d087e0; + --unifier-yellow: #e4aa54; + --unifier-orange: #ff8800; + --unifier-lightred: #ff838c; + --unifier-gray: #888888; + --unifier-grey: var(--unifier-gray); /* Alias */ + --natsumi-colors-primary: color-mix(in srgb, var(--element-primary-color, var(--unifier-primary-color)) 50%, black 50%); + --natsumi-colors-secondary: color-mix(in srgb, var(--natsumi-colors-primary) 20%, white 80%); + --natsumi-glass-background: color-mix(in srgb, var(--natsumi-colors-secondary) 75%, transparent); + --natsumi-glass-background-opaque: var(--natsumi-colors-secondary); + --text-color: color-mix(in srgb, var(--element-primary-color, black) 75%, black); + --global-transition-time: 0.3s; + + @media (prefers-color-scheme: dark) { + --natsumi-colors-secondary: color-mix(in srgb, var(--element-primary-color, var(--unifier-primary-color)) 30%, #202020 70%); + --text-color: color-mix(in srgb, var(--element-primary-color, white) 75%, white); + } +} + +html { + scroll-behavior: smooth; +} + +body { + margin: 0; + font-family: Inter, serif; + background-color: color-mix(in srgb, var(--unifier-lightred) 25%, white); + transition: background-color var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + background-color: color-mix(in srgb, var(--unifier-lightred) 15%, black); + } +} + +p strong { + font-weight: bold; +} + +a { + color: color-mix(in srgb, var(--unifier-primary-color) 50%, black); + text-decoration: none; + display: inline-block; + width: fit-content; + position: relative; + transition: color var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + color: color-mix(in srgb, var(--unifier-primary-color) 50%, white); + } + + &::before { + content: ""; + height: 2px; + position: absolute; + background-color: color-mix(in srgb, var(--unifier-primary-color) 50%, black); + bottom: 0; + width: 0; + transition: width var(--global-transition-time) ease, background-color var(--global-transition-time) ease; + right: 0; + + @media (prefers-color-scheme: dark) { + background-color: color-mix(in srgb, var(--unifier-primary-color) 50%, white); + } + } + + &:hover { + color: var(--unifier-primary-color); + + &::before { + width: 100%; + right: unset; + background-color: var(--unifier-primary-color); + } + } +} + +/* Navbar */ +#navbar { + --element-primary-color: var(--unifier-primary-color); + display: flex; + align-items: center; + position: fixed; + padding: 0 20px; + width: 60%; + min-height: 50px; + height: fit-content; + left: 50vw; + translate: -50% 0; + top: 10px; + background-color: var(--natsumi-glass-background); + border-radius: 15px; + border: 1px solid rgba(20, 20, 20, 0.2) !important; + box-shadow: 0 0 10px color-mix(in srgb, var(--natsumi-colors-secondary) 75%, black) !important; + backdrop-filter: blur(15px); + transition: background-color var(--global-transition-time) ease, border-color var(--global-transition-time) ease, box-shadow var(--global-transition-time) ease; + z-index: 999; + flex-wrap: wrap; + + @media (prefers-color-scheme: dark) { + border-color: rgba(235, 235, 235, 0.3) !important; + box-shadow: 0 0 10px color-mix(in srgb, var(--natsumi-colors-secondary) 75%, white) !important; + } + + @media screen and (max-width: 850px) { + width: 80vw; + } + + a { + &#logo { + padding: 14px 0; + text-decoration: none; + + img { + height: 24px; + vertical-align: middle; + + @media (prefers-color-scheme: light) { + filter: invert(); + } + } + + &::before { + display: none; + } + } + } + + p { + text-align: center; + } + + #navbar-mobile-toggle { + display: none; + width: 24px; + height: 24px; + cursor: pointer; + margin-left: auto; + border-radius: 6px; + transition: background-color var(--global-transition-time) ease; + + &:hover { + background-color: rgba(0, 0, 0, 0.1); + } + + &:active { + background-color: rgba(0, 0, 0, 0.2); + } + + #navbar-mobile-toggle-icon { + width: 20px; + height: 20px; + background-size: 20px; + margin: 2px; + background-image: url("/assets/images/menu.svg"); + } + + &.active { + #navbar-mobile-toggle-icon { + background-image: url("/assets/images/cross.svg"); + } + } + + @media (prefers-color-scheme: dark) { + #navbar-mobile-toggle-icon { + filter: invert(); + } + } + + @media screen and (max-width: 850px) { + display: block; + } + } + + #navbar-links-container { + flex-grow: 1; + display: flex; + justify-content: flex-end; + + .navbar-link { + margin-left: 10px; + } + + @media screen and (max-width: 850px) { + flex-wrap: wrap; + flex-basis: 100%; + padding-bottom: 20px; + transition: padding-bottom var(--global-transition-time) ease; + max-height: 50%; + overflow-y: scroll; + + .navbar-link { + margin: 0; + padding: 10px; + position: relative; + width: 100%; + flex-basis: 100%; + box-sizing: border-box; + border-radius: 6px; + overflow: hidden; + transition: font-size var(--global-transition-time) ease, padding var(--global-transition-time) ease, opacity var(--global-transition-time) ease; + + &::before { + height: 100%; + right: 0; + z-index: -1; + } + + &:hover { + color: white; + + &::before { + left: 0; + } + } + } + + &:not(.active) { + padding-bottom: 0; + + .navbar-link { + font-size: 0; + padding: 0; + opacity: 0; + } + } + } + } +} + +/* Buttons */ +.button { + /* Button base attributes */ + --element-primary-color: var(--unifier-primary-color); + --button-hover-color: black; + background-color: var(--natsumi-glass-background); + color: black; + padding: 10px 20px; + width: fit-content; + text-decoration: none; + border-radius: 50px; + font-size: 16px; + margin: 5px; + cursor: pointer; + border: 2px solid var(--element-primary-color); + box-shadow: 0 0 10px color-mix(in srgb, var(--natsumi-colors-secondary) 75%, black) !important; + transition: border-radius var(--global-transition-time) ease, background-color var(--global-transition-time) ease, color var(--global-transition-time) ease, box-shadow var(--global-transition-time) ease; + transition-delay: 0s; + + .button-label { + display: flex; + line-height: normal !important; + } + + @media (prefers-color-scheme: dark) { + color: white; + box-shadow: 0 0 10px color-mix(in srgb, var(--natsumi-colors-secondary) 75%, white) !important; + } + + &.discord { + /* Custom button color for Discord */ + --element-primary-color: #5865f2; + --button-hover-color: white; + } + + &.guilded { + /* Custom button color for Discord */ + --element-primary-color: #f5c400; + } + + &.disabled { + --element-primary-color: #444; + } + + &::before { + display: none; + } + + &:hover { + background-color: var(--element-primary-color); + border-radius: 10px; + color: var(--button-hover-color); + } + + &.no-margin { + /* Removes margin from button */ + margin: 0 0 10px; + } + + i { + /* Sets button icon image if any are set. */ + font-size: 18px; + padding-right: 10px; + height: 18px; + margin: auto 0; + } +} + +/* Header */ +#header { + color: black; + padding: 170px 50px 150px; + text-align: center; + + @media screen and (max-width: 600px) { + padding: 170px 20px 150px; + } + + #header-heading { + word-break: break-word; + line-height: 1; + font-size: 96px; + font-weight: bold; + margin-bottom: 30px; + transition: color var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + color: white; + } + + span { + &#slogan-gradient { + background: linear-gradient(45deg, #ffa2a2, var(--unifier-primary-color)); + background-clip: text; + color: transparent; + + @media (prefers-color-scheme: dark) { + background: linear-gradient(45deg, #efc6c6, #ffa2a2); + background-clip: text; + } + } + + &#unifierhq-gradient { + background: linear-gradient(45deg, #FFA2A2, #e4aa54, #11ad79, #87abe0, #b687e0); + background-clip: text; + color: transparent; + } + } + } + + #header-subtitle, #header-smalltitle { + line-height: 1.5; + font-size: 20px; + font-weight: normal; + margin-bottom: 50px; + transition: color var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + color: white; + } + } + + #header-smalltitle { + font-size: 16px; + color: #777; + + @media (prefers-color-scheme: dark) { + color: #aaa; + } + } + + &.index { + #header-heading { + word-break: break-word; + line-height: 1; + font-size: 108px; + font-weight: bold; + margin-bottom: 30px; + + @media screen and (max-width: 600px) { + font-size: 64px; + } + } + } + + &.error { + #header-heading { + word-break: break-word; + line-height: 1; + font-size: 108px; + font-weight: bold; + margin-bottom: 10px; + margin-right: 40px; + transform: rotate(10deg); + } + } +} + +p.small i { + padding-left: 10px; +} + +.body-container p.small { + font-size: 16px; +} + +/* Body */ +.body-container { + padding: 20px 10%; + line-height: 1.5; + flex: 1; + + &.feature { + display: flex; + flex: 0; + flex-wrap: nowrap; + + .feature-deco { + flex-basis: 48px; + display: flex; + flex-direction: column; + z-index: 0; + + .feature-line { + margin: 0 auto 10px; + width: 2px; + flex-grow: 1; + background-color: black; + mask-image: linear-gradient(to bottom, transparent 25%, black); + transition: background-color var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + background-color: white; + } + } + + .feature-text { + margin: 0 auto; + width: 24px; + writing-mode: vertical-rl; + text-orientation: mixed; + rotate: 180deg; + text-transform: uppercase; + font-family: "JetBrains Mono", monospace; + transition: color var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + color: white; + } + } + + &.right { + order: 1; + .feature-text { + rotate: 0deg; + } + } + } + } +} + +.box-container { + --element-primary-color: var(--unifier-primary-color); + display: flex; + border-radius: 20px; + background-color: var(--natsumi-glass-background); + height: 100%; + flex: 1; + border: 1px solid rgba(20, 20, 20, 0.2) !important; + box-shadow: 0 0 10px color-mix(in srgb, var(--natsumi-colors-secondary) 75%, black) !important; + transition: background-color var(--global-transition-time) ease, border-color var(--global-transition-time) ease, box-shadow var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + border-color: rgba(235, 235, 235, 0.3) !important; + box-shadow: 0 0 10px color-mix(in srgb, var(--natsumi-colors-secondary) 75%, white) !important; + } + + &.lightred { + --element-primary-color: var(--unifier-lightred); + } + + &.green { + --element-primary-color: var(--unifier-green); + } + + &.skyblue { + --element-primary-color: var(--unifier-skyblue); + } + + &.blue { + --element-primary-color: var(--unifier-blue); + } + + &.purple { + --element-primary-color: var(--unifier-purple); + } + + &.yellow { + --element-primary-color: var(--unifier-yellow); + } + + &.orange { + --element-primary-color: var(--unifier-orange); + } + + &.gray { + --element-primary-color: var(--unifier-gray); + } + + &.no-half { + display: block; + border-radius: 20px; + height: 100%; + } + + @media screen and (max-width: 850px) { + display: block; + } + + .box { + flex: 1; + + &.image { + padding: 20px; + + @media screen and (max-width: 850px) { + padding: 10px; + } + + img { + position: relative; + border-radius: 15px; + text-align: center; + width: 100%; + height: 100%; + object-fit: cover; + z-index: 1; + vertical-align: middle; + box-sizing: border-box; + border: 1px solid rgba(20, 20, 20, 0.2) !important; + box-shadow: 0 0 10px color-mix(in srgb, var(--natsumi-colors-secondary) 75%, black) !important; + transition: transform var(--global-transition-time) ease, border-color var(--global-transition-time) ease, box-shadow var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + border-color: rgba(235, 235, 235, 0.3) !important; + box-shadow: 0 0 10px color-mix(in srgb, var(--natsumi-colors-secondary) 75%, white) !important; + } + + &:hover { + /* Zoom and tilt effect on hover */ + transform: rotate(5deg) scale(1.2, 1.2); + } + } + } + + .box-content { + padding: 40px; + overflow-y: scroll; + + @media screen and (max-width: 850px) { + padding: 20px; + } + + .box-feature-label { + display: flex; + align-items: center; + + .box-feature-image { + min-width: 20px; + min-height: 20px; + mask-size: 22px; + mask-position: center; + mask-repeat: no-repeat; + background-color: var(--text-color); + margin-right: 10px; + transition: background-color var(--global-transition-time) ease; + + &.speed { + mask-image: url("/assets/images/speed.svg"); + } + + &.customize { + mask-image: url("/assets/images/customize.svg"); + } + + &.config { + mask-image: url("/assets/images/config.svg"); + } + + &.secure { + mask-image: url("/assets/images/secure.svg"); + } + + &.private { + mask-image: url("/assets/images/private.svg"); + } + + &.download { + mask-image: url("/assets/images/download.svg"); + } + } + + .box-feature-text { + color: var(--text-color); + font-family: "JetBrains Mono", monospace; + font-size: 14px; + transition: color var(--global-transition-time) ease; + } + } + + .box-heading { + font-size: 36px; + margin-top: 16px; + margin-bottom: 16px; + font-weight: bold; + transition: color var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + color: white; + } + } + + .box-text { + margin-top: 16px; + margin-bottom: 16px; + font-size: 18px; + transition: color var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + color: white; + } + + &.green-check i { + color: #11AD79; + margin-right: 5px; + } + + &.small { + font-size: 16px; + color: #777; + transition: color var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + color: #aaa; + } + + i { + margin-left: 10px; + } + } + } + + span { + &#feature-1 { + background: linear-gradient(45deg, #f65555, #c68b33); + background-clip: text; + color: transparent; + text-decoration: underline; + + @media (prefers-color-scheme: dark) { + background: linear-gradient(45deg, #FFA2A2, #E4AA54); + background-clip: text; + } + } + + &#feature-2 { + background: linear-gradient(45deg, #11AD79, #87ABE0); + background-clip: text; + color: transparent; + text-decoration: underline; + } + + &#feature-3 { + background: linear-gradient(45deg, #e84dbc, #ff7474); + background-clip: text; + color: transparent; + text-decoration: underline; + } + + &#feature-4 { + background: linear-gradient(45deg, #1eaa86, #6b931a); + background-clip: text; + color: transparent; + text-decoration: underline; + + @media (prefers-color-scheme: dark) { + background: linear-gradient(45deg, #4de8c4, #d1ff74); + background-clip: text; + } + } + + &#feature-5 { + background: linear-gradient(45deg, #1baca8, #7862fd); + background-clip: text; + color: transparent; + text-decoration: underline; + + @media (prefers-color-scheme: dark) { + background: linear-gradient(45deg, #4de8e3, #7862fd); + background-clip: text; + } + } + + &#feature-6 { + background: linear-gradient(45deg, #864de8, #8076c8); + background-clip: text; + color: transparent; + text-decoration: underline; + + @media (prefers-color-scheme: dark) { + background: linear-gradient(45deg, #864de8, #c8c0ff); + background-clip: text; + } + } + + &#opensource { + background: linear-gradient(45deg, #1cb346, #919a66); + background-clip: text; + color: transparent; + text-decoration: underline; + + @media (prefers-color-scheme: dark) { + background: linear-gradient(45deg, #4de879, #f3ffc0); + background-clip: text; + } + } + } + + &.button-spacing { + .box-text { + padding-bottom: 10px; + } + } + + &.align-center { + text-align: center; + } + } + } + + &.no-half { + .box { + flex: 0; + + .box-content { + padding: 40px; + + @media screen and (max-width: 850px) { + padding: 20px; + } + + &.align-center.button-spacing { + padding-bottom: 70px; + } + } + } + } +} + +/* Install overlay */ +#install-overlay { + display: none; + position: fixed; + z-index: 2; + backdrop-filter: blur(10px); + background-color: rgba(0, 0, 0, 0.47); + width: 100%; + height: 100%; + opacity: 0; + + &.active { + display: flex; + opacity: 1; + animation: installFadeIn 0.3s forwards; + overflow: scroll; + } + + .body-container { + padding-top: 0; + background: none; + opacity: 0; + margin: auto; + padding-bottom: 0; + + #install-close { + display: flex; + width: 36px; + height: 36px; + text-align: center; + border-radius: 6px; + transition: background-color var(--global-transition-time) ease; + cursor: pointer; + box-sizing: border-box; + align-items: center; + + &:hover { + background-color: rgba(0, 0, 0, 0.1); + } + + &:active { + background-color: rgba(0, 0, 0, 0.2); + } + + #install-close-icon { + width: 24px; + height: 24px; + margin: 6px; + background-size: 26px; + background-image: url("/assets/images/cross.svg"); + background-position: center; + + @media (prefers-color-scheme: dark) { + filter: invert(); + } + } + } + } +} + +#install-overlay .body-container h1 { + margin-top: 0; +} + +#install-overlay.active .body-container { + animation: installOptionsAppear 0.3s forwards; +} + +@keyframes installFadeIn { + from { + opacity: 0; + } to { + opacity: 1; + } +} + +@keyframes installOptionsAppear { + from { + opacity: 0; + padding-top: 60px; + } to { + opacity: 1; + padding-top: 0; + } +} + +/* Footer */ +#footer { + text-align: center; + padding: 40px; + + #footer-logo { + width: min(200px, 20%); + height: auto; + margin-bottom: 10px; + + @media (prefers-color-scheme: light) { + filter: invert(); + } + } + + #footer-slogan { + font-size: 18px; + color: black; + margin-bottom: 20px; + font-family: Kollektif, serif; + transition: color var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + color: white; + } + } + + #footer-text { + font-size: 16px; + color: #777; + transition: color var(--global-transition-time) ease; + + @media (prefers-color-scheme: dark) { + color: #aaa; + } + } +} diff --git a/assets/effects.js b/assets/effects.js deleted file mode 100644 index 6c6c54f..0000000 --- a/assets/effects.js +++ /dev/null @@ -1,20 +0,0 @@ -function scriptInit() { - document.getElementById("install").addEventListener("click", showInstallOverlay); - document.getElementsByClassName("install-close")[0].addEventListener("click", hideInstallOverlay); -} - -function showInstallOverlay() { - const installOverlay = document.getElementsByClassName('install-overlay')[0]; - installOverlay.classList.toggle('active'); - const body = document.getElementsByTagName('body')[0]; - body.style.overflow = 'hidden'; -} - -function hideInstallOverlay() { - const installOverlay = document.getElementsByClassName('install-overlay')[0]; - installOverlay.classList.toggle('active'); - const body = document.getElementsByTagName('body')[0]; - body.style.overflow = 'auto'; -} - -window.onload = scriptInit; diff --git a/assets/Kollektif.ttf b/assets/fonts/Kollektif.ttf similarity index 100% rename from assets/Kollektif.ttf rename to assets/fonts/Kollektif.ttf diff --git a/assets/banner.png b/assets/images/banner.png similarity index 100% rename from assets/banner.png rename to assets/images/banner.png diff --git a/assets/images/benchmarks.svg b/assets/images/benchmarks.svg new file mode 100644 index 0000000..91890a3 --- /dev/null +++ b/assets/images/benchmarks.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/bridge.png b/assets/images/bridge.png similarity index 100% rename from assets/bridge.png rename to assets/images/bridge.png diff --git a/assets/images/check.svg b/assets/images/check.svg new file mode 100644 index 0000000..4a17bb7 --- /dev/null +++ b/assets/images/check.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/config.svg b/assets/images/config.svg new file mode 100644 index 0000000..f51f3bb --- /dev/null +++ b/assets/images/config.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/cross.svg b/assets/images/cross.svg new file mode 100644 index 0000000..c4b81e1 --- /dev/null +++ b/assets/images/cross.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/customize.svg b/assets/images/customize.svg new file mode 100644 index 0000000..ab28e33 --- /dev/null +++ b/assets/images/customize.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/document.svg b/assets/images/document.svg new file mode 100644 index 0000000..c8dc25b --- /dev/null +++ b/assets/images/document.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/download.svg b/assets/images/download.svg new file mode 100644 index 0000000..d37c722 --- /dev/null +++ b/assets/images/download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/help.svg b/assets/images/help.svg new file mode 100644 index 0000000..68fbd46 --- /dev/null +++ b/assets/images/help.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/install.svg b/assets/images/install.svg new file mode 100644 index 0000000..3b1141f --- /dev/null +++ b/assets/images/install.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/logo.png b/assets/images/logo.png similarity index 100% rename from assets/logo.png rename to assets/images/logo.png diff --git a/assets/images/menu.svg b/assets/images/menu.svg new file mode 100644 index 0000000..d7e2d15 --- /dev/null +++ b/assets/images/menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/people.svg b/assets/images/people.svg new file mode 100644 index 0000000..e64bf3f --- /dev/null +++ b/assets/images/people.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/personalize.png b/assets/images/personalize.png similarity index 100% rename from assets/personalize.png rename to assets/images/personalize.png diff --git a/assets/platforms.png b/assets/images/platforms.png similarity index 100% rename from assets/platforms.png rename to assets/images/platforms.png diff --git a/assets/private.png b/assets/images/private.png similarity index 100% rename from assets/private.png rename to assets/images/private.png diff --git a/assets/images/private.svg b/assets/images/private.svg new file mode 100644 index 0000000..2107662 --- /dev/null +++ b/assets/images/private.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/safety.png b/assets/images/safety.png similarity index 100% rename from assets/safety.png rename to assets/images/safety.png diff --git a/assets/images/secure.svg b/assets/images/secure.svg new file mode 100644 index 0000000..b08fa65 --- /dev/null +++ b/assets/images/secure.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/speed.svg b/assets/images/speed.svg new file mode 100644 index 0000000..b1dfaa7 --- /dev/null +++ b/assets/images/speed.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/unifier.png b/assets/images/unifier.png similarity index 100% rename from images/unifier.png rename to assets/images/unifier.png diff --git a/assets/upgrade.png b/assets/images/upgrade.png similarity index 100% rename from assets/upgrade.png rename to assets/images/upgrade.png diff --git a/assets/js/script.js b/assets/js/script.js new file mode 100644 index 0000000..734f2eb --- /dev/null +++ b/assets/js/script.js @@ -0,0 +1,88 @@ +let domain = window.location.hostname; + +if (domain.startsWith("next.")) { + // this is the beta subdomain, let's remove it + domain = domain.substring(5); +} + +const navbarData = { + "links": [ + { + "href": "/", + "text": "Home" + }, + { + "href": "https://wiki." + domain, + "text": "Wiki" + }, + { + "href": "https://blog." + domain, + "text": "Blog" + }, + { + "href": "https://status." + domain, + "text": "Status" + }, + { + "href": "https://discord." + domain, + "text": "Discord" + } + ] +} + +function scriptInit() { + // Assign button actions + + // Navbar toggle + document.getElementById('navbar-mobile-toggle').addEventListener('click', toggleNavbarList); + + // Install button + if (document.getElementById("install")) { + document.getElementById("install").addEventListener("click", showInstallOverlay); + document.getElementById("install-close").addEventListener("click", hideInstallOverlay); + } + + // Set navbar + const navbarLinksElement = document.getElementById('navbar-links-container'); + + for (let i = 0; i < navbarData.links.length; i++) { + const link = navbarData.links[i]; + const linkTemplate = document.getElementById('navbar-link-template') + const linkElement = linkTemplate.content.cloneNode(true); + const linkElementAnchor = linkElement.querySelector('a'); + linkElementAnchor.href = link.href; + linkElementAnchor.innerHTML = link.text; + + // Add element to navbar list + navbarLinksElement.appendChild(linkElement); + } +} + +function showInstallOverlay() { + const installOverlay = document.getElementById('install-overlay'); + installOverlay.classList.toggle('active'); + const body = document.getElementsByTagName('body')[0]; + body.style.overflow = 'hidden'; +} + +function hideInstallOverlay() { + const installOverlay = document.getElementById('install-overlay'); + installOverlay.classList.toggle('active'); + const body = document.getElementsByTagName('body')[0]; + body.style.overflow = 'auto'; +} + +function toggleNavbarList() { + // NOTE: this is not a linked list (linked lists are fake /j) + const linksList = document.getElementById('navbar-links-container'); + const toggleElement = document.getElementById('navbar-mobile-toggle'); + + if (linksList.classList.contains('active')) { + linksList.classList.remove('active'); + toggleElement.classList.remove('active'); + } else { + linksList.classList.add('active'); + toggleElement.classList.add('active'); + } +} +window.onload = scriptInit; diff --git a/assets/js/troll.js b/assets/js/troll.js new file mode 100644 index 0000000..524e002 --- /dev/null +++ b/assets/js/troll.js @@ -0,0 +1,17 @@ +// in case someone tried to go to .env + +if (window.location.pathname.endsWith("/.env")) { + fetch('https://api.ipify.org?format=json') + .then(response => { + return response.json() + }).then(data => { + const header = document.getElementsByClassName("header-container")[0]; + const heading = header.getElementsByTagName("h1")[0] + const body = header.getElementsByTagName("p")[0] + heading.innerHTML = data.ip; + body.innerHTML = "start running :)

note: we don't store this IP, this is only to give you a slight scare"; + }).catch(e => { + console.error(e); + console.error("the prank didn't work :("); + }) +} \ No newline at end of file diff --git a/assets/styles.css b/assets/styles.css deleted file mode 100644 index 5240870..0000000 --- a/assets/styles.css +++ /dev/null @@ -1,520 +0,0 @@ -@font-face { - font-family: Kollektif; - src: url('Kollektif.ttf'); -} - -html { - scroll-behavior: smooth; -} - -body { - margin: 0; - font-family: Inter, serif; - background-color: black; -} - -p strong { - font-weight: 700; -} - -/* Navbar */ -.navbar-container { - position: fixed; - display: flex; - align-items: center; - backdrop-filter: blur(10px); - width: 100%; - height: 80px; - color: white; - border-bottom: solid #ed4545; - z-index: 999; -} - -.navbar-container img { - height: 30px; - margin-left: 25px; - margin-right: 25px; -} - -.navbar.container p { - text-align: center; -} - -/* Hyperlink override */ -a { - color: #ed4545; - text-decoration: none; - transition: color 0.3s ease; -} - -a:hover { - color: #ff9898; - text-decoration: underline; -} - -/* Buttons */ -.button { - /* Button base attributes */ - background-color: #ed4545; - color: white; - padding: 20px 40px; - width: fit-content; - text-decoration: none; - border-radius: 15px; - transition-delay: 0s; - transition: border-radius 0.3s ease, background-color 0.3s ease, color 0.3s ease; - font-size: 18px; - margin-left: 5px; - margin-right: 5px; - border-top: 20px; - cursor: pointer; -} - -div a.button:first-of-type { - border-radius: 50px 25px 25px 50px; -} - -div a.button:last-of-type { - border-radius: 25px 50px 50px 25px; -} - -div a.button:first-of-type:last-of-type { - border-radius: 50px; -} - -.button.disabled { - background-color: #444; -} - -.button.disabled:hover { - color: white; - background-color: #444; -} - -.navbar-container .button { - padding: 10px 20px; - margin: 0 0 0 10px; - border-radius: 50px !important; - background-color: #222; -} - -.button.no-margin { - /* Removes margin from button */ - margin: 0 0 10px; -} - -.button:hover { - /* Hover effect */ - background-color: #ff6b6b; - border-radius: 10px !important; - color: black; - text-decoration: none; -} - -.button.guilded { - /* Custom button color for Discord */ - background-color: #F5C400; - color: black; -} - -.button.guilded:hover { - /* Custom button hover color for Discord */ - background-color: #ffe76e; -} - -.button.discord { - /* Custom button color for Discord */ - background-color: #5865f2; -} - -.button.discord:hover { - /* Custom button hover color for Discord */ - background-color: #a8aeff; -} - -.button i { - /* Sets button icon image if any are set. */ - font-size: 18px; - padding-right: 10px; -} - -/* Header */ -.header-container { - background-color: black; - color: white; - padding: 170px 50px 150px; - text-align: center; -} - -.header-container h1 { - word-break: break-word; - line-height: 1; - font-size: 108px; - font-weight: 700; - margin-bottom: 30px; -} - -.header-container.no-index h1 { - word-break: break-word; - line-height: 1; - font-size: 96px; - font-weight: 700; - margin-bottom: 30px; -} - -.header-container.error h1 { - word-break: break-word; - line-height: 1; - font-size: 108px; - font-weight: 700; - margin-bottom: 10px; - margin-right: 40px; - transform: rotate(10deg); -} - -.header-container h1 span#slogan-gradient { - background: linear-gradient(45deg, #EFC6C6, #FFA2A2); - background-clip: text; - color: transparent; -} - -.header-container p { - line-height: 1.5; - font-size: 24px; - font-weight: 300; - margin-bottom: 50px; -} - -p.small { - font-size: 18px; - color: #ccc; -} - -p.small i { - padding-left: 10px; -} - -.body-container p.small { - font-size: 16px; -} - -/* Body */ -.body-container { - padding: 20px 10%; - background-color: black; - color: white; - line-height: 1.5; -} - -.box-container { - display: flex; - border-radius: 20px; - background: linear-gradient(135deg, #171717, #333); - height: 100%; -} - -.box-container.no-half { - display: block; - border-radius: 20px; - background: linear-gradient(135deg, #171717, #333); - height: 100%; -} - -.box.image { - padding: 20px; -} - -.box.image img { - border-radius: 15px; - text-align: center; - width: 100%; - height: 100%; - object-fit: cover; - transition: transform 0.3s ease; -} - -.box.image img:hover { - /* Zoom and tilt effect on hover */ - transform: rotate(5deg) scale(1.2, 1.2); - z-index: -1; -} - -.box-content { - padding: 40px 40px 40px 80px; -} - -.box-content.button-spacing { - padding: 40px 40px 70px 80px; -} - -.box-content h1 { - font-size: 36px; - margin-top: 16px; - margin-bottom: 16px; -} - -.box-content p { - margin-top: 16px; - margin-bottom: 16px; - font-size: 18px; -} - -.box-content.button-spacing p { - padding-bottom: 10px; -} - -.box-container .box { - flex: 1; -} - -.box-content.align-center { - text-align: center; -} - -.box-container.no-half .box { - flex: 0; -} - -.box-container.no-half .box .box-content { - padding: 40px; -} - -.box-container.no-half .box .box-content.align-center.button-spacing { - padding-bottom: 70px; -} - -.box-content p.green-check i { - color: #11AD79; - margin-right: 5px; -} - -.box-content span#feature-1 { - background: linear-gradient(45deg, #FFA2A2, #E4AA54); - background-clip: text; - color: transparent; - text-decoration: underline; -} - -.box-content span#feature-2 { - background: linear-gradient(45deg, #11AD79, #87ABE0); - background-clip: text; - color: transparent; - text-decoration: underline; -} - -.box-content span#feature-3 { - background: linear-gradient(45deg, #e84dbc, #ff7474); - background-clip: text; - color: transparent; - text-decoration: underline; -} - -.box-content span#feature-4 { - background: linear-gradient(45deg, #4de8c4, #d1ff74); - background-clip: text; - color: transparent; - text-decoration: underline; -} - -.box-content span#feature-5 { - background: linear-gradient(45deg, #4de8e3, #7862fd); - background-clip: text; - color: transparent; - text-decoration: underline; -} - -.box-content span#feature-6 { - background: linear-gradient(45deg, #864de8, #c8c0ff); - background-clip: text; - color: transparent; - text-decoration: underline; -} - -.box-content span#opensource { - background: linear-gradient(45deg, #4de879, #f3ffc0); - background-clip: text; - color: transparent; - text-decoration: underline; -} - -/* Install overlay */ -.install-overlay { - display: none; - position: fixed; - z-index: 2; - backdrop-filter: blur(10px); - background-color: rgba(0, 0, 0, 0.47); - width: 100%; - height: 100%; - opacity: 0; -} - -.install-overlay.active { - display: flex; - opacity: 1; - animation: installFadeIn 0.3s forwards; - overflow: scroll; -} - -.install-overlay .body-container { - padding-top: 0; - background: none; - opacity: 0; - margin: auto; - padding-bottom: 0; -} - -.install-overlay .body-container p.install-close { - padding-top: 0; - margin-top: 5px; - font-size: 24px; - padding-bottom: 0; - margin-bottom: 0; - width: 36px; - height: 36px; - text-align: center; - border-radius: 4px; - transition: background-color 0.1s ease; -} - -.install-overlay .body-container p.install-close:hover { - background-color: rgba(255,255,255,0.2); - border-radius: 4px; - cursor: pointer; -} - -.install-overlay .body-container h1 { - margin-top: 0; -} - -.install-overlay.active .body-container { - animation: installOptionsAppear 0.3s forwards; -} - -@keyframes installFadeIn { - from { - opacity: 0; - } to { - opacity: 1; - } -} - -@keyframes installOptionsAppear { - from { - opacity: 0; - padding-top: 60px; - } to { - opacity: 1; - padding-top: 0; - } -} - -/* Footer */ -.footer-container { - padding: 40px; - background-color: #222; - color: white; - line-height: 1.5; - display: flex; -} - -.footer-box { - flex: 1; - font-size: 18px; -} - -.footer-box.align-right { - text-align: right; -} - -.footer-box img { - height: 40px; -} - - -.footer-box img.easteregg { - margin-bottom: 0; -} - -.footer-box p.slogan { - margin-top: 0; - font-family: Kollektif, serif; -} - -.footer-box p.small { - font-size: 14px; -} - -@media screen and (max-width: 850px) { - .button { - display: block; - margin: 5px auto; - } - - div a.button:first-of-type, - div a.button:last-of-type { - border-radius: 50px; - } - - div a.button { - border-radius: 50px; - } - - .navbar-container .button { - display: none; - } - - .header-container { - padding-left: 20px; - padding-right: 20px; - } - - .header-container h1 { - font-size: 42px; - } - - .header-container.no-index h1 { - font-size: 42px; - } - - .header-container p { - font-size: 18px; - } - - .box-container { - display: block; - } - - .box-container .box { - flex: 0; - } - - .box-container .box.image { - padding: 10px 10px 4px; - } - - .box-container .box .box-content { - padding: 10px 20px; - } - - .box-container .box .box-content.align-center { - padding: 10px 20px; - } - - .box-container.no-half .box .box-content.align-center.button-spacing { - padding-bottom: 20px; - } - - .box.image img:hover { - /* Zoom and tilt effect on hover */ - transform: none; - } - - .footer-container { - display: block; - } - - .footer-box { - flex: 0; - } -} \ No newline at end of file diff --git a/assets/troll.js b/assets/troll.js deleted file mode 100644 index f2181f8..0000000 --- a/assets/troll.js +++ /dev/null @@ -1,16 +0,0 @@ -// in case someone tried to go to .env - -if (window.location.pathname.endsWith("/.env")) { - fetch('https://api.ipify.org?format=json') - - .then(response => response.json()) - - .then(data => { - - const header = document.getElementsByClassName("header-container")[0]; - const heading = header.getElementsByTagName("h1")[0] - const body = header.getElementsByTagName("p")[0] - heading.innerHTML = data.ip; - body.innerHTML = "start running :)

note: we don't store this IP, this is only to give you a slight scare"; - }) -} \ No newline at end of file diff --git a/index.html b/index.html index 5d42be9..1c8ef44 100644 --- a/index.html +++ b/index.html @@ -9,235 +9,317 @@ - - - + + + + + - + -

- - Features - Support -
-
-

- Communities, connected. -

-

- Unifier lets you connect communities across platforms at blazing fast speeds with full control.
- Say goodbye to the days of slow bridging and platform lock-in. -

- - Get Unifier - - - Join our Discord - -
-
- -
-
-
-

- Bridge at lightning-fast speeds. ⚡️🚀 -

-

- Say goodbye to sluggish bridging performance! Unifier is built with speed in mind, so it works - just as fast as you can type. With performance optimizations and caching baked into the Bridge, - messages - even those with attachments - arrive at every connected server in - milliseconds, not seconds. -

- - Benchmarks - -
-
-
- Bridge + -
-
-
-
-
-

- Your Room, your way. 🎨 -

-

- Make your chatting room yours! With a vast array of customization options, such as room emojis, - display names, and more, you can give your room a personality of its own. -

-
-
-
- Bridge + -
-
-
-
-
-

- Versatility meets flexibility. 💪 -

-

- Unifier is not only versatile, but also flexible! Thanks to Modifiers (i.e. Unifier mods/plugins), - you can easily extend Unifier's functionality beyond what it provides on its own. Install Modifiers - to add platform support, automatic moderation, emojis, and more. -

-
-
-
- Bridge +
+
+
+
+ Highlight #01 +
+
+
+
+
+
+
+
Ultra-fast performance
+
+
+ Bridge at lightning-fast speeds. ⚡️🚀 +
+
+ Say goodbye to sluggish bridging performance! Unifier is built with speed in mind, so it works + just as fast as you can type. Thanks to various performance optimizations, Unifier's Bridge is one + of the fastest in the world, and it can bridge messages in milliseconds, not + seconds. +
+ +
+ Benchmarks +
+ +
+
+
+ Bridge +
-
-
-
-
-
-

- Get easy access to the latest features. 🤩 -

-

- Unifier comes with a built-in updater that lets you effortlessly update your Unifier to the - latest version. Don't waste time manually updating the bot's files, let Unifier do it for you - with an intuitive command. -

-
-
-
- Bridge +
+
+
+
+ Highlight #02 +
+
+
+
+
+
+
+
Room customization
+
+
+ Your Room, your way. 🎨 +
+
+ Make your Unifier Room yours! With a vast array of customization options, such as Room emojis, + display names, and more, you can give your Room a personality of its own. And with Filters coming + soon, you'll be able to customize what you want and don't want in your Room. +
+
+
+
+ Bridge +
-
-
-
-
-
-

- Keep communities protected. 🛡️ -

-

- With both global and server-side commands, you and server admins can easily take action against - bad actors from causing harm to communities. It also has an Under Attack Mode, - which servers can use anytime when they're being raided to prevent damage on other connected - servers. -

-
-
-
- Bridge +
+
+
+
+ Highlight #03 +
+
+
+
+
+
+
+
Versatility & Modifiers
+
+
+ Versatility meets flexibility. 💪 +
+
+ Unifier is not only versatile, but also flexible! Thanks to Modifiers (i.e. Unifier mods/plugins), + you can easily extend Unifier's functionality beyond what it provides on its own. Install Modifiers + to add platform support, automatic moderation, emojis, and more. +
+
+
+
+ Bridge +
-
-
-
-
-
-

- No surprise guests with Private Rooms. 🤫 -

-

- Want to chat just between you and your buddies? No problem! With Private Rooms, you can create - room invites for the servers you want to add. If a server isn't invited, they won't be able to - connect to the room, keeping uninvited guests out of you and your friends' conversation. -

-

- Please note, moderators will be able to access Private Rooms for the sake of keeping - things safe for everyone. We don't want bad actors to spoil the party! -

-
-
-
- Bridge +
+
+
+
+ Highlight #04 +
+
+
+
+
+
+
+
Updates made easy
+
+
+ Get easy access to the latest features. 🤩 +
+
+ Unifier comes with a built-in updater that lets you effortlessly update your Unifier to the + latest version. Don't waste time manually updating the bot's files, let Unifier do it for you + with an intuitive command. +
+
+
+
+ Bridge +
+
+
+
+
+
+
+ Highlight #05 +
+
+
+
+
+
+
+
Flexible moderation
+
+
+ Keep communities protected. 🛡️ +
+
+ With both global and server-side commands, you and server admins can easily take action against + bad actors from causing harm to communities. It also has an Under Attack Mode, + which servers can use anytime when they're being raided to prevent damage on other connected + servers. +
+
+
+
+ Bridge +
-
-
-
-
-
-

- And so much more! -

-

- Intuitive help command
- Data portability
- Message report functionality
- EXP system
- Customizable bot UI
- Global Emojis
- Open-source and free to use
- And even more!
-

+
+
+
+
+ Highlight #06 +
+
+
+
+
+
+
+
Private Rooms
+
+
+ No surprise guests with Private Rooms. 🤫 +
+
+ Want to chat just between you and your buddies? No problem! With Private Rooms, you can create + room invites for the servers you want to add. If a server isn't invited, they won't be able to + connect to the room, keeping uninvited guests out of you and your friends' conversation. +
+
+ Please note that moderators may be able to access Private Rooms for the sake of keeping + things safe for everyone. We don't want bad actors to spoil the party! +
+
+
+
+ Bridge
-
-
-
-
-
-

- The power of open source. -

-

- Unifier is developed in the open. You can freely use, modify, and restribute it as long as you - follow the - software license. We open - source our code in hopes that people will learn from it, so that they can help us make - cross-platform communication better together, even if they're not contributing to Unifier. -

- - Source code - +
+
+
+
+
+ And so much more! +
+
+ Intuitive help command
+ Data portability
+ Message report functionality
+ EXP system
+ Customizable bot UI
+ Global Emojis
+ Open-source and free to use
+ And even more!
+
+
-
- -
-
-
-
-

- Need help? -

-

- Join us on one of our communities - all bridged by Unifier! -

- - Discord - - - Revolt - - - Guilded - +
+
+
+
+
+ The power of open source. +
+
+ Unifier is developed in the open. You can freely use, modify, and restribute it as long as you + follow the + software license. We open + source our code in hopes that people will learn from it, so that they can help us make + cross-platform communication better together, even if they're not contributing to Unifier. +
+ +
+ Source code +
+ +
-
-
-
- -

Communities, connected.

-

Made with ❤️ by UnifierHQ

-

- Some of the images displayed on this website are mockups that may not accurately represent the final - product. -

+ +
+
+
+
+
+ Need help? +
+
+ Join us on one of our communities - all bridged by Unifier! +
+ +
+ Discord +
+ + +
+ Revolt +
+ + +
+ Guilded +
+ +
+
+
-
+ -
+ + + \ No newline at end of file diff --git a/install.html b/install.html index dda2404..a9cf943 100644 --- a/install.html +++ b/install.html @@ -9,147 +9,183 @@ - - - + + + + + - + -
- -
-
-
-
-
-
-

- -

-

- Get Unifier for your server -

-

- Choose a supported platform to add Unifier to your server. -

-

- By adding Unifier to your server, you agree to our - Terms of Service and - Privacy Policy. -

- - Discord - - - Revolt - + +
+
+
+
+
+
+
+
+
+ Get Unifier for your server +
+
+ Choose a supported platform to add Unifier to your server. +
+
+ By adding Unifier to your server, you agree to our + Terms of Service and + Privacy Policy. +
+ + Discord + + + Revolt + +
-
-
-

- Install Unifier. -

-

- Thank you for choosing Unifier! We can't wait to see what you'll do with it! -

-

- Choose between public instance and self-hosted. It's your choice, really. -

-
-
-
-
-
-

- Save time on the public instance. -

-

- Need to get your communities connected quickly and easily? Use the public instance, hosted and - managed by UnifierHQ. We can do the hard work of maintaining the instance, while you can focus on - actually bridging communities. -

-

- Supports -

-

- Warning: Public instance is still in early access! Use this at your own risk! -

- - Add to server - -
+ -
-
-
-
-

- Use self-hosted to get full control. -

-

- Unifier is built to be as self-hostable as possible. By self-hosting your own instance, you become - the instance owner, so you can have full control. We recommend this version for users who - want better performance, more control, or/and more flexibility. -

-

- A host is required to run Unifier. This is not provided by UnifierHQ - you will need to get one yourself. -

Available on -

- - Install guide - +
+
+
+
+ Option #01
-
- Bridge +
+
+
+
+
+
Public instance
+
+
+ Save time on the public instance. +
+
+ Need to get your communities connected quickly and easily? Use the public instance, hosted and + managed by UnifierHQ. We can do the hard work of maintaining the instance, while you can focus on + actually bridging communities. +
+
+ Supports +
+
+ Warning: Public instance is still in early access! Use this at your own risk! +
+ + Add to server + +
+
+
+ Bridge +
-
-
-
-
-
-

- Need help? -

-

- Join us on one of our communities - all bridged by Unifier! -

- - Discord - - - Revolt - - - Guilded - +
+
+
+
+ Option #02 +
+
+
+
+
+
+
+
Self-hosted instance
+
+
+ Self host to get full control. +
+
+ Unifier is built to be as self-hostable as possible. By self-hosting your own instance, you become + the instance owner, so you can have full control. We recommend this version for users who want + better performance, more control, or/and more flexibility. +
+
+ A host is required to run Unifier. This is not provided by UnifierHQ - you will need to get one yourself. +

Available on +
+ + Install guide + +
+
+
+ Bridge
-
-
-
- -

Communities, connected.

-

Made with ❤️ by UnifierHQ

-

- Some of the images displayed on this website are mockups that may not accurately represent the final - product. -

+
+
+
+
+
+ Need help? +
+
+ Join us on one of our communities - all bridged by Unifier! +
+ +
+ Discord +
+ + +
+ Revolt +
+ + +
+ Guilded +
+ +
+
+
-
+ -
+ + + \ No newline at end of file diff --git a/welcome.html b/welcome.html new file mode 100644 index 0000000..1a1fe5a --- /dev/null +++ b/welcome.html @@ -0,0 +1,74 @@ + + + + + + + Unifier - Communities, connected. + + + + + + + + + + + + +
+ +
+
+

+ Welcome to Unifier! 🥳 +

+

+ Thank you for adding Unifier to your server! We're sure you'll enjoy it! +

+ + Getting started + + + Join our Discord + +
+
+
+
+
+

+ Need help? +

+

+ Join us on one of our communities - all bridged by Unifier! +

+ + Discord + + + Revolt + + + Guilded + +
+
+
+
+
+
+ +

Communities, connected.

+

Made with ❤️ by UnifierHQ

+

+ Some of the images displayed on this website are mockups that may not accurately represent the final + product. +

+
+
+
+
+ + \ No newline at end of file