Skip to content
an old terminal template for html pages
Branch: master
Clone or download
Latest commit 7864336 Jun 22, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css add orange on black color scheme Jun 22, 2019
js add orange on black color scheme Jun 22, 2019
LICENSE Create LICENSE Jun 20, 2019
README.md add orange on black color scheme Jun 22, 2019
favicon.png add local font Jun 19, 2019
index.html add orange on black color scheme Jun 22, 2019
screenshot.png add readme Jun 20, 2019
screenshot2.png add black on green color style Jun 20, 2019
screenshot3.png add orange on black color scheme Jun 22, 2019

README.md

Old Terminal

An old terminal HTML/JS/CSS template I've been working on. Live version

white_on_blue

green_on_black

orange_on_black

Documentation

Changing font to 'Px Plus VGA Square Px'.

<link rel="stylesheet" type="text/css" href="css/PxPlusVGASquarePx.css" />

Changing font to 'Press Start 2P'.

<link rel="stylesheet" type="text/css" href="css/PressStart2P.css" />

Chaging color style to green on black.

<link rel="stylesheet" type="text/css" href="css/green_on_black.css" />

Chaging color style to white on blue.

<link rel="stylesheet" type="text/css" href="css/white_on_blue.css" />

Chaging color style to orange on black.

<link rel="stylesheet" type="text/css" href="css/orange_on_black.css" />

Creating a menu bar.

<div id="menu_bar"></div>

Defining where the text will show.

<div id="main_content"></div>

Adding items to the menu bar.

<div id="menu_bar">
  
  <div id="file" class="menu">
    <!-- Title //-->
    <span class="menu_item">File</span> 
    <div id="file_content" class="content">
      <ul>
        <!-- Sub Menus //-->
        <li id="init"><span> Init </span></li> 
        <li id="file1"><span> File 1 </span></li>
        <li id="file2"><span> File 2 </span></li>
      </ul>
    </div>
  </div>
  
</div>

Adding content to the menu item .

<div id="init_page" class="page">
<p>Hello World!</p>
<p>Good to see you.</p>
</div>

<div id="file1_page" class="page">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Integer nec odio. Praesent libero.</p>
</div>

<div id="file2_page" class="page">
<p>Praesent mauris. Fusce nec tellus sed augue semper porta.</p>
<p>Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
</div>
You can’t perform that action at this time.