tenkuma/web
tenkuma/web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Complete rework + eleventy

Browse source
This commit is contained in:
天クマ 2025-09-06 20:04:53 -03:00
commit 5f2e7393f7
86 changed files with 2785 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

70
docs/en/blog/index.html Normal file
View file

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Adrian Victor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/main.css?fixcache=1">
<script src="/static/scripts/ccd.js"></script>
<script src="/static/scripts/main.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="manifest" href="/static/site.webmanifest">
</head>
<body>
<style>
.bg {
opacity: .4!important;
}
</style>
<div id="everythingHelper">
<img src="/static/images/bear.jpg" class="bg">
<header>
<div>
<h1>Adrian Victor:Blog</h1>
<a id="headerSubtitle"><i>Fanasy is not a crime, find your castle in the sky.</i></a>
</div>
<div id="linksHelper">
<div id="soundDiv" data-title="Stan LePard - Velkommen" data-source="welcome.mp3"></div>
<ul id="headerLinks">
<a href="/en/">home</a>
<a href="/en/blog/">blog</a>
</ul>
</div>
</header>
<div id="mainHelper">
<main>
<p><b>Listing Blog Posts:</b></p>
<ul>
<li>
<p>
<a href="/posts/android-developer-verification/">On the Recent Changes to App Distribution Requirements in the Android System by Google.</a><br>
Fri Aug 29 2025 21:00:00 GMT-0300 (Brasilia Standard Time)
</p>
</li>
<li>
<p>
<a href="/posts/telnet-en/">Telnet</a><br>
Tue Aug 26 2025 21:00:00 GMT-0300 (Brasilia Standard Time)
</p>
</li>
</ul>
</main>
</div>
</div>
</body>
</html>

91
docs/en/index.html Normal file
View file

@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Adrian Victor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/main.css?fixcache=1">
<script src="/static/scripts/ccd.js"></script>
<script src="/static/scripts/main.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="manifest" href="/static/site.webmanifest">
</head>
<body>
<style>
.bg {
opacity: .4!important;
}
</style>
<div id="everythingHelper">
<img src="/static/images/bear.jpg" class="bg">
<header>
<div>
<h1>Adrian Victor</h1>
<a id="headerSubtitle"><i>Fanasy is not a crime, find your castle in the sky.</i></a>
</div>
<div id="linksHelper">
<div id="soundDiv" data-title="Stan LePard - Velkommen" data-source="welcome.mp3"></div>
<ul id="headerLinks">
<a href="/en/">home</a>
<a href="/en/blog/">blog</a>
</ul>
</div>
</header>
<div id="mainHelper">
<div id="homeSquares">
</div>
<main>
<script src="/static/scripts/home.js" defer></script>
<noscript><style>
.hs {
display: unset!important;
}
#homeSquares {
display: none;
}
</style></noscript>
<div class="hs" id="hsDefault">
<h1 id="homeTitle">Welcome</h1>
<p>It seems that you have found my website! Hi, I am <b>Adrian Victor</b> (or <b>tenkuma</b>), a Brazilian guy who likes to mess around with computers, computer programs and <i>enimatpyrtlyhtemids</i>.</p>
<h2>Socials and Contact</h2>
<p>
I'm publicly available at Mastodon <a href='https://mstdn.social/@tenkuma'>(@tenkuma@mstdn.social)</a>,
GitHub <a href='https://github.com/adrianvic'>(adrianvic)</a>,
Disroot Git <a href='https://git.disroot.org/adrianvictor'>(adrianvictor)</a>,
Discord <a href='https://discord.com/users/681643259764015116'>(@adrianvic)</a>,
YouTube <a href='https://www.youtube.com/@adrianvictor8'>(@adrianvictor8)</a>,
BitView <a href='https://www.bitview.net/user/tenkuma'>(tenkuma)</a>,
Modrinth <a href='https://modrinth.com/user/tenkumabear'>(tenkumabear)</a>
and XMPP <a href='xmpp:adrianvictor@disroot.org'>(adrianvictor@disroot.org)</a>.
</p>
<p>You can message me on my E-mail <a href="mailto:adrianvictor@disroot.org">(adrianvictor@disroot.org)</a> or feel free to get in touch through any of the other places mentioned above. For project-specific subjects, check for the project's contact field or if there's no such field add <i>+projectname</i> to my E-mail address (example: adrianvictor+coolproject@disroot.org).</p>
<p><i><b>Please, avoid reaching me through ways not mentioned above :)</b></i></p>
</div>
<div class="hs" id="hsMusic">
<h1>My Music</h1>
<p>Me and my friends have an amateur record label called <span class="margarinaColor">Margarina Records</span>, things usually move slowly with my musical works, usually because of college and the lack of proper music production knowledge, but I'm working my way through it.</p>
<p>You can follow my latest songs at the <a href="https://margarina-records.rf.gd">label website</a> and on <a href="https://genius.com/tenkuma">Genius</a>. You'd probably also like the other member's works as well, so take a look at all songs from MGR.</p>
</div>
<div class="hs" id="hsVideo">
<h1>My Videos</h1>
<p>I have a YouTube channel where I post mostly Minecraft videos, but I want to have other types of content in the future. There's no scedule for my videos because it takes a lot of editing time to put a video together, and I have little time to work on my own projects, you should subscribe if you want to know when I post something!</p>
<p>Here's a random video I'm proud of:</p>
<a href="https://youtu.be/tZLoSxzsfpM" id="youtubeVideo">
<img src="/static/images/youtube_video.jpg" alt="" id="youtubeVideoImage">
<p>How to use MCA Selector to merge worlds in Minecraft Java!</p>
</a>
</div>
<div class="hs" id="hsCode">
<h1>My Software</h1>
<p>I am studying computing at IFC (SC, Brazil) but in my free time I have some projects like computer applications, Minecraft plugins, Minecraft servers, etc... Anything that is public should be in my <a href="https://github.com/adrianvic">GitHub profile</a>.</p>
<p>These are my most notable projects:</p>
<a href="https://github.com/Margarina-not-butter/PestoWiki" class="hsProjectImage"><img src="/static/images/pestowikifullwhite.png" alt="A digital drawing of the top of a fork with a black outline, in the right a text in white says &#39;Pesto Wiki&#39;"></a>
</div>
</main>
</div>
</div>
</body>
</html>

53
docs/index.html Normal file
View file

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Adrian Victor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/main.css?fixcache=1">
<script src="/static/scripts/ccd.js"></script>
<script src="/static/scripts/main.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="manifest" href="/static/site.webmanifest">
</head>
<body>
<style>
.bg {
opacity: .4!important;
}
</style>
<div id="everythingHelper">
<img src="/static/images/bear.jpg" class="bg">
<header>
<div>
<h1>Adrian Victor</h1>
<a id="headerSubtitle"><i>Fanasy is not a crime, find your castle in the sky.</i></a>
</div>
<div id="linksHelper">
<div id="soundDiv" data-title="Stan LePard - Velkommen" data-source="welcome.mp3"></div>
<ul id="headerLinks">
<a href="/en/">home</a>
<a href="/en/blog/">blog</a>
</ul>
</div>
</header>
<div id="mainHelper">
<script src="/static/scripts/language.js" defer></script>
<style>
#headerLinks {
display: none!important;
}
</style>
<main>
<h1 id="languageTitle">Pick a language</h1>
<ul id="languageList">
<li><a href="/en/">English</a></li>
<li><a href="/pt/">Português Brasileiro</a></li>
</ul>
</main>
</div>
</div>
</body>
</html>

90
docs/posts/android-developer-verification/index.html Normal file
View file

@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Adrian Victor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/main.css?fixcache=1">
<script src="/static/scripts/ccd.js"></script>
<script src="/static/scripts/main.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="manifest" href="/static/site.webmanifest">
</head>
<body>
<style>
.bg {
opacity: 0.35!important;
}
</style>
<div id="everythingHelper">
<img src="/static/images/android-jellybean.jpg" class="bg">
<header>
<div>
<h1>Adrian Victor:Blog</h1>
<a id="headerSubtitle"><i>Fanasy is not a crime, find your castle in the sky.</i></a>
</div>
<div id="linksHelper">
<div id="soundDiv" data-title="Stan LePard - Velkommen" data-source="welcome.mp3"></div>
<ul id="headerLinks">
<a href="/en/">home</a>
<a href="/en/blog/">blog</a>
</ul>
</div>
</header>
<div id="mainHelper">
<main>
<article>
<div id="postHeader">
<h1>On the Recent Changes to App Distribution Requirements in the Android System by Google.</h1>
<p>Adrian Victor - Fri Aug 29 2025 21:00:00 GMT-0300 (Brasilia Standard Time)</p>
</div>
<h2>Recap</h2>
<p>Android is that open-source operating system that works well for users and is loved by developers. Always known for breaking barriers and being open, expandable, versatile, and even friendly to power users-something not every system dares to be (iOS, Windows Phone). For a long time, Android was seen this way compared to its competitors: a breath of fresh air against the abusive practices of companies like Apple. But it seems the Android we've nurtured for two decades no longer fits in the pockets of Google executives; it is too free, creating ethical and technical barriers to the profitable exploitation path adopted by its developer.</p>
<h2>What happened with Android?</h2>
<p>At the end of this month (August 2025), Google announced that starting September 2026, all apps installed on certified devices (those with Google Android and locked bootloader) will need to undergo a developer verification process. This process involves collecting personal data from the individual distributing the app, so they can be identified and held accountable for potential malicious activities related to their software. The same applies to companies, which must also pay a $25 USD fee. This process is mandatory even if the app is distributed outside Google's official stores, raising obvious concerns about user privacy and freedom.</p>
<h2>Implications, Justifications, and Motivations of the New Policy</h2>
<p>It is important to examine Google's justification and try to understand its true motivation behind this distribution policy. Let's start by analyzing Google's statement:</p>
<blockquote cite="https://developer.android.com/developer-verification">"By making Android safer, we're protecting the open environment that allows developers and users to confidently create and connect. Android's new developer verification is an extra layer of security that deters bad actors and makes it harder for them to spread harm."</blockquote>
<p>They argue that the new rules are intended to improve user security, preventing malicious software from being installed on certified Android devices. Again, we see "security" used to justify controversial practices that limit the end user's control over their device. This was also the justification given for the proven abusive sideloading restrictions that led Google to lose a lawsuit against Epic Games-a more sophisticated version of the same issue is happening here.</p>
<p>It is easy to sympathize with the company when the words are well-phrased, but as a user who loves alternative software outside the big tech ecosystem, I have seen enough examples of authority abuse to conclude that Google's recent actions are simply an attempt to regain part, if not all, of the control it had over Android devices before the previously mentioned case.</p>
<p>One example is the kio-gdrive software, widely used to integrate Google Drive with the KDE file manager on Linux systems. The software was blocked from asking users if they authorized access to their Google Drive account. Instead of the permission popup, Google displayed a warning implying that the legitimate software could be malicious. Developers reported:</p>
<blockquote cite="https://bugs.kde.org/show_bug.cgi?id=480779#c54">"Google blocked us from using this back in June because we weren't able
justify our API usage to their satisfaction. As such, the permission is now blocked [...] mamaking 25% of the KAccounts KCM non-functional. Remove the gdrive permissions [...] for now so at least other Google things can work (at least in theory)."</blockquote>
<blockquote cite="https://bugs.kde.org/show_bug.cgi?id=480779#c54">"It's beyond stupid (IMHO) if individual users can't indicate that they're fine with a particular piece of software accessing their supposedly sensitive data!"</blockquote>
<p>Although I couldn't find the exact internal conversations between developers-and I'm giving Google the benefit of the doubt-it is at least suspicious that Google did not agree that software performing its primary functions within Google Drive should have a valid reason to access it. This was not an isolated case; Google operates behind the scenes to control what happens on Android. For example, apps compiled for older system versions would show alarming security warnings because recent changes introduced more permission barriers, even though old apps didn't support them. A reasonable warning would emphasize that permissions must be granted to support optional features, but the actual messages were vague, conveniently scaring users attempting sideloading and helping maintain the Play Store monopoly.</p>
<p>Speaking of alarming warnings, let's discuss Play Protect, software embedded in the Google Play Store that scans installed sideloaded apps and reports the results back to Google. At first glance, this is a good idea, assuming the user opts in. The problem arises when the difference between malware detection messages and warnings triggered by outdated software is unclear, causing two serious effects: it renders Google's protection service almost useless while maintaining the Play Store monopoly.</p>
<p>Imagine sideloading for the first time: you try to install an old version of a favored software. You receive exaggerated warnings about the supposed dangers, abandon the installation, and install the latest version from the Play Store. Google thus indirectly forces more users to use its store, ensuring the lucrative 30% transaction fee.</p>
<p>Now consider a second scenario: you're an advanced Android user who understands sideloading and loves installing open-source apps outside the Play Store. You click a suspicious link and download a malicious APK. Play Protect warns you during installation, but the warnings are so frequent and exaggerated-even when no malware is detected-that you ignore them out of habit. The result: malware on your device, and Play Protect was ineffective.</p>
<p>Sometimes, downloading software outside the Play Store is the only option, because developers may not want to publish apps there-either for privacy reasons (developers must disclose personal data when publishing) or because of publishing fees, which may discourage donation-supported developers. Users must have the freedom to choose what runs on their devices.</p>
<p>According to current information, developers don't have to make their data public if they avoid distributing apps via the Play Store. This is the least Google could do to make the new distribution policies fairer. Google also claims the verification isn't meant to inspect app content or purpose; it is supposedly only to block malware distribution. Whether this holds up remains to be seen, given it could also serve as a convenient tool for abuse of power.</p>
<h2>Next Steps</h2>
<p>We must watch how these policies are applied and how they affect the Android ecosystem. An inevitable consequence is that countless abandoned apps, perfectly functional without the new requirements, will disappear overnight. Not all old software connects to the internet, and not all represents a constant threat. Google is taking away the option for experienced users to take responsibility and say: "I know what I'm doing!", treating us like children, as if they know what's best for everyone.</p>
<p>The commercial Android on phones is based on the <abbr title="Android Open Source Project">AOSP</abbr>, meaning Android's core remains open, and Google hasn't taken that from users yet. I plan to write another post explaining how to regain control of your device through system modifications, from the simplest, safest, most stable methods to advanced approaches, if you feel confident.</p>
</article>
</main>
</div>
</div>
</body>
</html>

101
docs/posts/telnet-en/index.html Normal file
View file

