fake terminal website

Site de terminal falso (FTW)

Um terminal totalmente personalizável

Visualização

Você pode visualizar uma demonstração ao vivo aqui com um modelo FTW bruto ou meu site pessoal que também usa esse modelo.

Desktop

Móvel

Detalhes técnicos

Esta ferramenta permite criar seu próprio site que se parece com um terminal/console. Para tornar isso possível, foi implementado de maneira dinâmica. Tudo o que você precisa fazer é configurar algumas coisas aqui e ali e você tem sua própria versão.

Funcionalidades

• Site totalmente genérico fácil de personalizar de acordo com as necessidades do usuário
• Suporte de preenchimento automático TAB
• Alguns comandos possíveis do tipo Linux
• Efeito da máquina de escrever ao mostrar um resultado de comando
• Possível pular o efeito da máquina de escrever, dobrando em qualquer lugar
• Sidenav com todos os arquivos para facilitar para as pessoas sem saber como navegar pelo seu site
• Como o site é genérico o suficiente, você pode criar uma função de verificador de idiomas e associar diferentes textos de acordo com o idioma do navegador do usuário (a versão do meu site possui suporte para idiomas português e inglês).

FUTURO (TODO) funcionalidades

• Navegação histórica usando flechas para cima e para baixo
• Peça uma senha ao usar o comando sudo
• email ou comando semelhante que permite ao visitante enviar um email diretamente para o proprietário do site

Limitações

• Nenhum suporte ao Internet Explorer, mostrando a mensagem NOTE: I see you're using internet explorer, this website won't work properly .

Começando

Essas instruções fornecerão uma cópia do projeto em funcionamento em sua máquina local para fins de desenvolvimento e teste. Consulte a implantação para obter notas sobre como implantar o projeto em um sistema ao vivo.

Pré -requisitos

Este modelo foi construído usando o código do Visual Studio, mas como é uma página estática, você pode até usar o Windows Bloco de Bloco de Justiça pré-instalado.

Configurando o site

Antes de implantar o site, considere alterar o seguinte:

• Vá para js/main.js e substitua todo o texto em ambos os vars de singleton:
  • configs : contém todo o texto usado no site, além de algumas configurações.
  • files : Todos os arquivos falsos usados ​​no site. Esses arquivos também são usados ​​para serem listados no Sidenav. Observe também se um conteúdo de arquivo for um URL bruto, quando clicado/concatenado, ele será aberto em uma nova guia.
• O título da página no arquivo index.html .
• A cor do site no arquivo css/main.css .
• As imagens localizadas na pasta img . Os tamanhos sugeridos são 150x150 px para o avatar e 32x32 / 16x16 px para o favicon.

Recursos

• Favicon Favicon de: https://pixabay.com/pt/avatar-menino-desenhos-animados-2027366/

• Fita do github fita github de: https://blog.github.com/2008-12-19-github-ribbons/

Notas

Peço -lhe fortemente um favor: use uma ferramenta ofuscadora para o arquivo JS, para que as pessoas não possam copiar a versão JS do seu site e a única maneira de usar o modelo é visitando este repositório. Esse ofuscador, fornecido pelo DaftLogic, parece realmente ótimo e é o usado para o meu pessoal.

Autores

• Luís Bragança - principalmente tudo