forked from dotfur/dotfur.org
111 lines
8.2 KiB
Plaintext
111 lines
8.2 KiB
Plaintext
---
|
||
// index.astro
|
||
import Layout from '../layouts/layout.astro';
|
||
---
|
||
|
||
<Layout>
|
||
<div class="mt-24 mx-auto max-w-4xl px-4">
|
||
<div class="text-gray-200 text-center">
|
||
<h1 class="text-6xl font-bold text-gray-200 mb-10">DNS Guide for .fur</h1>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="relative w-full py-6">
|
||
<div class="relative mx-auto max-w-4xl text-center text-gray-200">
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||
<div class="bg-gray-900 text-center w-96 mx-auto p-6 rounded-lg shadow-lg">
|
||
<h3 class="text-xl font-semibold mb-4 bg-gradient-to-r from-pink-500 to-orange-400 inline-block text-transparent bg-clip-text">.fur DNS Servers</h3>
|
||
<div class="p-0.5 w-full mr-14 max-w-4xl space-x-4 bg-gradient-to-r from-purple-500 via-pink-500 to-amber-500 rounded-lg shadow-inner">
|
||
<p id="domain-input" class="p-2 border w-full border-gray-600 rounded-lg bg-gray-900 text-white placeholder-gray-400 text-2xl font-bold flex-grow z-10 relative">165.140.127.67</p>
|
||
</div>
|
||
<div class="p-0.5 mt-4 w-full mr-14 max-w-4xl space-x-4 bg-gradient-to-r from-purple-500 via-pink-500 to-amber-500 rounded-lg shadow-inner">
|
||
<p id="domain-input" class="p-2 border w-full border-gray-600 rounded-lg bg-gray-900 text-white placeholder-gray-400 text-2xl font-bold flex-grow z-10 relative">128.254.227.250</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gray-900 text-center w-96 mx-auto p-6 rounded-lg shadow-lg">
|
||
<h3 class="text-xl font-semibold mb-4 bg-gradient-to-r from-pink-500 to-orange-400 inline-block text-transparent bg-clip-text">.fur SSL Certificates</h3>
|
||
<div class="p-0.5 w-full mr-14 max-w-4xl space-x-4 bg-blue-950 rounded-lg shadow-inner">
|
||
<a href=""><p id="domain-input" class="p-2 border w-full border-gray-600 rounded-lg bg-blue-900 text-slate-900 placeholder-gray-400 text-2xl font-bold flex-grow z-10 relative">https://ssl.fur/ [WIP]</p></a>
|
||
</div>
|
||
<div class="p-0.5 mt-4 w-full mr-14 max-w-4xl space-x-4 bg-blue-950 rounded-lg shadow-inner">
|
||
<a href="https://ssl.null.fur"><p id="domain-input" class="p-2 border w-full border-gray-600 rounded-lg bg-blue-900 text-slate-100 placeholder-gray-400 text-2xl font-bold flex-grow z-10 relative">https://ssl.null.fur/</p></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative w-full py-3">
|
||
<div class="absolute inset-0 bg-cover bg-center" style="filter: blur(2px);"></div>
|
||
<div class="relative z-10 mx-auto max-w-4xl text-center text-gray-200">
|
||
<h2 class="text-4xl font-bold mb-12 text-gray-200">Updating your DNS Settings</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 px-4">
|
||
<div class="bg-gray-900 p-6 rounded-lg shadow-lg">
|
||
<h3 class="text-xl font-semibold mb-4 bg-gradient-to-r from-purple-500 to-pink-500 inline-block text-transparent bg-clip-text">Windows</h3>
|
||
<p class="text-gray-300">Open your Settings, and navigate to <strong>Network & Internet</strong><br/>
|
||
Find and open your <strong>“Ethernet”</strong> or <strong>“Wireless”</strong> settings, depending on which you’re using.<br/>
|
||
Locate <strong>IPv4 DNS Servers</strong>, and edit them with the above values. You can find our IPv6 ones here.<br/>
|
||
Apply any changes and close your settings.<br/>
|
||
You can test your settings with <strong><a href="https://dot.fur/">https://dot.fur/</a></strong></p>
|
||
</div>
|
||
<div class="bg-gray-900 p-6 rounded-lg shadow-lg">
|
||
<h3 class="text-xl font-semibold mb-4 bg-gradient-to-r from-pink-500 to-orange-400 inline-block text-transparent bg-clip-text">MacOS</h3>
|
||
<p class="text-gray-300">Open your <strong>System Preferences</strong>, and navigate to <strong>Network</strong>.<br/>Select the active network, usually highlighted in blue, and click <strong>Advanced</strong>.<br/>Find <strong>DNS</strong> at the top and press the <strong>+</strong> to add a server, removing the rest.<br/>Apply and test your settings.</p>
|
||
</div>
|
||
<div class="bg-gray-900 p-6 rounded-lg shadow-lg">
|
||
<h3 class="text-xl font-semibold mb-4 bg-gradient-to-r from-orange-500 to-amber-500 inline-block text-transparent bg-clip-text">Linux</h3>
|
||
<p class="text-gray-300">Google the instructions for your specific distro and networking daemon, as these instructions vary vastly.<br/>Generally speaking though, most systems will have an <br/><strong>/etc/resolv.conf</strong> file.<br/>Modify the <strong>nameserver</strong> values in it, save, and test your config.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="relative mt-14 mb-5 z-10 mx-auto max-w-4xl text-center text-gray-200">
|
||
<h2 class="text-4xl font-bold text-gray-200">Configure SSL for HTTPS</h2>
|
||
<div class="m-4">
|
||
<div class="p-3 bg-indigo-500 border-l-4 border-indigo-500 rounded-lg">
|
||
<div class="flex flex-col items-center">
|
||
<h3 class="text-slate-100 font-bold">Read before continuing!</h3>
|
||
<p class="text-slate-100 font-medium">Before continuing with this SSL guide, please scroll up and choose an SSL certiciate provider (ideally both) and download their certificates.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 px-4">
|
||
<div class="bg-gray-900 p-6 rounded-lg shadow-lg">
|
||
<h3 class="text-xl font-semibold mb-4 bg-gradient-to-r from-purple-500 to-pink-500 inline-block text-transparent bg-clip-text">Windows</h3>
|
||
<p class="text-gray-300">Download the CA certificate file provided by the authority.<br/> Once downloaded, <strong>double-click</strong> the file to open it, then select the <strong>Install Certificate</strong> option.<br/>Choose to place the certificate in the <strong>Trusted Root Certification Authorities</strong> store, and follow the prompts to complete the installation.</p>
|
||
</div>
|
||
<div class="bg-gray-900 p-6 rounded-lg shadow-lg">
|
||
<h3 class="text-xl font-semibold mb-4 bg-gradient-to-r from-pink-500 to-orange-400 inline-block text-transparent bg-clip-text">MacOS</h3>
|
||
<p class="text-gray-300">Download the CA certificate file provided by the authority.<br/><strong>Open the file</strong>, which will launch the <strong>Keychain Access</strong> application.<br/>In the dialog that appears, select <strong>System</strong> as the destination keychain, then click <strong>Add</strong>.<br/>After adding the certificate, <strong>right-click</strong> on it within Keychain Access and choose <strong>Get Info</strong>.<br/>Under the <strong>Trust</strong> section, set "When using this certificate" to </strong>Always Trust</strong>.</p>
|
||
</div>
|
||
<div class="bg-gray-900 p-6 rounded-lg shadow-lg">
|
||
<h3 class="text-xl font-semibold mb-4 bg-gradient-to-r from-orange-500 to-amber-500 inline-block text-transparent bg-clip-text">Linux</h3>
|
||
<p class="text-gray-300">Google the instructions for your specific distro and networking daemon, as these instructions vary vastly.<br/>Generally speaking though, you should copy the certificate to <strong>/usr/local/share/ca-certificates/</strong> (Debian-based systems) or <strong>/etc/pki/ca-trust/source/anchors/</strong> (Red Hat-based systems).<br/>After copying, update the certificate store by running <strong>sudo update-ca-certificates</strong> (Debian-based) or <strong>sudo update-ca-trust</strong> (Red Hat-based).</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer class="bg-gray-800 text-gray-400 py-6">
|
||
<div class="mx-auto max-w-4xl text-center">
|
||
<div class="mb-4">
|
||
<a href="/terms-of-service" class="hover:underline mx-2">Terms of Service</a>
|
||
<a href="/privacy" class="hover:underline mx-2">Privacy Policy</a>
|
||
</div>
|
||
<div>
|
||
<a href="https://discord.gg/E3Wt94yRSD" class="hover:underline mx-2">Discord</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script type="text/javascript">
|
||
function registerDomain() {
|
||
const input = document.getElementById('domain-input');
|
||
const domainName = encodeURIComponent(input.value.trim());
|
||
if (domainName) {
|
||
window.location.href = `/register?name=${domainName}`;
|
||
}
|
||
}
|
||
</script>
|
||
</Layout>
|