Add styles

This commit is contained in:
g1n 2021-10-15 12:18:37 +03:00
parent aca78661bd
commit b4d0f5d108
4 changed files with 662 additions and 5 deletions

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
*#*
*~

623
index.html Normal file
View File

@ -0,0 +1,623 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>ocpu</title>
<meta name="generator" content="Org mode" />
<style type="text/css">
<!--/*--><![CDATA[/*><!--*/
.title { text-align: center;
margin-bottom: .2em; }
.subtitle { text-align: center;
font-size: medium;
font-weight: bold;
margin-top:0; }
.todo { font-family: monospace; color: red; }
.done { font-family: monospace; color: green; }
.priority { font-family: monospace; color: orange; }
.tag { background-color: #eee; font-family: monospace;
padding: 2px; font-size: 80%; font-weight: normal; }
.timestamp { color: #bebebe; }
.timestamp-kwd { color: #5f9ea0; }
.org-right { margin-left: auto; margin-right: 0px; text-align: right; }
.org-left { margin-left: 0px; margin-right: auto; text-align: left; }
.org-center { margin-left: auto; margin-right: auto; text-align: center; }
.underline { text-decoration: underline; }
#postamble p, #preamble p { font-size: 90%; margin: .2em; }
p.verse { margin-left: 3%; }
pre {
border: 1px solid #ccc;
box-shadow: 3px 3px 3px #eee;
padding: 8pt;
font-family: monospace;
overflow: auto;
margin: 1.2em;
}
pre.src {
position: relative;
overflow: auto;
padding-top: 1.2em;
}
pre.src:before {
display: none;
position: absolute;
background-color: white;
top: -10px;
right: 10px;
padding: 3px;
border: 1px solid black;
}
pre.src:hover:before { display: inline; margin-top: 14px;}
/* Languages per Org manual */
pre.src-asymptote:before { content: 'Asymptote'; }
pre.src-awk:before { content: 'Awk'; }
pre.src-C:before { content: 'C'; }
/* pre.src-C++ doesn't work in CSS */
pre.src-clojure:before { content: 'Clojure'; }
pre.src-css:before { content: 'CSS'; }
pre.src-D:before { content: 'D'; }
pre.src-ditaa:before { content: 'ditaa'; }
pre.src-dot:before { content: 'Graphviz'; }
pre.src-calc:before { content: 'Emacs Calc'; }
pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
pre.src-fortran:before { content: 'Fortran'; }
pre.src-gnuplot:before { content: 'gnuplot'; }
pre.src-haskell:before { content: 'Haskell'; }
pre.src-hledger:before { content: 'hledger'; }
pre.src-java:before { content: 'Java'; }
pre.src-js:before { content: 'Javascript'; }
pre.src-latex:before { content: 'LaTeX'; }
pre.src-ledger:before { content: 'Ledger'; }
pre.src-lisp:before { content: 'Lisp'; }
pre.src-lilypond:before { content: 'Lilypond'; }
pre.src-lua:before { content: 'Lua'; }
pre.src-matlab:before { content: 'MATLAB'; }
pre.src-mscgen:before { content: 'Mscgen'; }
pre.src-ocaml:before { content: 'Objective Caml'; }
pre.src-octave:before { content: 'Octave'; }
pre.src-org:before { content: 'Org mode'; }
pre.src-oz:before { content: 'OZ'; }
pre.src-plantuml:before { content: 'Plantuml'; }
pre.src-processing:before { content: 'Processing.js'; }
pre.src-python:before { content: 'Python'; }
pre.src-R:before { content: 'R'; }
pre.src-ruby:before { content: 'Ruby'; }
pre.src-sass:before { content: 'Sass'; }
pre.src-scheme:before { content: 'Scheme'; }
pre.src-screen:before { content: 'Gnu Screen'; }
pre.src-sed:before { content: 'Sed'; }
pre.src-sh:before { content: 'shell'; }
pre.src-sql:before { content: 'SQL'; }
pre.src-sqlite:before { content: 'SQLite'; }
/* additional languages in org.el's org-babel-load-languages alist */
pre.src-forth:before { content: 'Forth'; }
pre.src-io:before { content: 'IO'; }
pre.src-J:before { content: 'J'; }
pre.src-makefile:before { content: 'Makefile'; }
pre.src-maxima:before { content: 'Maxima'; }
pre.src-perl:before { content: 'Perl'; }
pre.src-picolisp:before { content: 'Pico Lisp'; }
pre.src-scala:before { content: 'Scala'; }
pre.src-shell:before { content: 'Shell Script'; }
pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
/* additional language identifiers per "defun org-babel-execute"
in ob-*.el */
pre.src-cpp:before { content: 'C++'; }
pre.src-abc:before { content: 'ABC'; }
pre.src-coq:before { content: 'Coq'; }
pre.src-groovy:before { content: 'Groovy'; }
/* additional language identifiers from org-babel-shell-names in
ob-shell.el: ob-shell is the only babel language using a lambda to put
the execution function name together. */
pre.src-bash:before { content: 'bash'; }
pre.src-csh:before { content: 'csh'; }
pre.src-ash:before { content: 'ash'; }
pre.src-dash:before { content: 'dash'; }
pre.src-ksh:before { content: 'ksh'; }
pre.src-mksh:before { content: 'mksh'; }
pre.src-posh:before { content: 'posh'; }
/* Additional Emacs modes also supported by the LaTeX listings package */
pre.src-ada:before { content: 'Ada'; }
pre.src-asm:before { content: 'Assembler'; }
pre.src-caml:before { content: 'Caml'; }
pre.src-delphi:before { content: 'Delphi'; }
pre.src-html:before { content: 'HTML'; }
pre.src-idl:before { content: 'IDL'; }
pre.src-mercury:before { content: 'Mercury'; }
pre.src-metapost:before { content: 'MetaPost'; }
pre.src-modula-2:before { content: 'Modula-2'; }
pre.src-pascal:before { content: 'Pascal'; }
pre.src-ps:before { content: 'PostScript'; }
pre.src-prolog:before { content: 'Prolog'; }
pre.src-simula:before { content: 'Simula'; }
pre.src-tcl:before { content: 'tcl'; }
pre.src-tex:before { content: 'TeX'; }
pre.src-plain-tex:before { content: 'Plain TeX'; }
pre.src-verilog:before { content: 'Verilog'; }
pre.src-vhdl:before { content: 'VHDL'; }
pre.src-xml:before { content: 'XML'; }
pre.src-nxml:before { content: 'XML'; }
/* add a generic configuration mode; LaTeX export needs an additional
(add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
pre.src-conf:before { content: 'Configuration File'; }
table { border-collapse:collapse; }
caption.t-above { caption-side: top; }
caption.t-bottom { caption-side: bottom; }
td, th { vertical-align:top; }
th.org-right { text-align: center; }
th.org-left { text-align: center; }
th.org-center { text-align: center; }
td.org-right { text-align: right; }
td.org-left { text-align: left; }
td.org-center { text-align: center; }
dt { font-weight: bold; }
.footpara { display: inline; }
.footdef { margin-bottom: 1em; }
.figure { padding: 1em; }
.figure p { text-align: center; }
.equation-container {
display: table;
text-align: center;
width: 100%;
}
.equation {
vertical-align: middle;
}
.equation-label {
display: table-cell;
text-align: right;
vertical-align: middle;
}
.inlinetask {
padding: 10px;
border: 2px solid gray;
margin: 10px;
background: #ffffcc;
}
#org-div-home-and-up
{ text-align: right; font-size: 70%; white-space: nowrap; }
textarea { overflow-x: auto; }
.linenr { font-size: smaller }
.code-highlighted { background-color: #ffff00; }
.org-info-js_info-navigation { border-style: none; }
#org-info-js_console-label
{ font-size: 10px; font-weight: bold; white-space: nowrap; }
.org-info-js_search-highlight
{ background-color: #ffff00; color: #000000; font-weight: bold; }
.org-svg { width: 90%; }
/*]]>*/-->
</style>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script type="text/javascript">
// @license magnet:?xt=urn:btih:e95b018ef3580986a04669f1b5879592219e2a7a&dn=public-domain.txt Public Domain
<!--/*--><![CDATA[/*><!--*/
function CodeHighlightOn(elem, id)
{
var target = document.getElementById(id);
if(null != target) {
elem.classList.add("code-highlighted");
target.classList.add("code-highlighted");
}
}
function CodeHighlightOff(elem, id)
{
var target = document.getElementById(id);
if(null != target) {
elem.classList.remove("code-highlighted");
target.classList.remove("code-highlighted");
}
}
/*]]>*///-->
// @license-end
</script>
</head>
<body>
<div id="content">
<h1 class="title">ocpu</h1>
<div id="outline-container-orgf884f54" class="outline-2">
<h2 id="orgf884f54">GRU ocpu - yet another cpu design</h2>
<div class="outline-text-2" id="text-orgf884f54">
</div>
<div id="outline-container-orgc253b03" class="outline-3">
<h3 id="orgc253b03">Features</h3>
<div class="outline-text-3" id="text-orgc253b03">
<ul class="org-ul">
<li>little endian</li>
<li>8-bit (maybe will be changed in future)</li>
</ul>
</div>
</div>
<div id="outline-container-orgd42b4ad" class="outline-3">
<h3 id="orgd42b4ad">Registers</h3>
<div class="outline-text-3" id="text-orgd42b4ad">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="org-left" />
<col class="org-left" />
<col class="org-left" />
</colgroup>
<thead>
<tr>
<th scope="col" class="org-left">Register</th>
<th scope="col" class="org-left">Category</th>
<th scope="col" class="org-left">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="org-left">A</td>
<td class="org-left">General</td>
<td class="org-left">0x0A</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">B</td>
<td class="org-left">General</td>
<td class="org-left">0x0B</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">C</td>
<td class="org-left">General</td>
<td class="org-left">0x0C</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">D</td>
<td class="org-left">&#xa0;</td>
<td class="org-left">0x0D</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">E</td>
<td class="org-left">&#xa0;</td>
<td class="org-left">0x0E</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">F</td>
<td class="org-left">&#xa0;</td>
<td class="org-left">0x0F</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">PC</td>
<td class="org-left">Pointer</td>
<td class="org-left">Program Counter</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">SP</td>
<td class="org-left">Poiner</td>
<td class="org-left">Stack Pointer</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">ZF</td>
<td class="org-left">Flag</td>
<td class="org-left">Zero Flag</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">NF</td>
<td class="org-left">Flag</td>
<td class="org-left">Negative Flag</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">CF</td>
<td class="org-left">Flag</td>
<td class="org-left">Carry Flag</td>
</tr>
<tr>
<td class="org-left">&#xa0;</td>
<td class="org-left">&#xa0;</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">OF</td>
<td class="org-left">Flag</td>
<td class="org-left">Overflow Flag</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="outline-container-org4e18f52" class="outline-3">
<h3 id="org4e18f52">Instuctions</h3>
<div class="outline-text-3" id="text-org4e18f52">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="org-left" />
<col class="org-right" />
<col class="org-left" />
</colgroup>
<thead>
<tr>
<th scope="col" class="org-left">Instructions</th>
<th scope="col" class="org-right">Opcode</th>
<th scope="col" class="org-left">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="org-left">MOV</td>
<td class="org-right">0x01</td>
<td class="org-left">Place value to register.</td>
</tr>
<tr>
<td class="org-left">&#xa0;</td>
<td class="org-right">&#xa0;</td>
<td class="org-left">Takes 2 bytes as arguments:</td>
</tr>
<tr>
<td class="org-left">&#xa0;</td>
<td class="org-right">&#xa0;</td>
<td class="org-left">1 - Opcode of register</td>
</tr>
<tr>
<td class="org-left">&#xa0;</td>
<td class="org-right">&#xa0;</td>
<td class="org-left">2 - Value</td>
</tr>
<tr>
<td class="org-left">&#xa0;</td>
<td class="org-right">&#xa0;</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">ADD</td>
<td class="org-right">0x10</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">ADC</td>
<td class="org-right">0x11</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">SUB</td>
<td class="org-right">0x12</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">MUL</td>
<td class="org-right">0x13</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">DIV</td>
<td class="org-right">0x14</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">INC</td>
<td class="org-right">0x15</td>
<td class="org-left">Increment</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">DEC</td>
<td class="org-right">0x16</td>
<td class="org-left">Decrement</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">AND</td>
<td class="org-right">0x20</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">OR</td>
<td class="org-right">0x21</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">NOR</td>
<td class="org-right">0x22</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">XOR</td>
<td class="org-right">0x23</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">NAND</td>
<td class="org-right">0x24</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">CMP</td>
<td class="org-right">0x25</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">PUSH</td>
<td class="org-right">0x30</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">POP</td>
<td class="org-right">0x31</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">JMP</td>
<td class="org-right">0x40</td>
<td class="org-left">&#xa0;</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">JSR</td>
<td class="org-right">0x41</td>
<td class="org-left">Jump to subroutine</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">JC</td>
<td class="org-right">0x42</td>
<td class="org-left">Jump with carry</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">JNC</td>
<td class="org-right">0x43</td>
<td class="org-left">Jump without carry</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">JZ</td>
<td class="org-right">0x44</td>
<td class="org-left">Jump if zero</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">JNZ</td>
<td class="org-right">0x45</td>
<td class="org-left">Jump if non-zero</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">RTS</td>
<td class="org-right">0x42</td>
<td class="org-left">Return from subroutine</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">INB</td>
<td class="org-right">0x50</td>
<td class="org-left">Copies value from I/O port to destination</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">OUTB</td>
<td class="org-right">0x51</td>
<td class="org-left">Copies value from operand to I/O port</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="org-left">NOP</td>
<td class="org-right">0x90</td>
<td class="org-left">No operation</td>
</tr>
</tbody>
</table>
<p>
0x0* - MOV instructions (maybe it will for LDA or something)
</p>
<p>
0x1* - Arithmetic (ADD, SUB and others)
</p>
<p>
0x2* - Logic (AND, OR and others)
</p>
<p>
0x3* - Stack Operations (PUSH, POP)
</p>
<p>
0x4* - Jumps
</p>
<p>
0x5* - Ports Operations
</p>
<p>
0x90 - NOP
</p>
<p>
TODO: add interrupts
</p>
<p>
TODO: add HLT
</p>
<p>
TODO: make instructions for memory use
</p>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -1,12 +1,12 @@
#+OPTIONS: toc:nil num:nil <:nil \n:nil ::nil timestamp:nil *:nil ':nil
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="style.css"/>
#+EXPORT_FILE_NAME: index.html
#+title: ocpu
* GRU ocpu - maybe it will processor sometime
** TODO ocpu: fix description
** Other
* GRU ocpu - yet another cpu design
** Features
- little endian
- 8-bit (maybe will be changed in future)
** Registers
|----------+----------+-----------------|
@ -100,14 +100,22 @@
0x0* - MOV instructions (maybe it will for LDA or something)
0x1* - Arithmetic (ADD, SUB and others)
0x2* - Logic (AND, OR and others)
0x3* - Stack Operations (PUSH, POP)
0x4* - Jumps
0x5* - Ports Operations
0x90 - NOP
TODO: add interrupts
TODO: add HLT
TODO: make instructions for memory use

24
style.css Normal file
View File

@ -0,0 +1,24 @@
body {
background:#1c1c1c;
color:#a7d129;
font-family: 'Inconsolata', monospace;
}
div {
/*padding:5px;*/
width:100%;
max-width:874px;
margin:24px auto;
}
hr{
color:#32302f;
}
ul{
list-style: none;
}
li{
color:#81b214;
}
a{
text-decoration:none;
color:#9ede73;
}