97 lines
3.1 KiB
HTML
97 lines
3.1 KiB
HTML
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
|
|
<title>Atari Code</title>
|
|
<meta name="keywords" content=""/>
|
|
<meta name="description" content="A site devoted to learning to code on the Atari 8-Bit line of computers"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" type="text/css" href="css/index.css" media="screen"/>
|
|
<link rel="icon" type="image/png" href="assets/atari-rainbow.png"/>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="title-wrap">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<img src="assets/atari-rainbow.png" class="title-image">
|
|
</td>
|
|
<td>
|
|
<p class="title-title" style="float-wrap: none">Atari Code</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p class="subtitle">A site devoted to learning to code on the Atari 8-Bit line of computers</p>
|
|
|
|
<div class="button-row" style="display: flex; float: top; align-content: center; justify-content: center">
|
|
<button class="Start" onclick="location.href='#'" type="button">Home</button>
|
|
<button class="Select" onclick="location.href='#'" type="button">Posts</button>
|
|
<button class="Option" onclick="location.href='#'" type="button">Code</button>
|
|
<button class="Reset" onclick="location.href='#'" type="button">Videos</button>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="button-column" style="float:right">
|
|
<button class="Start" onclick="location.href='#'" type="button">Posts</button>
|
|
<button class="Select" onclick="location.href='#'" type="button">Repos</button>
|
|
<button class="Option" onclick="location.href='#'" type="button">Videos</button>
|
|
<button class="Reset" onclick="location.href='#'" type="button">About</button>
|
|
</div>
|
|
-->
|
|
|
|
<div>
|
|
<h1>H1 Test Text</h1>
|
|
<p>Some standard text.</p>
|
|
<p class="p2">Some small text</p>
|
|
<p class="p3">Some very tiny text</p>
|
|
</div>
|
|
|
|
|
|
<div style="display: flex">
|
|
<div class="shadowbox" style="float: left">
|
|
<h3>Attention!</h3>
|
|
<p>Hello, this is a highlighted notice!</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2>H2 Test Text</h2>
|
|
<p>Some standard text.</p>
|
|
<p class="p2">Some small text</p>
|
|
<p class="p3">Some very tiny text</p>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>H3 Test Text</h3>
|
|
<p>Some standard text.</p>
|
|
<p class="p2">Some small text</p>
|
|
<p class="p3">Some very tiny text</p>
|
|
|
|
<h4>H4 Test Text</h4>
|
|
<p>Here is a code block:</p>
|
|
<pre>
|
|
100 REM PLAYER/MISSILE EXAMPLE
|
|
110 DIM A$(512),B$(20)
|
|
120 X=X+1:READ A:IF A<>-1 THEN B$(X,X)=CHR$(A):GOTO 120
|
|
130 DATA 0,255,129,129,129,129,129,129,129,129,255,0,-1
|
|
2000 POKE 559,62:POKE 704,88
|
|
2020 I=PEEK(106)-16:POKE 54279,I
|
|
2030 POKE 53277,3:POKE 710,224
|
|
2040 VTAB=PEEK(134)+PEEK(135)*256
|
|
2050 ATAB=PEEK(140)+PEEK(141)*256
|
|
2060 OFFS=I*256+1024-ATAB
|
|
2070 HI=INT(OFFS/256):LO=OFFS-HI*256
|
|
2090 POKE VTAB+2,LO:POKE VTAB+3,HI
|
|
3000 Y=60:Z=100:V=1:H=1
|
|
4000 A$(Y,Y+11)=B$:POKE 53248,Z
|
|
4010 Y=Y+V:Z=Z+H
|
|
4020 IF Y>213 OR Y<33 THEN V=-V
|
|
4030 IF Z>206 OR Z<49 THEN H=-H
|
|
4420 GOTO 4000
|
|
</pre>
|
|
|
|
<p class="p3">Here is some p3 text. It will be interesting to see how this text is rendered.</p>
|
|
|
|
</body>
|
|
</html>
|