Update presentation
This commit is contained in:
parent
7144eb4b24
commit
74dd36638f
GPG key ID:
12EFFCAEA9E620BF
2 changed files with 44 additions and 337 deletions
|
|
@ -1,330 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
/*!
|
|
||||||
* Marp Dracula theme.
|
|
||||||
* @theme dracula
|
|
||||||
* @author Daniel Nicolas Gisolfi
|
|
||||||
*
|
|
||||||
* @auto-scaling true
|
|
||||||
* @size 4:3 960px 720px
|
|
||||||
* @size 16:9 1280px 720px
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import url("https://fonts.googleapis.com/css?family=Lato:400,900|IBM+Plex+Sans:400,700");
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--dracula-background: #282a36;
|
|
||||||
--dracula-current-line: #44475a;
|
|
||||||
--dracula-foreground: #f8f8f2;
|
|
||||||
--dracula-comment: #6272a4;
|
|
||||||
--dracula-cyan: #8be9fd;
|
|
||||||
--dracula-green: #50fa7b;
|
|
||||||
--dracula-orange: #ffb86c;
|
|
||||||
--dracula-pink: #ff79c6;
|
|
||||||
--dracula-purple: #bd93f9;
|
|
||||||
--dracula-red: #ff5555;
|
|
||||||
--dracula-yellow: #f1fa8c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs {
|
|
||||||
display: block;
|
|
||||||
overflow-x: auto;
|
|
||||||
padding: 0.5em;
|
|
||||||
background: var(--dracula-background);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dracula Foreground */
|
|
||||||
.hljs,
|
|
||||||
.hljs-subst,
|
|
||||||
.hljs-typing,
|
|
||||||
.hljs-variable,
|
|
||||||
.hljs-template-variable {
|
|
||||||
color: var(--dracula-foreground);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dracula Comment */
|
|
||||||
.hljs-comment,
|
|
||||||
.hljs-quote,
|
|
||||||
.hljs-deletion {
|
|
||||||
color: var(--dracula-comment);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dracula Cyan */
|
|
||||||
.hljs-meta .hljs-doctag,
|
|
||||||
.hljs-built_in,
|
|
||||||
.hljs-selector-tag,
|
|
||||||
.hljs-section,
|
|
||||||
.hljs-link,
|
|
||||||
.hljs-class {
|
|
||||||
color: var(--dracula-cyan);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dracula Green */
|
|
||||||
.hljs-title {
|
|
||||||
color: var(--dracula-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dracula Orange */
|
|
||||||
.hljs-params {
|
|
||||||
color: var(--dracula-orange);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dracula Pink */
|
|
||||||
.hljs-keyword {
|
|
||||||
color: var(--dracula-pink);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dracula Purple */
|
|
||||||
.hljs-literal,
|
|
||||||
.hljs-number {
|
|
||||||
color: var(--dracula-purple);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dracula Red */
|
|
||||||
.hljs-regexp {
|
|
||||||
color: var(--dracula-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dracula Yellow */
|
|
||||||
.hljs-string,
|
|
||||||
.hljs-name,
|
|
||||||
.hljs-type,
|
|
||||||
.hljs-attr,
|
|
||||||
.hljs-symbol,
|
|
||||||
.hljs-bullet,
|
|
||||||
.hljs-addition,
|
|
||||||
.hljs-template-tag {
|
|
||||||
color: var(--dracula-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-keyword,
|
|
||||||
.hljs-selector-tag,
|
|
||||||
.hljs-literal,
|
|
||||||
.hljs-title,
|
|
||||||
.hljs-section,
|
|
||||||
.hljs-doctag,
|
|
||||||
.hljs-type,
|
|
||||||
.hljs-name,
|
|
||||||
.hljs-strong {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hljs-params,
|
|
||||||
.hljs-emphasis {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg[data-marp-fitting="svg"] {
|
|
||||||
max-height: 580px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
margin: 0.5em 0 0 0;
|
|
||||||
color: var(--dracula-pink);
|
|
||||||
}
|
|
||||||
h1 strong,
|
|
||||||
h2 strong,
|
|
||||||
h3 strong,
|
|
||||||
h4 strong,
|
|
||||||
h5 strong,
|
|
||||||
h6 strong {
|
|
||||||
font-weight: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 1.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 1.1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
p,
|
|
||||||
blockquote {
|
|
||||||
margin: 1em 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul > li,
|
|
||||||
ol > li {
|
|
||||||
margin: 0.3em 0 0 0;
|
|
||||||
color: var(--dracula-cyan);
|
|
||||||
}
|
|
||||||
ul > li > p,
|
|
||||||
ol > li > p {
|
|
||||||
margin: 0.6em 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
display: inline-block;
|
|
||||||
font-family: "IBM Plex Mono", monospace;
|
|
||||||
font-size: 0.8em;
|
|
||||||
letter-spacing: 0;
|
|
||||||
margin: -0.1em 0.15em;
|
|
||||||
padding: 0.1em 0.2em;
|
|
||||||
vertical-align: baseline;
|
|
||||||
color: var(--dracula-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
display: block;
|
|
||||||
margin: 1em 0 0 0;
|
|
||||||
min-height: 1em;
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
pre code {
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin: 0;
|
|
||||||
min-width: 100%;
|
|
||||||
padding: 0.5em;
|
|
||||||
font-size: 0.7em;
|
|
||||||
}
|
|
||||||
pre code svg[data-marp-fitting="svg"] {
|
|
||||||
max-height: calc(580px - 1em);
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
margin: 1em 0 0 0;
|
|
||||||
padding: 0 1em;
|
|
||||||
position: relative;
|
|
||||||
color: var(--dracula-orange);
|
|
||||||
}
|
|
||||||
blockquote::after,
|
|
||||||
blockquote::before {
|
|
||||||
content: "“";
|
|
||||||
display: block;
|
|
||||||
font-family: "Times New Roman", serif;
|
|
||||||
font-weight: bold;
|
|
||||||
position: absolute;
|
|
||||||
color: var(--dracula-green);
|
|
||||||
}
|
|
||||||
blockquote::before {
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
blockquote::after {
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
transform: rotate(180deg);
|
|
||||||
}
|
|
||||||
blockquote > *:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
mark {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-spacing: 0;
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin: 1em 0 0 0;
|
|
||||||
}
|
|
||||||
table th,
|
|
||||||
table td {
|
|
||||||
padding: 0.2em 0.4em;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
}
|
|
||||||
|
|
||||||
section {
|
|
||||||
font-size: 35px;
|
|
||||||
font-family: "IBM Plex Sans";
|
|
||||||
line-height: 1.35;
|
|
||||||
letter-spacing: 1.25px;
|
|
||||||
padding: 70px;
|
|
||||||
color: var(--dracula-foreground);
|
|
||||||
background-color: var(--dracula-background);
|
|
||||||
}
|
|
||||||
section > *:first-child,
|
|
||||||
section > header:first-child + * {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
section a,
|
|
||||||
section mark {
|
|
||||||
color: var(--dracula-red);
|
|
||||||
}
|
|
||||||
section code {
|
|
||||||
background: var(--dracula-current-line);
|
|
||||||
color: var(--dracula-current-green);
|
|
||||||
}
|
|
||||||
section h1 strong,
|
|
||||||
section h2 strong,
|
|
||||||
section h3 strong,
|
|
||||||
section h4 strong,
|
|
||||||
section h5 strong,
|
|
||||||
section h6 strong {
|
|
||||||
color: var(--dracula-current-line);
|
|
||||||
}
|
|
||||||
section pre > code {
|
|
||||||
background: var(--dracula-current-line);
|
|
||||||
}
|
|
||||||
section header,
|
|
||||||
section footer,
|
|
||||||
section section::after,
|
|
||||||
section blockquote::before,
|
|
||||||
section blockquote::after {
|
|
||||||
color: var(--dracula-comment);
|
|
||||||
}
|
|
||||||
section table th,
|
|
||||||
section table td {
|
|
||||||
border-color: var(--dracula-current-line);
|
|
||||||
}
|
|
||||||
section table thead th {
|
|
||||||
background: var(--dracula-current-line);
|
|
||||||
color: var(--dracula-yellow);
|
|
||||||
}
|
|
||||||
section table tbody > tr:nth-child(even) td,
|
|
||||||
section table tbody > tr:nth-child(even) th {
|
|
||||||
background: var(--dracula-current-line);
|
|
||||||
}
|
|
||||||
|
|
||||||
header,
|
|
||||||
footer,
|
|
||||||
section::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: 66%;
|
|
||||||
height: 70px;
|
|
||||||
line-height: 50px;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 10px 25px;
|
|
||||||
position: absolute;
|
|
||||||
color: var(--dracula-comment);
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
section::after {
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
|
|
@ -1,9 +1,9 @@
|
||||||
---
|
---
|
||||||
title: Hence
|
title: Hence
|
||||||
version: 1.0.0
|
version: 1.0.0
|
||||||
theme: dracula
|
theme: uncover
|
||||||
footer: Grimm
|
class:
|
||||||
header: Hence
|
- invert
|
||||||
marp: true
|
marp: true
|
||||||
size: 4K
|
size: 4K
|
||||||
---
|
---
|
||||||
|
|
@ -54,7 +54,6 @@ h1 {
|
||||||
- Cache: schneller Speicher für oft benötigte Daten
|
- Cache: schneller Speicher für oft benötigte Daten
|
||||||
- CPU kommuniziert über Bus-Systeme
|
- CPU kommuniziert über Bus-Systeme
|
||||||
- Leistung abhängig von Kernzahl, Taktfrequenz, Cache und Architektur
|
- Leistung abhängig von Kernzahl, Taktfrequenz, Cache und Architektur
|
||||||
- Neueste Entwicklungen: Multi-Core-Prozessoren und KI
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
@ -67,13 +66,13 @@ h1 {
|
||||||
- Sehr effizient, da direkt von CPU ausgeführt
|
- Sehr effizient, da direkt von CPU ausgeführt
|
||||||
- Meist in höherer Programmiersprache geschrieben
|
- Meist in höherer Programmiersprache geschrieben
|
||||||
|
|
||||||
=> *Assembler*
|
=> _Assembler_
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
### Beispiel
|
### Beispiel
|
||||||
|
|
||||||
*hexadezimal kodiert (`hexdump`)*
|
_hexadezimal kodiert (`hexdump`)_
|
||||||
|
|
||||||
```
|
```
|
||||||
00000000 03 7f fc 86 03 a0 00 06 00 06 03 c0 02 8b 06 00 |................|
|
00000000 03 7f fc 86 03 a0 00 06 00 06 03 c0 02 8b 06 00 |................|
|
||||||
|
|
@ -98,4 +97,42 @@ h1 {
|
||||||
# Hence
|
# Hence
|
||||||
|
|
||||||
- Virtuelle "CPU" (eher SBC)
|
- Virtuelle "CPU" (eher SBC)
|
||||||
-
|
- Single core
|
||||||
|
- 16-bit Architektur
|
||||||
|
|
||||||
|
=> **_maximal 64kb Speicher_**
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Assembly
|
||||||
|
|
||||||
|
```assembly
|
||||||
|
.include "$lib/core.asm"
|
||||||
|
.include "$lib/std.asm"
|
||||||
|
.include "$lib/main.asm"
|
||||||
|
|
||||||
|
data:
|
||||||
|
; ...
|
||||||
|
|
||||||
|
.jump_main
|
||||||
|
|
||||||
|
main: .main main
|
||||||
|
ts 40 ; tmp = 40
|
||||||
|
tlr CORE_REG_A ; reg_a = 40
|
||||||
|
|
||||||
|
ts 2 ; tmp = 2
|
||||||
|
|
||||||
|
tlr CORE_REG_B ; reg_a = 40
|
||||||
|
; reg_b = 2
|
||||||
|
|
||||||
|
ts CORE_ALU_ADD ; tmp = 6
|
||||||
|
; reg_a = 40
|
||||||
|
; reg_b = 2
|
||||||
|
alu ; tmp = 42
|
||||||
|
tls ; stack = [42]
|
||||||
|
|
||||||
|
dbg ; => DEBUG: [42]
|
||||||
|
pop ; stack = []
|
||||||
|
.std_stop
|
||||||
|
```
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue