fake terminal website

가짜 터미널 웹 사이트 (FTW)

완전히 사용자 정의 할 수있는 터미널과 유사한 중위

시사

원시 FTW 템플릿 또는이 템플릿을 사용하는 개인 웹 사이트로 라이브 데모를 미리 볼 수 있습니다.

데스크탑

이동하는

기술적 인 세부 사항

이 도구를 사용하면 터미널/콘솔처럼 보이는 자체 웹 사이트를 구축 할 수 있습니다. 이를 가능하게하기 위해 역동적 인 방식으로 구현되었습니다. 여기저기서 몇 가지 사항을 구성하는 것만으로도 자신의 버전이 있습니다.

기능

• 사용자의 요구에 따라 사용자 정의하기 쉬운 완전한 일반 웹 사이트
• TAB 자동 완성 지원
• 몇 가지 Linux와 같은 가능한 명령
• 명령 결과를 보여줄 때 타이핑 리터 효과
• 어디서나 더블 클릭하여 타자기 효과를 건너 뛸 수 있습니다
• 노하우가없는 사람들이 웹 사이트를 쉽게 탐색 할 수 있도록 모든 파일을 갖추고 있습니다.
• 웹 사이트는 일반적이기 때문에 언어 체커 기능을 만들고 사용자의 브라우저 언어에 따라 다른 텍스트를 연관시킬 수 있습니다 (내 웹 사이트 버전은 포르투갈어 및 영어를 지원합니다).

미래 (TODO) 기능

• 위아래로 화살표를 사용한 기록 내비게이션
• sudo 명령을 사용할 때 암호를 요청하십시오
• 방문자가 웹 사이트 소유자에게 직접 이메일을 보낼 수있는 email 또는 유사한 명령

제한

• 인터넷 익스플로러에 대한 지원이없고 메시지 NOTE: I see you're using internet explorer, this website won't work properly .

시작하기

이 지침을 통해 개발 및 테스트 목적으로 로컬 컴퓨터에서 프로젝트 사본을 실행할 수 있습니다. 라이브 시스템에 프로젝트를 배포하는 방법에 대한 메모는 배포를 참조하십시오.

전제 조건

이 템플릿은 Visual Studio Code를 사용하여 구축되었지만 정적 웹 페이지이므로 사전 설치된 Windows 메모장을 사용할 수도 있습니다.

웹 사이트 구성

웹 사이트를 배포하기 전에 다음을 변경하는 것을 고려하십시오.

• js/main.js 로 이동하여 싱글 톤 vars의 모든 텍스트를 교체하십시오.
  • configs : 웹 사이트에 사용 된 모든 텍스트와 몇 가지 구성이 포함되어 있습니다.
  • files : 웹 사이트에 사용 된 모든 가짜 파일. 이 파일은 Sidenav에도 나열되어 있습니다. 또한 파일 컨텐츠가 원시 URL인지 확인하십시오. 클릭/연결하면 새 탭에서 열립니다.
• index.html 파일의 페이지 제목입니다.
• css/main.css 파일의 웹 사이트 색상.
• img 폴더에있는 이미지. 제안 된 크기는 아바타의 경우 150x150 px, Favicon의 경우 32x32 / 16x16 px입니다.

자원

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

• github 리본 Github 리본에서 : https://blog.github.com/2008-12-19-github-ribbons/

메모

호의를 강력히 묻습니다. JS 파일에 Obfuscator 도구를 사용 하십시오 . 사람들이 귀하의 웹 사이트 버전 JS를 복사 할 수 없으며 템플릿을 사용할 수있는 유일한 방법은이 저장소를 방문하는 것입니다. Daftlogic이 제공하는이 난독자는 정말 멋지게 보이며 내 개인에 사용되는 것입니다.

저자

• Luís Bragança- 대부분 모든 것