@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Adrian Victor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/main.css?fixcache=1">
<script src="/static/scripts/ccd.js"></script>
<script src="/static/scripts/main.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="manifest" href="/static/site.webmanifest">
</head>
<body>
<style>
.bg {
opacity: .4!important;
}
</style>
<div id="everythingHelper">
<img src="/static/images/redes.jpg" class="bg">
<header>
<div>
<h1>Adrian Victor:Blog</h1>
<a id="headerSubtitle"><i>Fanasy is not a crime, find your castle in the sky.</i></a>
</div>
<div id="linksHelper">
<div id="soundDiv" data-title="Stan LePard - Velkommen" data-source="welcome.mp3"></div>
<ul id="headerLinks">
<a href="/en/">home</a>
<a href="/en/blog/">blog</a>
</ul>
</div>
</header>
<div id="mainHelper">
<main>
<article>
<div id="postHeader">
<h1>Telnet</h1>
<p>Adrian Victor &amp; Arthur Borges - Tue Aug 26 2025 21:00:00 GMT-0300 (Brasilia Standard Time)</p>
</div>
<script src="/static/scripts/telnetSimulator.js" defer></script>
<h2>What the protocol is, its function and history</h2>
<p>Telnet (from <b>TEL</b>ecommunication <b>NET</b>work) is a TCP/IP stack network protocol that allows remote text-mode communication between computers. Its main function is to provide an interactive session where a user can access and control another device as if they were on a local terminal.</p>
<p>Created in 1969, Telnet was one of the first protocols developed for ARPANET (the network that gave rise to the Internet) and became fundamental for system and device administration in the 1970s, 1980s, and 1990s. Over time, it fell out of use due to lack of security, being replaced by more modern alternatives such as SSH (Secure Shell).</p>
<h2>Implementation</h2>
<p><b>Default port:</b> 23/TCP.<br>
Works at the application layer of the OSI model.<br>
<b>Format:</b> Based on ASCII character exchange, without encryption.<br>
<b>RFC:</b> Defined by RFC 854 (1983).<br>
<b>Architecture:</b> Follows the client-server model</p>
<h2>How it works</h2>
<p>In practice, Telnet works relatively simply. The process starts when the client establishes a TCP connection to the server via port 23. Then a remote terminal session is initiated and the user must provide credentials such as username and password. After authentication, commands typed on the client are transmitted in plain text to the server, which processes them and returns the corresponding output. The session remains active as long as the user wants, normally ending with commands like <i>exit</i> or <i>logout</i></p>
<h2>Use cases</h2>
<p>For many years, Telnet was widely used for remote access to Unix, Linux, and Windows servers, especially older versions of these systems. It also became common in network device administration, such as routers and switches, until SSH became the standard. Additionally, mainframes and some legacy devices still use Telnet today. Another practical application is in educational environments and network diagnostics, where it is used to test open ports and check service connectivity, such as running “telnet server.com 80” to see if a web server port is operational.</p>
<h2>Encryption: the inherent problem</h2>
<p>Telnet has no native encryption, which makes it extremely vulnerable. To solve this problem, more secure alternatives were developed. The main one is SSH (Secure Shell), created in the 1990s as a direct Telnet replacement. SSH offers the same functionality while ensuring data protection through strong authentication and full traffic encryption. Another, less common approach is using SSL/TLS to tunnel Telnet sessions, but in practice this is rarely used.</p>
<h2>Advantages and disadvantages</h2>
<p>Telnet’s advantages include simplicity, low resource usage, and compatibility with various older systems, which facilitated its adoption over the years. However, these benefits are outweighed by its disadvantages. The main one is the lack of encryption, exposing all transmitted data—including passwords—in plain text. This makes it vulnerable to attacks such as sniffing, which captures network packets, and hijacking, which takes over active sessions. For this reason, Telnet is considered obsolete and unsafe for use on open networks like the Internet.</p>
<h2>Relation to other protocols</h2>
<p>Telnet is part of the TCP/IP protocol family and uses TCP to ensure reliable communication. Like other protocols in this stack, such as HTTP, FTP, and SMTP, it relies on stable connections to perform its functions, but its distinguishing feature has always been terminal-mode interactivity. Due to security flaws, it was replaced by its natural successor, SSH, which retained Telnet’s conceptual base but added robust protection layers.</p>
<h2>Functional example</h2>
<p>Below is a Telnet connection simulator written in JavaScript.</p>
<div id="telnetSimulationLoadingHolder">
<p id="telnetSimulationLoadingText">Loading...</p>
<div class="ellipsis-loader" aria-role="alert" aria-label="Loading. Please wait">
<div class="ellipsis-loader__dot"></div>
<div class="ellipsis-loader__dot"></div>
<div class="ellipsis-loader__dot"></div>
<div class="ellipsis-loader__dot"></div>
</div>
</div>
<div id="telnetSimulation">
<div id="telnetSimulationServer">
<h3>Server</h3>
<textarea name="" id="telnetSimulationServerScreen" readonly>Welcome to Zubuntu 30.1!
Running startup script: start_telnet_server.sh
Telnet Server started on localhost:23
Ready to receive commands.
----
</textarea>
<button id="telnetSimulationServerClean">Clear</button>
</div>
<div id="telnetSimulationClient">
<h3>Client</h3>
<textarea name="" id="telnetSimulationClientScreen" readonly>Send help to see the list of commands supported by the server!
----
</textarea>
<div id="telnetSimulationInput">
<input type="text" id="telnetSimulationInputBox">
<button id="telnetSimulationClientSend">Send</button>
</div>
</div>
</div>
</article>
</main>
</div>
</div>
</body>
</html>

143
docs/posts/telnet-pt/index.html Normal file
View file

@ -0,0 +1,143 @@
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<title>Adrian Victor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/main.css?fixcache=1">
<script src="/static/scripts/ccd.js"></script>
<script src="/static/scripts/main.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="manifest" href="/static/site.webmanifest">
</head>
<body>
<style>
.bg {
opacity: .4!important;
}
</style>
<div id="everythingHelper">
<img src="/static/images/redes.jpg" class="bg">
<header>
<div>
<h1>Adrian Victor:Blog</h1>
<a id="headerSubtitle"><i>Fanasy is not a crime, find your castle in the sky.</i></a>
</div>
<div id="linksHelper">
<div id="soundDiv" data-title="Stan LePard - Velkommen" data-source="welcome.mp3"></div>
<ul id="headerLinks">
<a href="/pt/">início</a>
<a href="/pt/blog/">blog</a>
</ul>
</div>
</header>
<div id="mainHelper">
<main>
<article>
<div id="postHeader">
<h1>Telnet</h1>
<p>Adrian Victor &amp; Arthur Borges - Tue Aug 26 2025 21:00:00 GMT-0300 (Brasilia Standard Time)</p>
</div>
<script src="/static/scripts/telnetSimulator.js" defer></script>
<h2>O que é o protocolo, sua função e histórico</h2>
<p>O Telnet (do inglês <b>TEL</b>ecommunication <b>NET</b>work) é um protocolo de rede da pilha
TCP/IP que permite a comunicação remota entre computadores em modo texto. Sua
função principal é proporcionar uma sessão interativa, em que um usuário pode
acessar e controlar outro dispositivo como se estivesse em um terminal local.</p>
<p>Criado em 1969, o Telnet foi um dos primeiros protocolos desenvolvidos para a
ARPANET (a rede que deu origem à Internet) e tornou-se fundamental para a
administração de sistemas e dispositivos nas décadas de 1970, 1980 e 1990. Com o
tempo, caiu em desuso devido à falta de segurança, sendo substituído por
alternativas mais modernas, como o SSH (Secure Shell).</p>
<h2>Implementação</h2>
<p><b>Porta padrão:</b> 23/TCP.<br>
Funciona na camada de aplicação do modelo OSI.<br>
<b>Formato:</b> Baseado em troca de caracteres ASCII, sem criptografia.<br>
<b>RFC:</b> Definido pela RFC 854 (1983).<br>
<b>Arquitetura:</b> Segue o modelo cliente-servidor</p>
<h2>Funcionamento</h2>
<p>Na prática, o Telnet funciona de maneira relativamente simples. O processo começa
quando o cliente estabelece uma conexão TCP com o servidor por meio da porta 23.
Em seguida, uma sessão de terminal remoto é iniciada e o usuário deve fornecer
suas credenciais, como nome de usuário e senha. Após a autenticação, os
comandos digitados no cliente são transmitidos em texto puro ao servidor, que os
processa e retorna a saída correspondente. A sessão permanece ativa enquanto o
usuário desejar, sendo encerrada normalmente com comandos como <i>exit</i> ou <i>logout</i></p>
<h2>Cenários de uso</h2>
<p>Durante muitos anos, o Telnet foi amplamente utilizado para acesso remoto a
servidores Unix, Linux e Windows, especialmente em versões mais antigas desses
sistemas. Também se tornou bastante comum na administração de dispositivos de
rede, como roteadores e switches, até que o SSH passou a ser adotado como
padrão. Além disso, grandes computadores centrais, conhecidos como mainframes,
e alguns dispositivos legados ainda utilizam Telnet até hoje. Outra aplicação prática
do protocolo está em ambientes educacionais e no diagnóstico de redes, onde é
usado para testar portas abertas e verificar conectividade de serviços, como ao
executar “telnet servidor.com 80” para checar se a porta de um servidor web está em
funcionamento.</p>
<h2>Criptografia: o problema inerente</h2>
<p>O Telnet não possui criptografia nativa, o que o torna extremamente vulnerável. Para
solucionar esse problema, surgiram alternativas mais seguras. A principal delas é o
SSH (Secure Shell), desenvolvido nos anos 1990 como um substituto direto do
Telnet. O SSH oferece as mesmas funcionalidades, mas garante a proteção dos
dados por meio de autenticação forte e criptografia de todo o tráfego. Outra
possibilidade, embora menos comum, é o uso de SSL/TLS para tunelar sessões
Telnet, mas na prática essa abordagem raramente é utilizada.</p>
<h2>Vantagens e desvantagens</h2>
<p>Entre as vantagens do Telnet, destacam-se sua simplicidade, baixo consumo de
recursos e compatibilidade com diferentes sistemas antigos, o que facilitou sua
adoção ao longo dos anos. Contudo, essas qualidades são superadas por suas
desvantagens. A principal é a ausência de criptografia, que expõe todos os dados
transmitidos, incluindo senhas, em texto puro. Isso o torna vulnerável a ataques
como o sniffing, que captura pacotes de rede, e o hijacking, que sequestra sessões
ativas. Por esse motivo, o Telnet é considerado obsoleto e inseguro para uso em
redes abertas, como a própria Internet.</p>
<h2>Relação com outros protocolos</h2>
<p>O Telnet faz parte da família de protocolos da pilha TCP/IP e utiliza o TCP para
garantir a confiabilidade na comunicação. Assim como outros protocolos dessa pilha,
como HTTP, FTP e SMTP, ele se baseia em conexões estáveis para realizar suas
funções, mas seu diferencial sempre foi a interatividade em modo terminal. No
entanto, devido às falhas de segurança, acabou sendo substituído por seu sucessor
natural, o SSH, que manteve a mesma base conceitual do Telnet, mas adicionou
camadas robustas de proteção.</p>
<h2>Exemplo funcional</h2>
<p>Abaixo há um simulador de conexão Telnet feito em JavaScript.</p>
<div id="telnetSimulationLoadingHolder">
<p id="telnetSimulationLoadingText">Loading...</p>
<div class="ellipsis-loader" aria-role="alert" aria-label="Loading. Please wait">
<div class="ellipsis-loader__dot"></div>
<div class="ellipsis-loader__dot"></div>
<div class="ellipsis-loader__dot"></div>
<div class="ellipsis-loader__dot"></div>
</div>
</div>
<div id="telnetSimulation">
<div id="telnetSimulationServer">
<h3>Servidor</h3>
<textarea name="" id="telnetSimulationServerScreen" readonly>Bem vindo ao Zubuntu 30.1!
Rodando script de inicialização: start_telnet_server.sh
Servidor Telnet iniciado em localhost:23
Pronto para receber comandos.
----
</textarea>
<button id="telnetSimulationServerClean">Limpar</button>
</div>
<div id="telnetSimulationClient">
<h3>Cliente</h3>
<textarea name="" id="telnetSimulationClientScreen" readonly>Envie help para ver a lista de comandos suportados pelo servidor!
----
</textarea>
<div id="telnetSimulationInput">
<input type="text" id="telnetSimulationInputBox">
<button id="telnetSimulationClientSend">Enviar</button>
</div>
</div>
</div>
</article>
</main>
</div>
</div>
</body>
</html>

