fake terminal website

Gefälschte Terminal -Website (FTW)

Ein vollständig anpassbarer terminalähnlicher Websität

Vorschau

Sie können hier eine Live -Demo mit einer RAW -FTW -Vorlage oder meiner persönlichen Website vorschauen, die auch diese Vorlage verwendet.

Desktop

Mobile

Technische Details

Mit diesem Tool können Sie eine eigene Website erstellen, die wie eine Terminal/Konsole aussieht. Um dies zu ermöglichen, wurde es dynamisch implementiert. Alles, was Sie tun müssen, ist, hier und da ein paar Dinge zu konfigurieren, und Sie haben Ihre eigene Version.

Funktionen

• Eine vollständige generische Website leicht an die Anforderungen des Benutzers anzupassen
• TAB Autokapostion -Unterstützung
• Ein paar linuxähnliche mögliche Befehle
• Schreibmaschineneffekt bei der Anzeige eines Befehlsergebnisses
• Möglich
• SIDENAV mit allen Dateien, um Menschen ohne Know-how leicht durch Ihre Website zu navigieren
• Da die Website generisch genug ist, können Sie eine Sprachprüfungsfunktion erstellen und verschiedene Texte gemäß der Browsersprache des Benutzers in Verbindung bringen (meine Website-Version bietet Unterstützung sowohl für portugiesische als auch für englische Sprachen).

Zukünftige Funktionen (TODO)

• Verlaufsnavigation mit Auf- und Ab -Pfeilen
• Fragen Sie nach einem Passwort, wenn Sie sudo -Befehl verwenden
• email oder einen ähnlichen Befehl, mit dem der Besucher eine E -Mail direkt an den Website -Eigentümer senden kann

Einschränkungen

• Keine Unterstützung für den Internet Explorer, angezeigt die Nachricht NOTE: I see you're using internet explorer, this website won't work properly .

Erste Schritte

Mit diesen Anweisungen werden Sie für die Entwicklung und Testzwecke eine Kopie des Projekts auf Ihrer lokalen Maschine in Betrieb genommen. Bereitstellungen finden Sie in Notes zum Bereitstellen des Projekts in einem Live -System.

Voraussetzungen

Diese Vorlage wurde mit Visual Studio-Code erstellt, aber da es sich um eine statische Webseite handelt, können Sie sogar den vorinstallierten Windows-Notepad verwenden.

Konfigurieren der Website

Bevor Sie die Website bereitstellen, sollten Sie Folgendes ändern:

• Gehen Sie zu js/main.js und ersetzen Sie den gesamten Text auf beiden Singleton -Vars:
  • configs : Enthält alle auf der Website verwendeten Text und einige Konfigurationen.
  • files : Alle auf der Website verwendeten gefälschten Dateien. Diese Dateien werden auch verwendet, um am Sidenav aufgeführt zu werden. Bitte beachten Sie auch, ob ein Dateiinhalt eine Roh -URL ist. Wenn Sie klicken/verkettet sind, wird sie auf einer neuen Registerkarte geöffnet.
• Der Seitentitel in der index.html -Datei.
• Die Website -Farbe in der Datei css/main.css .
• Die Bilder im img -Ordner. Die vorgeschlagenen Größen betragen 150x150 PX für den Avatar und 32x32 / 16x16 PX für das Favicon.

Ressourcen

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

• Github Ribbon Github Ribbon von: https://blog.github.com/2008-12-19-github-ribbons/

Notizen

Ich frage Sie nachdrücklich um einen Gefallen: Bitte verwenden Sie ein Obfuscator -Tool für die JS -Datei. Auf diese Weise können die Leute die Version JS Ihrer Website nicht kopieren und die einzige Art und Weise, wie sie die Vorlage verwenden können, besteht darin, dieses Repository zu besuchen. Dieser von DaftLogic bereitgestellte Obfuscator sieht wirklich toll aus und ist derjenige, der für meine persönliche verwendet wird.

Autoren

• Luís Bragança - meistens alles