fake terminal website

Sitio web de terminal falso (FTW)

Un sitio de metal terminal totalmente personalizable

Avance

Puede obtener una vista previa de una demostración en vivo aquí con una plantilla FTW en bruto o mi sitio web personal que también usa esta plantilla.

De oficina

Móvil

Detalle técnico

Esta herramienta le permite construir su propio sitio web que parezca una terminal/consola. Para hacer esto posible, se implementó de manera dinámica. Todo lo que tiene que hacer es configurar algunas cosas aquí y allá y tiene su propia versión.

Funcionalidades

• Sitio web totalmente genérico fácil de personalizar de acuerdo con las necesidades del usuario
• Soporte de Autocompletión TAB
• Algunos comandos posibles similares a Linux
• Efecto de la máquina de escribir cuando se muestra un resultado de comando
• Posible omitir el efecto de la máquina de escribir duplicando en cualquier lugar
• Sidenav con todos los archivos para facilitar las personas sin conocimiento de su sitio web
• Dado que el sitio web es lo suficientemente genérico, puede crear una función de comprobante de idiomas y asociar diferentes textos de acuerdo con el idioma del navegador del usuario (la versión de mi sitio web tiene soporte para los idiomas portugueses e ingleses).

Funcionalidades futuras (TODO)

• Historia de navegación utilizando flechas hacia arriba y hacia abajo
• Solicite una contraseña cuando use el comando sudo
• email o comando similar que permite al visitante enviar un correo electrónico directamente al propietario del sitio web

Limitaciones

• No hay soporte para Internet Explorer, mostrando el mensaje NOTE: I see you're using internet explorer, this website won't work properly .

Empezando

Estas instrucciones le darán una copia del proyecto en funcionamiento en su máquina local para fines de desarrollo y prueba. Consulte la implementación de notas sobre cómo implementar el proyecto en un sistema en vivo.

Requisitos previos

Esta plantilla se construyó utilizando el código Visual Studio, pero como es una página web estática, incluso puede usar el bloc de notas de Windows preinstalado.

Configuración del sitio web

Antes de implementar el sitio web, considere cambiar lo siguiente:

• Vaya a js/main.js y reemplace todo el texto en ambos Vars singleton:
  • configs : contiene todo el texto utilizado en el sitio web más algunas configuraciones.
  • files : todos los archivos falsos utilizados en el sitio web. Estos archivos también se usan en el Sidenav. También tenga en cuenta si un contenido de archivo es una URL sin procesar, cuando se hace clic/concatene, se abrirá en una nueva pestaña.
• El título de la página en el archivo index.html .
• El color del sitio web en el archivo css/main.css .
• Las imágenes ubicadas en la carpeta img . Los tamaños sugeridos son 150x150 PX para el avatar y 32x32 / 16x16 PX para el favicon.

Recursos

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

• Cinta de github cinta de github de: https://blog.github.com/2008-12-19-github-ribbons/

Notas

Le pregunto firmemente un favor: utilice una herramienta de obfuscador para el archivo JS, de esa manera las personas no podrán copiar la versión JS de su sitio web y la única forma en que pueden usar la plantilla es visitar este repositorio. Este ofuscador, proporcionado por DaftLogic, se ve realmente genial y es el que se usa para mi personal.

Autores

• Luís Bragança - sobre todo todo