89
docs/posts/verificacao-de-desenvolvedor-no-android/index.html Normal file
View file

@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<title>Adrian Victor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/main.css?fixcache=1">
<script src="/static/scripts/ccd.js"></script>
<script src="/static/scripts/main.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="manifest" href="/static/site.webmanifest">
</head>
<body>
<style>
.bg {
opacity: 0.35!important;
}
</style>
<div id="everythingHelper">
<img src="/static/images/android-jellybean.jpg" class="bg">
<header>
<div>
<h1>Adrian Victor:Blog</h1>
<a id="headerSubtitle"><i>Fanasy is not a crime, find your castle in the sky.</i></a>
</div>
<div id="linksHelper">
<div id="soundDiv" data-title="Stan LePard - Velkommen" data-source="welcome.mp3"></div>
<ul id="headerLinks">
<a href="/pt/">início</a>
<a href="/pt/blog/">blog</a>
</ul>
</div>
</header>
<div id="mainHelper">
<main>
<article>
<div id="postHeader">
<h1>Sobre as recentes mudanças nos requisitos de distribuição de apps no sistema Android feitas pela Google.</h1>
<p>Adrian Victor - Fri Aug 29 2025 21:00:00 GMT-0300 (Brasilia Standard Time)</p>
</div>
<h2>Recapitulando</h2>
<p>Android é aquele sistema operacional open-source que funciona bem para os usuários, e que os desenvolvedores amam. Sempre conhecido por quebrar barreiras e por ser aberto, expansível, versátil e até amigável com os mais nerds, coisa que nem todo sistema tem a cara e coragem de ser (iOS, Windows Phone). É assim que, por muito tempo, o Android foi visto em relação aos seus concorrentes: Um suspiro de ar puro em relação às práticas abusivas de empresas como a Apple. Mas parece que o Android que cultivamos por duas décadas não cabe mais no bolso dos executivos da Google, é livre demais, e isso criou barreiras éticas e técnicas no lucrativo caminho de exploração adotado pela sua desenvolvedora.</p>
<h2>O que aconteceu com o Android?</h2>
<p>A Google anunciou no final deste mês (Agosto de 2025) que a partir de Setembro de 2026 todos os apps instalados em dispositivos certificados (aqueles com o Android da Google e de bootloader bloqueado) precisarão passar pelo processo de verificação de desenvolvedor, processo cujo consiste da coleta de dados pessoais do indivíduo que vai distribuir a aplicação para que o mesmo possa ser identificado e atribuído a possíveis atividades maliciosas relacionadas ao seu software, o mesmo vale para empresas, que além disso precisam pagar uma taxa de 25 USD. O processo é forçado e necessário mesmo com a distribuição do app sendo feita fora das lojas oficiais da Google, o que trouxe óbvias preocupações sobre privacidade e liberdade dos usuários do sistema.</p>
<h2>As implicações, justificativas e motivações da nova política</h2>
<p>É importante analisar a justificativa e tentar entender a real motivação que a Google teve ao criar tal política de distribuição. Portanto começamos analisando a fala da Google:</p>
<blockquote cite="https://developer.android.com/developer-verification">"Para tornar o Android mais seguro, estamos protegendo o ambiente aberto que permite que desenvolvedores e usuários criem e se conectem com confiança. A nova verificação de desenvolvedor do Android é uma camada que detém atores maliciosos e faz com que seja mais difícil para que eles espalhem o mau."</blockquote>
<p>Ela argumenta que as novas regras do sistema foram feitas com a intenção de aprimorar a segurança do usuário, evitando que software malicioso seja instalado em dispositivos Android certificados. Outra vez vemos segurança sendo usada como forma de justificar práticas controversas que limitam o poder do usuário final no seu próprio dispositivo. Essa também era a justificativa dada para a prática comprovadamente abusiva de bloqueio de sideloading de apps que levou a Google a perder seu caso no tribunal contra a empresa Epic Games, aqui vemos uma versão mais sofisticada da mesma.</p>
<p>É fácil simpatizar com a empresa quando as palavras são bem colocadas, mas como usuário ávido de softwares alternativos aos das big-techs, eu já vi exemplos de abuso de autoridade suficientes para concluir que as recentes ações da Google não passam de uma forma de recuperar parte, se não todo o controle que ela tinha sobre os dispositivos Android antes do caso mencionado anteriormente.</p>
<p>Um exemplo desses abusos é o caso do software kio-gdrive, que era amplamente utilizado para integrar o Google Drive ao explorador de arquivos do KDE, um ambiente para sistemas Linux. O software foi bloqueado de perguntar para os usuários se eles autorizavam o acesso a sua conta do Google Drive, no lugar do popup de permissão, a Google colocou um aviso informando os usuários que o software legítimo poderia ser malicioso, seguem os relatos dos desenvolvedores:</p>
<blockquote cite="https://bugs.kde.org/show_bug.cgi?id=480779#c54">"Google bloqueou o nosso acesso a essa função em junho porque não conseguimos explicar o nosso uso da API de forma que eles julgam satisfatória. Por causa disso o sistema de permissões agora está bloqueado [...] tornando 25% das KAccounts KCM não funcionais. Remova as permissões [...] para que pelo menos o restante das integrações funcione (pelo menos em teoria)."</blockquote>
<blockquote cite="https://bugs.kde.org/show_bug.cgi?id=480779#c54">"É mais que estúpido (na minha humilde opinião) usuários individuais não poderem indicar que eles concordam com um software específico acessando seus dados supostamente sensíveis!"</blockquote>
<p>Por mais que durante minhas pesquisas eu não tenha achado exatamente quais conversas foram trocadas pelo time de desenvolvedores - e com isso estou dando um grande benefício da dúvida para a Google -, é no mínimo suspeito que a Google não tenha concordado que um software que exerce suas funções primárias dentro do ambiente do Google Drive tem um motivo válido para usufruir do mesmo. Esse não foi um caso único, a Google age nas entrelinhas para controlar o que acontece ou não no Android, como quando apps compilados para versões mais antigas do sistema mostravam um aviso assustador sobre segurança pois mudanças recentes haviam colocado mais barreiras no sistema de permissões, porém os apps antigos não tinham suporte a elas. Um aviso sobre as permissões que seriam dadas ao aplicativo instalado, enfatizando que elas teriam que ser dadas ao aplicativo por ele não suportar as permissões opcionais é razoável, entretanto a mensagem exibida foi bem mais vaga do que deveria ser, o que convenientemente serviu para assustar os usuários que experimentavam sideloading e ajudou a manter o monopólio da Google Play Store.</p>
<p>Falando em avisos assustadores, chegou a hora de falar do Play Protect, um software embutido na Google Play Store que escaneia os apps instalados no seu dispositivo via sideloading e retorna o resultado para a base de dados da Google, uma ideia boa a primeira vista, levando em conta que a empresa respeita a escolha do usuário com o modelo <i>opt-in</i>, questionando o mesmo se ele gostaria de enviar seus apps instalados para a análise. O grande problema aparece quando a diferença entre as mensagens de detecção de malware e as que são acionadas pelo simples fato do software estar desatualizado é tão turva que causa dois efeitos graves, que juntos tornam o serviço de proteção da Google praticamente inútil para o usuário, enquanto mantém o monopólio da Google.</p>
<p>Suponhamos que você está experimentando sideloading pela primeira vez: você tenta instalar uma versão antiga de um software que você gosta. Você recebe a mensagem exacerbada sobre os supostos perigos de instalar o software desatualizado, desiste da instalação e instala a versão atual pela Google Play Store. Assim a Google força, mesmo que indiretamente, mais um usuário a usar sua loja, garantindo os lucrativos 30% de taxa nas transações dos apps.</p>
<p>Agora apresento um segundo cenário hipotético: você é um usuário mais avançado do sistema Android que tem total noção do que se trata o sideloading e adora instalar seus aplicativos de código aberto por fora da Play Store. Porém você clica em um link duvidoso e baixa um arquivo APK malicioso. Na hora de instalar você recebe o aviso do Play Protect, mas ele é tão frequente e exagerado - até mesmo quando nenhum malware foi detectado - que você acaba dispensando-o por já estar acostumado a ter que fazer isso (isso quando o usuário já não desativou ele nas configurações da Play Store). Agora o usuário tem um malware em seu dispositivo, o Play Protect foi inútil.</p>
<p>Em certas situações baixar um software por fora da loja da Google é a única opção, pois existem casos onde o desenvolvedor não quer publicar seu app na Play Store, tanto por questões de privacidade - já que os desenvolvedores são forçados a revelar certos dados pessoais para o público quando publicam seus apps -, quanto pela taxa imposta na publicação e vendas internas do aplicativo, que pode afastar desenvolvedores sustentados puramente por doações dos usuários. Pouco importa o motivo, os usuários devem ser livres para escolher o que roda em seus dispositivos.</p>
<p>De acordo com as informações disponibilizadas até agora, os desenvolvedores não precisarão tornar seus dados públicos caso optem por não distribuir sua aplicação na Play Store, e isso é o mínimo que a Google poderia fazer para tornar as novas políticas de distribuição mais justas para os desenvolvedores. A empresa também afirma que essa verificação não tem o objetivo de verificar o que há dentro da aplicação ou sua finalidade, portanto estaria sendo imposta puramente para barrar a distribuição contínua de malwares, resta ver se a afirmação se sustenta, tendo em vista que isso também pode ser uma ferramenta de abuso de poder conveniente para a Google, como outras serviram nos exemplos citados acima.</p>
<h2>Próximos passos</h2>
<p>Devemos ficar atentos a como essas novas políticas vão ser aplicadas, e como as mesmas afetarão o ecossistema do Android. Uma consequência inevitável das mudanças é que um número inestimável de aplicações abandonadas pelos desenvolvedores, que - se não fosse pelos novos requisitos - seriam perfeitamente funcionais serão perdidas de um dia para o outro. Nem todo software antigo se conecta à internet, nem todo software antigo representa um perigo constante ao usuário. A Google está tirando do usuário experiente a opção de assumir a responsabilidade e dizer: "Eu sei o que estou fazendo!", nos segurando como crianças, como se soubessem o que é melhor para todos.</p>
<p>O Android comercializado nos celulares é baseado no <abbr title="Android Open Source Project">AOSP</abbr>, o que significa que a força vital do Android é aberta, e isso a Google ainda não tirou dos usuários. Portanto pretendo fazer um outro post explicando como você pode recuperar o controle do seu dispositivo por meio de modificações no sistema, da forma mais simples, segura e estável possível, até as formas mais avançadas, caso você se sinta confiante.</p>
</article>
</main>
</div>
</div>
</body>
</html>

