Myzel394/amiopen.now
1
0
Fork 0
mirror of https://github.com/Myzel394/amiopen.now.git synced 2025-06-18 15:35:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: Improvements

Browse Source
This commit is contained in:
Myzel394 2024-11-21 21:18:44 +01:00
parent 885a31e138
commit 9ff1768ff2
No known key found for this signature in database
GPG Key ID: ED20A1D1D423AF3F
2 changed files with 29 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
templates/base.html.njk
View File

@ -57,6 +57,12 @@
.socials img:hover { .socials img:hover {
filter: invert(1); filter: invert(1);
} }
#hint {
margin: 1.4em auto 0 auto;
text-align: center;
opacity: 0.6;
}
</style> </style>
{% block header %}{% endblock %} {% block header %}{% endblock %}
@ -72,11 +78,11 @@
<img src="/static/github.svg" alt="GitHub" /> <img src="/static/github.svg" alt="GitHub" />
</a> </a>
<a href="https://twitter.com/Myzel394" target="_blank" rel="noopener noreferrer"> <a href="https://twitter.com/Myzel394" target="_blank" rel="noopener noreferrer">
<img src="/static/twitter.svg" alt="GitHub" /> <img src="/static/twitter.svg" alt="Twitter / X" />
</a> </a>
</div> </div>
</main> </main>
<i>No logs are stored. I have no idea, that you were here.</i> <i id="hint">No logs are stored. I have no idea that you were here.</i>
{% block scripts %} {% block scripts %}
{% endblock %} {% endblock %}
</body> </body>

29
templates/index.html.njk
View File

@ -31,6 +31,16 @@
color: #5c6370; color: #5c6370;
} }
code a {
text-decoration: none;
text-underline-offset: .15em;
color: unset;
}
code a:hover {
text-decoration: underline dotted 1px #aaa;
}
.copy { .copy {
cursor: pointer; cursor: pointer;
border: none; border: none;
@ -60,6 +70,9 @@
{% block main %} {% block main %}
<h2>Am I Open</h2> <h2>Am I Open</h2>
<small>
A small, terminal-friendly utility for checking port and your IP address.
</small>
<p> <p>
Your IP address: <strong>{{ip}}</strong> Your IP address: <strong>{{ip}}</strong>
<button class="copy" id="copy-ip"> <button class="copy" id="copy-ip">
@ -68,28 +81,28 @@
</p> </p>
<strong> Check if your port is reachable: </strong> <strong> Check if your port is reachable: </strong>
<pre><code><span class="command">curl</span> amiopen.now/<span class="input">&lt;port&gt;</span> <pre><code><span class="comment">$</span> <span class="command">curl</span> amiopen.now/<span class="input">&lt;port&gt;</span>
<span class="comment">// Example</span> <span class="comment">// Example</span>
<span class="command">curl</span> amiopen.now/<span class="input">80</span> <span class="comment">$</span> <a href="/80"><span class="command">curl</span> amiopen.now/<span class="input">80</span></a>
> open</code></pre> > open</code></pre>
<strong> Check if an IP address is reachable: </strong> <strong> Check if an IP address is reachable: </strong>
<pre><code><span class="command">curl</span> amiopen.now/<span class="second-input">&lt;ip address&gt;</span>/<span class="input">&lt;port&gt;</span> <pre><code><span class="comment">$</span> <span class="command">curl</span> amiopen.now/<span class="second-input">&lt;ip address&gt;</span>/<span class="input">&lt;port&gt;</span>
<span class="comment">// Example</span> <span class="comment">// Example</span>
<span class="comment">$</span> <span class="command">curl</span> amiopen.now/<span class="second-input">1.1.1.1</span>/<span class="input">53</span> <span class="comment">$</span> <a href="/1.1.1.1/53"><span class="command">curl</span> amiopen.now/<span class="second-input">1.1.1.1</span>/<span class="input">53</span></a>
> open</code></pre> > open</code></pre>
<strong> Check if your ISP is blocking a port: </strong> <strong> Check if your ISP is blocking a port: </strong>
<pre><code><span class="command">telnet</span> amiopen.now <span class="input">&lt;port&gt;</span> <pre><code><span class="comment">$</span> <span class="command">telnet</span> amiopen.now <span class="input">&lt;port&gt;</span>
<span class="comment">// Example</span> <span class="comment">// Example</span>
<span class="command">telnet</span> amiopen.now <span class="input">80</span></code></pre> <span class="comment">$</span> <span class="command">telnet</span> amiopen.now <span class="input">80</span></code></pre>
<i> <i>
Hint: You can also check if you can access SSH by using: Hint: You can also check if you can access SSH by using:
<pre><code><span class="command">ssh</span> <span class="secondary">hello</span>@amiopen.now</code></pre> <pre><code><span class="comment">$</span> <span class="command">ssh</span> <span class="secondary">hello</span>@amiopen.now</code></pre>
</i> </i>
{% endblock %} {% endblock %}
@ -98,7 +111,7 @@
const $copyButton = document.getElementById("copy-ip"); const $copyButton = document.getElementById("copy-ip");
const ip = "{{ip}}"; const ip = "{{ip}}";
copyButton.addEventListener("click", () => { $copyButton.addEventListener("click", () => {
navigator.clipboard.writeText(ip); navigator.clipboard.writeText(ip);
}); });
</script> </script>