fake terminal website

偽ターミナルウェブサイト（FTW）

完全にカスタマイズ可能な端子様ウェブサイト

プレビュー

ここでは、このテンプレートを使用する生のFTWテンプレートまたは私の個人Webサイトでライブデモをプレビューできます。

デスクトップ

携帯

技術的な詳細

このツールを使用すると、ターミナル/コンソールのように見える独自のWebサイトを構築できます。これを可能にするために、それは動的な方法で実装されました。あなたがしなければならないのは、あちこちでいくつかのことを構成することだけで、あなたはあなた自身のバージョンを持っています。

機能

• 完全に一般的なWebサイトユーザーのニーズに応じてカスタマイズしやすい
• TABコンプリートサポート
• いくつかのLinuxのような可能なコマンド
• コマンド結果を表示するときのタイプライター効果
• どこにでも二重競技でタイプライター効果をスキップすることができます
• すべてのファイルを備えたsidenavは、ノウハウのない人があなたのウェブサイトをナビゲートできるようにするためにそれを簡単にするために
• ウェブサイトは十分に一般的であるため、言語チェッカー関数を作成し、ユーザーのブラウザ言語に従って異なるテキストを関連付けることができます（私のウェブサイトバージョンはポルトガル語と英語の両方にサポートされています）。

Future（TODO）機能

• 矢印を使用した履歴ナビゲーション
• sudoコマンドを使用するときは、パスワードを尋ねます
• 訪問者がウェブサイトの所有者に直接メールを送信できるようにするemailまたは同様のコマンド

制限

• メッセージを表示するインターネットエクスプローラーのサポートはありませんNOTE: I see you're using internet explorer, this website won't work properly 。

はじめる

これらの指示により、プロジェクトのコピーを作成して、開発とテストの目的でローカルマシンで実行します。ライブシステムにプロジェクトを展開する方法に関するメモの展開を参照してください。

前提条件

このテンプレートはVisual Studioコードを使用して構築されましたが、静的なWebページであるため、事前にインストールされたWindows Notepadを使用することもできます。

ウェブサイトの構成

ウェブサイトを展開する前に、次のことを変更することを検討してください。

• js/main.jsに移動し、両方のシングルトンvarのすべてのテキストを置き換えます。
  • configs ：Webサイトで使用されるすべてのテキストといくつかの構成が含まれています。
  • files ：Webサイトで使用されるすべての偽ファイル。これらのファイルは、sidenavにリストされるためにも使用されます。また、ファイルコンテンツが生のURLである場合、クリック/連結すると新しいタブで開かれます。
• index.htmlファイルのページタイトル。
• css/main.cssファイルのWebサイトの色。
• imgフォルダーにある画像。推奨されるサイズは、アバターでは150x150 px、ファビコンでは32x32 / 16x16 pxです。

リソース

• Favicon Favicon from：https：//pixabay.com/pt/avatar-menino-desenhos-animados-2027366/

• Github Ribbon Github Ribbon from：https：//blog.github.com/2008-12-19-github-ribbons/

メモ

強くお願いします。JSファイルにObfuscatorツールを使用してください。そうすれば、人々はあなたのウェブサイトのバージョンJSをコピーすることができなくなり、テンプレートを使用できる唯一の方法はこのリポジトリにアクセスすることです。 Daftlogicが提供するこのObfuscatorは、本当に素晴らしく見え、私の個人的なものに使用されているものです。

著者

• LuísBragança-ほとんどすべて