70
docs/pt/blog/index.html Normal file
View file

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<title>Adrian Victor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/main.css?fixcache=1">
<script src="/static/scripts/ccd.js"></script>
<script src="/static/scripts/main.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="manifest" href="/static/site.webmanifest">
</head>
<body>
<style>
.bg {
opacity: .4!important;
}
</style>
<div id="everythingHelper">
<img src="/static/images/bear.jpg" class="bg">
<header>
<div>
<h1>Adrian Victor:Blog</h1>
<a id="headerSubtitle"><i>Fanasy is not a crime, find your castle in the sky.</i></a>
</div>
<div id="linksHelper">
<div id="soundDiv" data-title="Stan LePard - Velkommen" data-source="welcome.mp3"></div>
<ul id="headerLinks">
<a href="/pt/">início</a>
<a href="/pt/blog/">blog</a>
</ul>
</div>
</header>
<div id="mainHelper">
<main>
<p><b>Listando Postagens do Blog:</b></p>
<ul>
<li>
<p>
<a href="/posts/verificacao-de-desenvolvedor-no-android/">Sobre as recentes mudanças nos requisitos de distribuição de apps no sistema Android feitas pela Google.</a><br>
Fri Aug 29 2025 21:00:00 GMT-0300 (Brasilia Standard Time)
</p>
</li>
<li>
<p>
<a href="/posts/telnet-pt/">Telnet</a><br>
Tue Aug 26 2025 21:00:00 GMT-0300 (Brasilia Standard Time)
</p>
</li>
</ul>
</main>
</div>
</div>
</body>
</html>

91
docs/pt/index.html Normal file
View file

