fake terminal website

Fake Terminal Site Web (FTW)

Un terminal entièrement personnalisable

Prévisualisation

Vous pouvez prévisualiser une démo en direct ici avec un modèle FTW brut ou mon site Web personnel qui utilise également ce modèle.

Bureau

Mobile

Détails techniques

Cet outil vous permet de créer votre propre site Web qui ressemble à un terminal / console. Pour rendre cela possible, il a été implémenté de manière dynamique. Tout ce que vous avez à faire est de configurer quelques choses ici et là et vous avez votre propre version.

Fonctionnalités

• Site Web entièrement générique facile à personnaliser en fonction des besoins de l'utilisateur
• TAB Prise en charge de la complétion automatique
• Quelques commandes possibles de type Linux
• Effet de dactylographie lors de l'affichage d'un résultat de commande
• Possible de sauter l'effet de machine à écrire en double-cliquant n'importe où
• Sidenav avec tous les fichiers pour faciliter la navigation pour les personnes sans savoir-faire sur votre site Web
• Étant donné que le site Web est suffisamment générique, vous pouvez créer une fonction de vérification de la langue et associer différents textes en fonction de la langue du navigateur de l'utilisateur (la version de mon site Web prend en charge les langues portugais et anglaises).

Fonctionnalités futures (todo)

• Navigation historique à l'aide de flèches de haut en bas
• Demandez un mot de passe lorsque vous utilisez la commande sudo
• email ou commande similaire qui permet au visiteur d'envoyer un e-mail directement au propriétaire du site Web

Limites

• Aucune prise en charge pour Internet Explorer, montrant la NOTE: I see you're using internet explorer, this website won't work properly .

Commencer

Ces instructions vous procureront une copie du projet opérationnel sur votre machine locale à des fins de développement et de test. Voir le déploiement pour des notes sur la façon de déployer le projet sur un système en direct.

Condition préalable

Ce modèle a été construit à l'aide du code Visual Studio, mais comme il s'agit d'une page Web statique, vous pouvez même utiliser le bloc-notes Windows préinstallé.

Configuration du site Web

Avant de déployer le site Web, envisagez de modifier ce qui suit:

• Accédez à js/main.js et remplacez tout le texte sur les deux singleton VARS:
  • configs : contient tout le texte utilisé sur le site Web et quelques configurations.
  • files : tous les faux fichiers utilisés sur le site Web. Ces fichiers sont également utilisés pour être répertoriés sur le Sidenav. Veuillez également noter que si un contenu de fichier est une URL brute, lorsqu'il est cliqué / concaténé, il sera ouvert sur un nouvel onglet.
• Le titre de la page sur le fichier index.html .
• La couleur du site Web sur le fichier css/main.css .
• Les images situées dans le dossier img . Les tailles suggérées sont 150x150 px pour l'avatar et 32x32 / 16x16 px pour le favicon.

Ressources

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

• Ruban github ruban github de: https://blog.github.com/2008-12-19-github-ralibons/

Notes

Je vous demande fortement une faveur: veuillez utiliser un outil Obfuscator pour le fichier JS, de cette façon, les gens ne pourront pas copier la version JS de votre site Web et la seule façon dont ils peuvent utiliser le modèle est de visiter ce référentiel. Cet obscurcisseur, fourni par Daftlogic, a l'air vraiment super et est celui utilisé pour mon personnel personnel.

Auteurs

• Luís Bragança - surtout tout