@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<title>Adrian Victor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/main.css?fixcache=1">
<script src="/static/scripts/ccd.js"></script>
<script src="/static/scripts/main.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="manifest" href="/static/site.webmanifest">
</head>
<body>
<style>
.bg {
opacity: .4!important;
}
</style>
<div id="everythingHelper">
<img src="/static/images/bear.jpg" class="bg">
<header>
<div>
<h1>Adrian Victor</h1>
<a id="headerSubtitle"><i>Fanasy is not a crime, find your castle in the sky.</i></a>
</div>
<div id="linksHelper">
<div id="soundDiv" data-title="Stan LePard - Velkommen" data-source="welcome.mp3"></div>
<ul id="headerLinks">
<a href="/pt/">início</a>
<a href="/pt/blog/">blog</a>
</ul>
</div>
</header>
<div id="mainHelper">
<div id="homeSquares">
</div>
<main>
<script src="/static/scripts/home.js" defer></script>
<noscript><style>
.hs {
display: unset!important;
}
#homeSquares {
display: none;
}
</style></noscript>
<div class="hs" id="hsDefault">
<h1 id="homeTitle">Bem-vindo</h1>
<p>Parece que você encontrou meu website! Olá, sou <b>Adrian Victor</b> (ou <b>tenkuma</b>), um cara brasileiro que gosta de mexer com computadores, programas de computadores e <i>enimatpirtlitemídios</i>.</p>
<h2>Redes Sociais e Contato</h2>
<p>
Estou publicamente disponível no Mastodon <a href='https://mstdn.social/@tenkuma'>(@tenkuma@mstdn.social)</a>,
GitHub <a href='https://github.com/adrianvic'>(adrianvic)</a>,
Disroot Git <a href='https://git.disroot.org/adrianvictor'>(adrianvictor)</a>,
Discord <a href='https://discord.com/users/681643259764015116'>(@adrianvic)</a>,
YouTube <a href='https://www.youtube.com/@adrianvictor8'>(@adrianvictor8)</a>,
BitView <a href='https://www.bitview.net/user/tenkuma'>(tenkuma)</a>,
Modrinth <a href='https://modrinth.com/user/tenkumabear'>(tenkumabear)</a>
e XMPP <a href='xmpp:adrianvictor@disroot.org'>(adrianvictor@disroot.org)</a>.
</p>
<p>Você pode me enviar um correio eletrônico para <a href="mailto:adrianvictor@disroot.org">(adrianvictor@disroot.org)</a> ou me contactar por qualquer outro meio citado acima. Para assuntos relativos a projetos específicos, verifique o campo de contato do projeto, caso não haja um adicione <i>+nomedoprojeto</i> ao meu endereço de E-mail (exemplo: adrianvictor+projetolegal@disroot.org).</p>
<p><i><b>Por favor, evite me contactar por meios não citados acima :)</b></i></p>
</div>
<div class="hs" id="hsMusic">
<h1>Música</h1>
<p>Eu e meus amigos temos uma gravadora de música amadora chamada <span class="margarinaColor">Margarina Records</span>, as coisas andam devagar com meus projetos musicais, geralmente por causa da escola ou falta de conhecimento no campo, mas eu estou dando um jeito.</p>
<p>Você pode conferir minhas músicas mais recentes no <a href="https://margarina-records.rf.gd">site da gravadora</a> e no <a href="https://genius.com/tenkuma">Genius</a>. Você provavelmente vai gostar do trabalho dos outros membros, então dê uma olhada nas outras tracks da MGR.</p>
</div>
<div class="hs" id="hsVideo">
<h1>Vídeos</h1>
<p>Eu tenho um canal no YouTube em que na maioria das vezes eu posto vídeos de Minecraft, mas pretendo expandir a variedade de conteúdos no futuro. Não tenho nenhuma previsão de publicação no meu canal, pois editar os vídeos leva tempo e eu tenho pouco tempo para trabalhar nos meus projetos, você deveria se inscrever se quiser saber quando eu posto meus vídeos!</p>
<p>Aqui está um vídeo aleatório que eu me orgulho de ter postado:</p>
<a href="https://youtu.be/tZLoSxzsfpM" id="youtubeVideo">
<img src="/static/images/youtube_video.jpg" alt="" id="youtubeVideoImage">
<p>Como usar o MCA Selector para juntar mundos do Minecraft Java!</p>
</a>
</div>
<div class="hs" id="hsCode">
<h1>Software</h1>
<p>Estou estudando informática no IFC (SC, Brazil) mas no meu tempo livre tenho projetos como programas de computador, plugins para Minecraft, servidores Minecraft, etc... Todos meus projetos públicos estão disponíveis no meu <a href="https://github.com/adrianvic">perfil do GitHub</a>.</p>
<p>Esses são meus projetos mais notáveis:</p>
<a href="https://github.com/Margarina-not-butter/PestoWiki" class="hsProjectImage"><img src="/static/images/pestowikifullwhite.png" alt="Um desenho digital do topo de um garfo com uma borda preta, à direita um texto branco diz &#39;Pesto Wiki&#39;"></a>
</div>
</main>
</div>
</div>
</body>
</html>

BIN
docs/static/android-chrome-192x192.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
docs/static/android-chrome-512x512.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
docs/static/apple-touch-icon.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
docs/static/favicon-16x16.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 531 B

BIN
docs/static/favicon-32x32.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 968 B

BIN
docs/static/favicon.ico vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

4
docs/static/images/8thNote.svg vendored Normal file
View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="90" height="90">
<path d="M 23.7,87.9 C 18.1,82.8 21.2,74.7 30.4,69.9 C 33.5,68.4 35.8,67.7 39.8,67.8 C 42.3,67.9 45.1,69.3 45.1,69.3 C 45.1,51.2 45.0,17.0 45.0,0.2 C 46.0,0.2 46.7,0.1 48.1,0.1 C 48.1,1.1 48.1,1.9 48.1,2.7 C 48.1,3.6 48.1,4.1 48.2,4.7 C 49.2,11.0 50.6,13.5 57.6,21.2 C 66.5,31.1 69.1,37.0 69.1,44.9 C 69.0,52.3 62.5,68.1 61.1,67.5 C 63.1,61.9 65.9,55.9 66.6,50.9 C 67.5,44.8 65.0,36.2 61.0,31.7 C 57.8,27.9 50.2,24.6 48.1,24.6 C 48.1,24.6 48.0,61.0 48.0,74.8 C 48.0,77.1 45.9,81.2 44.7,82.6 C 39.2,89.2 28.5,92.2 23.7,87.9 z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 669 B

BIN
docs/static/images/android-jellybean.jpg vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 134 KiB

BIN
docs/static/images/androidrecovery.jpg vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 40 KiB

2
docs/static/images/arrow-cursor.svg vendored Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="#000000" d="M123.193 29.635L121 406.18l84.31-82.836 65.87 159.02 67.5-27.96-65.87-159.02L391 294.342z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 332 B

BIN
docs/static/images/bear-fade-old.jpg vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 876 KiB

BIN
docs/static/images/bear-fade.jpg vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 876 KiB

BIN
docs/static/images/bear.jpg vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 642 KiB

4
docs/static/images/cameraroll.svg vendored Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48h-48z" fill="none"/>
<path d="M28 10c0-2.21-1.79-4-4-4h-2v-2c0-1.1-.9-2-2-2h-8c-1.1 0-2 .9-2 2v2h-2c-2.21 0-4 1.79-4 4v30c0 2.21 1.79 4 4 4h16c2.21 0 4-1.79 4-4h16v-30h-16zm-4 26h-4v-4h4v4zm0-18h-4v-4h4v4zm8 18h-4v-4h4v4zm0-18h-4v-4h4v4zm8 18h-4v-4h4v4zm0-18h-4v-4h4v4z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 391 B

7
docs/static/images/file-code.svg vendored Normal file
View file

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve">
<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
<g><g><g><path fill="#000000" d="M43,11.1l-1.2,1.2V128c0,113.2,0,115.7,0.9,116.8l0.9,1.1H128h84.4l0.9-1.1c0.9-1.1,0.9-3.2,0.9-94.5c0-74.1-0.1-93.6-0.6-94.2c-0.3-0.4-13.7-10.9-29.7-23.3l-29.1-22.6l-55.4-0.1L44.1,10L43,11.1z M149.9,42.9v25.3l1.2,1.1c0.6,0.7,1.6,1.2,2.2,1.2c0.6,0,12.8-1.7,27.1-3.8c14.3-2,26.1-3.6,26.3-3.5c0.2,0.1,0.3,39.6,0.3,87.8v87.6H128H48.9V128.1V17.6h50.5h50.5V42.9z M179.7,39.1c20.6,16,21.7,16.9,20.4,17.2c-0.8,0.2-10.6,1.7-21.8,3.3c-16.5,2.3-20.5,2.8-20.8,2.2c-0.6-0.9-0.5-40,0-39.8C157.8,22.1,167.8,29.8,179.7,39.1z"/><path fill="#000000" d="M139.6,95.7c-0.6,0.2-1.2,0.9-1.5,1.3c-0.9,1.6-23.9,87.9-23.9,89.5c0,3.1,4,4.7,6,2.3c0.7-0.8,4.3-13.6,12.7-44.9c6.5-24.1,11.8-44.4,11.8-45.1C144.7,96.5,141.9,94.8,139.6,95.7z"/><path fill="#000000" d="M84.7,130.3c-10.6,5.9-19.6,11-19.9,11.5c-0.7,0.9-0.8,3.4-0.2,4.3c0.9,1.4,39.6,22.5,41.2,22.5c1.5,0,3-1.4,3.4-3.1c0.5-2-1-3.3-6.7-6.5c-19.2-10.5-26.9-14.9-26.6-15.2c0.2-0.2,7.5-4.2,16.1-9c8.7-4.8,16-8.9,16.3-9.2c1.2-1.1,1.2-3.4,0.1-4.8C106.5,118.3,105.7,118.6,84.7,130.3z"/><path fill="#000000" d="M150,120.8c-1.2,1.6-1.3,3.1-0.1,4.4c0.4,0.6,6.3,4,13,7.6c13.7,7.5,19.1,10.5,19.6,11c0.2,0.2-6.7,4.2-15.2,8.9c-8.6,4.7-16.2,9.2-17,9.9c-1.1,1.1-1.3,1.6-1,2.9c0.3,1.8,1.9,3.2,3.5,3.2c1.2,0,38.6-20.4,40.5-22.1c1.3-1.2,1.4-3.6,0.2-5c-0.9-1-9.3-5.8-29.1-16.5C153.1,119,151.7,118.6,150,120.8z"/></g></g></g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
docs/static/images/me.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 136 KiB

BIN
docs/static/images/pestowikifull.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 781 KiB

BIN
docs/static/images/pestowikifullwhite.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 625 KiB

BIN
docs/static/images/redes.jpg vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 479 KiB

BIN
docs/static/images/sound-off.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8 KiB

BIN
docs/static/images/sound-on.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.2 KiB

5
docs/static/images/video.svg vendored Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 52 52" enable-background="new 0 0 52 52" xml:space="preserve">
<path d="M46.9,13.1L35.9,21v-5.6c0-1.5-1.2-2.7-2.7-2.7H4.7c-1.5,0-2.7,1.2-2.7,2.7v21.3c0,1.5,1.2,2.7,2.7,2.7h28.6 c1.5,0,2.7-1.2,2.7-2.7v-5.5L46.9,39c0.7,0.7,1.9,0.2,1.9-0.8V13.9C48.8,12.9,47.6,12.4,46.9,13.1z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 500 B

BIN
docs/static/images/youtube_video.jpg vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 224 KiB

500
docs/static/main.css vendored Normal file
View file

@ -0,0 +1,500 @@
:root {
--theme-color: #4c6d6e;
--theme-color-lighter: #84b9bb;
--theme-color-variation: #22e6ed;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: black;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 1em;
color: white;
}
a {
transition: .2s;
color: lightgray;
text-decoration: none;
}
a:hover {
color: var(--theme-color-lighter);
}
li {
list-style-type: none;
}
header {
display: flex;
border-bottom: thick solid rgba(255, 255, 255, 0.1);
width: 100%;
box-shadow:
2px 7px 5px rgba(0,0,0,0.3),
0px -4px 10px rgba(0,0,0,0.3);
background-color: rgba(0, 0, 0, 0.15);
}
header div {
padding: 1rem;
}
#everythingHelper {
position: relative;
}
#everythingHelper .bg {
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: .5;
width: 100%;
height: auto;
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);
mask-repeat: no-repeat;
mask-size: 100% 100%;
user-select: none;
}
header ul {
transition: .2s;
font-size: larger;
margin: auto 0 auto 0;
padding: 0;
opacity: 0.6;
text-align: right;
}
header ul a {
transition: .2s;
color: white;
}
header ul a:hover {
color: var(--theme-color);
}
header ul:hover {
opacity: 1;
}
#mainHelper {
padding-top: 3rem;
max-width: 50vw;
margin: auto;
display: flex;
}
main {
margin-bottom: 4em;
}
h1, h2, h3 {
text-shadow: 2px 7px 5px rgba(0,0,0,0.3),
0px -4px 10px rgba(0,0,0,0.3);
}
blockquote, main p {
margin-bottom: 1em;
}
main h1, main h2 {
margin-bottom: .5em;
}
main h2 {
margin-top: 1em;
}
b {
color: var(--theme-color-lighter);
font-weight: 600;
}
blockquote {
margin-left: 2.8em;
}
#headerSubtitle {
color: white;
opacity: 0.6;
}
h2 {
font-weight: normal;
color: var(--theme-color-lighter);
}
textarea, input, button {
border: thick solid var(--theme-color-lighter);
background-color: black;
color: white;
padding: 4px;
}
#sound {
height: 1.5em;
filter: invert();
}
#sound:hover {
cursor: pointer;
}
#linksHelper {
margin: auto 1em auto auto;
padding-top: 0;
}
#soundDiv {
margin-left: auto;
inline-size: fit-content;
padding: 0;
padding-top: 1rem;
display: flex;
gap: 10px;
}
#soundDiv p {
margin: 0 auto 0 auto;
}
#headerLinks {
user-select: none;
}
#headerLinks a {
margin-right: .2em;
margin-left: .2em;
}
#headerLinks:last-child {
margin-left: 0;
}
#headerLinks a:first-child {
margin-left: 0;
}
#headerLinks a:last-child {
margin-right: 0;
}
header div:first-child {
margin-bottom: 0;
}
#headerSquareMusic img, #headerSquareVideo img, #headerSquareCode img, #defaultSquare img {
filter: invert();
}
.headerSquare, #defaultSquare {
transition: .4s;
border: medium solid white;
height: 7vh;
overflow: hidden;
width: 10vh;
opacity: .4;
padding: .4em;
cursor: pointer;
user-select: none;
}
.headerSquare img, #defaultSquare img {
width: 100%;
height: auto;
}
.headerSquare:hover, #defaultSquare {
z-index: 1;
/* height: 10vh; */
/* background-color: black; */
}
.headerSquare.selected, #defaultSquare.selected {
opacity: 1;
height: 10vh;
box-shadow:
2px 7px 5px rgba(0,0,0,0.4),
0px -4px 10px rgba(0,0,0,0.4);
background-color: rgba(0, 0, 0, 0.3);
}
#homeSquares {
display: flex;
flex-direction: column;
transition: .4s;
width: fit-content;
height: fit-content;
margin-right: 3vw;
margin-bottom: 3rem;
gap: 10px;
}
div.hs {
display: none;
}
div.hs.selected {
display: unset;
}
.ytembed {
display: block;
margin: auto;
}
.margarinaColor {
color: #ff85e1;
}
.hsProjectImage {
margin: auto;
}
.hsProjectImage img {
height: 10vh;
}
#hsCode {
flex-direction: column;
}
#hsCode.selected {
display: flex;
}
.ellipsis-loader {
animation: 1.8s infinite ellipsis-loader;
display: inline-block;
height: 8px;
overflow: hidden;
position: relative;
width: 140px;
margin: auto;
}
.ellipsis-loader__dot {
animation: 1.8s infinite ellipsis-loader__dot;
background: #FFF;
border-radius: 50%;
float: left;
height: 8px;
position: absolute;
width: 8px;
}
.ellipsis-loader__dot:nth-child(1) {
animation-delay: 0.15s;
left: -13px;
}
.ellipsis-loader__dot:nth-child(2) {
animation-delay: 0.3s;
left: -26px;
}
.ellipsis-loader__dot:nth-child(3) {
animation-delay: 0.45s;
left: -39px;
}
.ellipsis-loader__dot:nth-child(4) {
animation-delay: 0.6s;
left: -52px;
}
#telnetSimulation {
display: flex;
width: 100%;
gap: 10px;
}
#telnetSimulation div {
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
}
#telnetSimulation div textarea {
width: 100%;
resize: none;
height: 300px;
}
#telnetSimulationInput {
display: flex;
}
#telnetSimulationLoadingHolder {
text-align: center;
margin: 10px;
display: none;
flex-direction: column;
}
#youtubeVideo p {
font-size: 2vh;
}
#youtubeVideoImage {
width: 100%;
transition: .3s;
box-shadow:
2px 7px 5px rgba(0,0,0,0.3),
0px -4px 10px rgba(0,0,0,0.3);
}
#youtubeVideoImage:hover {
opacity: .8;
}
#languageList {
font-size: 2vh;
}
#languageList li {
margin-bottom: .5em;
}
#languageList li a {
transition: 1s;
}
.languagesHighlightedLink {
color: var(--theme-color-variation);
}
.fadeIn {
animation: fadeIn .5s ease-in 1 forwards;
}
.fadeOut {
opacity: 1;
animation: fadeOut .5s ease-out 1 forwards;
}
@keyframes ellipsis-loader {
0%, 25% {
transform: translateX(0);
}
100% {
transform: translate(20px);
}
}
@keyframes ellipsis-loader__dot {
0% {
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transform: translateX(0);
}
55% {
animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
opacity: 1;
transform: translateX(98px);
}
75%, 100% {
transform: translateX(212px);
}
90% {
opacity: 0.2;
}
}
@media screen and (max-width: 1280px) {
body {
font-size: 2vh;
}
header {
padding-top: 1.4rem;
text-align: center;
flex-direction: column;
}
header ul {
margin: auto;
margin-bottom: 1.4rem;
}
main {
max-width: 90vw;
}
main h1 {
font-size: 3vh;
}
#headerLinks {
text-align: center;
}
#homeTitle {
font-size: 4vh;
}
#linksHelper {
margin: 0 auto 0 auto;
}
#mainHelper {
flex-direction: column;
max-width: 90vw;
}
#homeSquares {
flex-direction: row;
align-content: center;
justify-content: center;
width: 40vw;
margin-left: auto;
margin-right: auto;
}
.headerSquare, #defaultSquare {
aspect-ratio: 1/1;
height: 100%;
flex-grow: 1;
}
.headerSquare.selected, #defaultSqaure.selected {
height: unset!important;
}
#languageList {
font-size: 2.5vh;
}
#postHeader {
/* border-bottom: 8px dashed rgba(255, 255, 255, 0.1); */
}
}
@media screen and (max-width: 800px) {
#homeSquares {
width: 60vw;
}
}
@media screen and (max-width: 720px) {
#homeSquares {
width: 80vw;
}
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
@keyframes fadeOut {
to {
opacity: 0;
}
}

14
docs/static/scripts/ccd.js vendored Normal file
View file

@ -0,0 +1,14 @@
const konamiCode = ['ArrowUp', 'ArrowUp', 'ArrowDown', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowLeft', 'ArrowRight', 'KeyB', 'KeyA'];
let keyIndex = 0;
document.addEventListener('keydown', function(event) {
if (event.code === konamiCode[keyIndex]) {
keyIndex++;
if (keyIndex === konamiCode.length) {
window.location.href = './toyourdreams.txt'
keyIndex = 0;
}
} else {
keyIndex = 0;
}
});

51
docs/static/scripts/home.js vendored Normal file
View file

@ -0,0 +1,51 @@
const _homeSquares = document.querySelector("#homeSquares");
const main = document.querySelector("main");
let info = [
["Default", "defaultSquare", "arrow-cursor.svg", "Computer cursor arrow line drawing"],
["Music", "headerSquareMusic", "8thNote.svg", "Music note line drawing"],
["Video", "headerSquareVideo", "video.svg", "Video roll line drawing"],
["Code", "headerSquareCode", "file-code.svg", "Computer code file line drawing"]
]
info.forEach(square => {
let rawHTML = `<div class='headerSquare' id='${square[1]}'><img src='/static/images/${square[2]}' alt='${square[3]}'></div>`;
_homeSquares.innerHTML += rawHTML;
});
const homeSquares = document.querySelectorAll(".headerSquare");
let selectedSquare = "defaultSquare";
let selectedSquareDiv;
updateSquare();
homeSquares.forEach(square =>
square.addEventListener('click', () => {
toggleSquare(square);
})
)
function toggleSquare(square) {
if (selectedSquare && (selectedSquare == square.id)) {
return
}
else if (selectedSquare) {
oldSquare = document.getElementById(selectedSquare);
oldSquare.classList.toggle("selected");
document.querySelector(`#${selectedSquareDiv}`).classList.toggle("selected");
}
selectedSquare = square.id;
updateSquare()
}
function getSquareDivByID(id) {
divID = `hs${info.find(item => item[1] === id)[0]}`;
return document.querySelector(`#${divID}`);
}
function updateSquare() {
square = document.getElementById(selectedSquare);
square.classList.toggle("selected");
div = getSquareDivByID(square.id);
selectedSquareDiv = div.id;
div.classList.toggle("selected");
}

37
docs/static/scripts/language.js vendored Normal file
View file

@ -0,0 +1,37 @@
const el = document.getElementById("languageTitle");
const texts = [["Pick a language", "English"], ["Escolha um idioma", "Português Brasileiro"]];
let i = 0;
let fadeTime = 1000;
let holdTime = 2000;
const links = document.querySelectorAll("#languageList li a");
let currentLang = 0;
el.style.transition = `opacity ${fadeTime}ms`;
el.style.opacity = 1;
function cycle() {
el.style.opacity = 0;
removeOldHighlightedLang();
setTimeout(() => {
i = (i + 1) % texts.length;
currentLang = i;
el.textContent = texts[i][0];
el.style.opacity = 1;
setNewHighlightedLang()
}, fadeTime);
}
function removeOldHighlightedLang() {
document.querySelector(".languagesHighlightedLink").classList.remove("languagesHighlightedLink");
}
function setNewHighlightedLang() {
links.forEach(link => {
if (link.innerText == texts[currentLang][1]) {
link.classList.add('languagesHighlightedLink');
}
})
}
setNewHighlightedLang()
setInterval(cycle, fadeTime * 2 + holdTime);

40
docs/static/scripts/main.js vendored Normal file
View file

@ -0,0 +1,40 @@
const toggle = document.querySelector('#soundDiv')
toggle.innerHTML = `<img src="/static/images/sound-on.png" id="sound" onclick="toggleAudio()"><p>${toggle.getAttribute("data-title")}</p>`
const audio = new Audio(`/static/${toggle.getAttribute("data-source")}`);
const toggleIMG = document.querySelector('#sound');
const savedTime = localStorage.getItem("audioTime");
const wasPlaying = localStorage.getItem("audioPlaying") === 'true'
if (savedTime) audio.currentTime = parseFloat(savedTime);
if (wasPlaying) {
play();
} else {
stop();
}
function play() {
audio.play();
localStorage.setItem("audioPlaying", "true")
toggleIMG.src = "/static/images/sound-on.png"
}
function stop() {
audio.pause();
localStorage.setItem("audioPlaying", "false")
toggleIMG.src = "/static/images/sound-off.png"
}
function toggleAudio() {
if (!audio.paused) {
stop();
} else {
play();
}
}
window.addEventListener("beforeunload", () => {
localStorage.setItem("audioTime", audio.currentTime);
localStorage.setItem("audioPlaying", !audio.paused);
});

66
docs/static/scripts/telnetSimulator.js vendored Normal file
View file

@ -0,0 +1,66 @@
const screen = document.getElementById('telnetSimulationClientScreen');
const input = document.getElementById('telnetSimulationInputBox');
const btn = document.getElementById('telnetSimulationClientSend')
const sbtn = document.getElementById('telnetSimulationServerClean');
const sscreen = document.getElementById('telnetSimulationServerScreen');
const loading = document.getElementById("telnetSimulationLoadingHolder")
const loadingText = document.getElementById("telnetSimulationLoadingText")
let loadingms = 2500;
btn.addEventListener('click', () => {
send_command();
})
sbtn.addEventListener('click', () => {
screen.innerHTML = '';
sscreen.innerHTML = '';
})
async function send_command() {
if (!input.value) return;
const command = input.value;
input.value = '';
screen.value += `telnet> ${command}\n`;
await wait(loadingms, "<b>Camada OSI #7 - Aplicação:</b> Usuário digitou o texto na aplicação.");
await wait(loadingms, "<b>Camada OSI #6 - Apresentação:</b> Tradução do comando para um pacote legível para o servidor.");
await wait(loadingms, "<b>Camada OSI #5 - Sessão:</b> Sistema do cliente abre uma conexão com o servidor.");
await wait(loadingms, "<b>Camada OSI #4 - Transporte:</b> Sistema do cliente troca informações com o servidor.");
await wait(loadingms, "<b>Camada OSI #3 - Rede:</b> O sistema do cliente resolve o endereço do servidor.");
await wait(loadingms, "<b>Camada OSI #2 - Enlace de dados:</b> Os frames são entregues ao dispositivo com o endereço MAC correto.");
await wait(loadingms, "<b>Camada OSI #1 - Física:</b> Os dados são transmitidos por cabo, ou via <i>wireless</i>, para o dispositivo de destino.");
process_command(command);
}
async function process_command(command) {
sscreen.value += `Comando recebido: ${command}\n`;
args = command.split(" ");
command = args[0]
args.shift();
await wait(loadingms, "<b>O servidor empacota uma resposta, que também será passada por todas camadas até chegar no cliente.");
switch (command) {
case 'help':
screen.value += `Comandos disponíveis:\nhelp - mostra essa mensagem de ajuda\nping - responde 'pong'\necho [texto] - retorna o texto especificado no comando\ntimeout [milissegundos] - muda o tempo que as mensagens de carregamento da simulação duram`
break;
case 'echo':
screen.value += `Resposta do servidor: ${args.join(' ')}\n`
break;
case 'ping':
screen.value += `Pong!\n`
break;
case 'timeout':
loadingms = args[0]
screen.value += `O tempo das mensagens de carregamento foi mudado para ${args[0]}ms!`
break;
default:
screen.value += `Comando desconhecido! Envie help para ver a lista de comandos.\n`
break;
}
}
async function wait(ms, txt = '') {
const delay = ms => new Promise(res => setTimeout(res, ms));
loadingText.innerHTML = txt;
loading.style.display = "flex"
await delay(ms)
loading.style.display = "none"
}

1
docs/static/site.webmanifest vendored Normal file
View file

@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/static/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/static/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

BIN
docs/static/welcome.mp3 vendored Normal file
View file

Binary file not shown.