-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
204 lines (174 loc) · 6.65 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<html>
<head>
<title>B3 Browser Basic</title>
<link rel="icon" href="icon.png">
<style>
html {
font-family: system-ui, sans-serif;
}
a {
color: #000000;
text-decoration: none;
}
a:hover {
background-color: rgba(64,32,128,.2);
}
a:visited {
color: #000000
}
.releasenotes {
padding-top: 50px;
padding-right: 30px;
padding-bottom: 50px;
padding-left: 80px;
}
.alertBase {
padding: 10px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
.alert0 {
background-color: rgba(255,255,255,1);
opacity: 0;
}
.alert1 {
background-color: rgba(255,255,0,.2);
transition: all 2s ease;
padding-top: 40px;
padding-bottom: 40px;
opacity: 1.0;
}
.visible {
visibility: visible;
opacity: 1;
transition: opacity 2s linear;
}
</style>
<script>
var parts = document.URL.split("?")
var part0 = parts[0];
if( parts.length > 1) {
if( parts[1].indexOf("fbclid=") == -1 ) { //not facebook
var base = "";
if(part0.indexOf("index.html")) {
base=part0.split("index.html")[0] + "/";
} else {
base=part0 + "/";
}
if( base.charAt(base.length-1) == "/" ) {
if( base.charAt(base.length-2) == "/" ) {
base = base.substr(0,base.length-1)
}
}
else {
base += "/";
}
var dest = base + "emulator/index.html?" + parts[1];
if(parts[1]=="start") { dest = base + "emulator/index.html"; }
console.log("dest=",dest)
window.location.replace( dest );
}
}
function openDiv( id ) {
var div = document.getElementById(id + "DIV");
div.style.display = 'block';
}
</script>
</head>
<body bgcolor=#fafafa>
<center><table width=800 bgcolor=#ffffff cellpadding="25"><tr><td>
<center>
<img width=640 src=img/title2b.png>
<br><br>
<table>
<tr>
<td align=center>
<br><br>
</td></tr><tr><td align=center>
<font size=+2> • <a href=online target=_blank>Start B3 Basic</a>
<br><font size=-1>(in new tab)</font><br><br><br>
</td>
</tr>
</table>
<br>
<table><tr><td align=left>
<b><font size=+2>B3 - Basic for the Browser (beta release)</font></b><br><br>
<img src=img/blink.gif height=20 valign=bottom></img>
<b>Back to Basics</b><br>
Let's make programming accessible again.<br><br>
Maybe you knew, but in the 80s, Almost <b>Every</b> computer started up in Basic.<br><br>
So what happened, that is almost everybody with a computer automatically learned at least a minimal
amount of programming. <br><br>
This is what B3 is inpiring to do. Everyone has a webbrowser. Everybody can do some Basic programming!<br>
Just navigate to B3 website, and start programming. <br>
You do not need anything, not even an account, to get started.<br>
<br><br>
It is that simple!
<br><br>
<b>So what can B3 do?</b><br>
Your imagination is the only limitation. Program exactly what you want!<br>
The output is only limited to what the browser can do. But otherwise there is no limit.
Start simple, with hello world, and progress into making applications, utilities or games for the browser.<br>
<br>
<br>
<b>Where do I start?</b><br>
Type in HELP to get an overview of all commands.<br>
Type in DIR to see example programs<br>
Then type in LOAD "tictactoe.bas" to load your first example program.<br>
Then type RUN to execute it<br>
Remember after each command, you need to type the ENTER Key.<br><br>
The output is only limited to what the browser can do. But otherwise there is no limit.
Start simple, with hello world, and progress into making applications, utilities or games for the browser.<br>
<br>
<br>
<b><a name="documentation">🕮 More information</a></b><br>
B3 is the Basic programming language, remade to work in the Webbrowser. With B3 you can code directly in the browser,
or you program your Basic programs directly embedded in HTML files.<br><br>
The current status is version 0.8x, and the software is beta. This means that bugs may be found, and major changes
can be coming before it is considered fully ready.
<br><br>
Do you need more help, or want to read more, please check out the links below:<br>
<ul>
<li><a href=https://www.youtube.com/playlist?list=PL9XgI1-OWGXVKTbOoxkEYYBwOynYz21ls target=_blank>Short Introduction Videos🔗</a><br></li>
<li><a href=https://github.com/JoystickAndCursorKeys/B3Script/wiki target=_blank>Documentation🔗</a><br></li>
<li><a href=https://github.com/JoystickAndCursorKeys/B3Script/wiki/Download target=_blank>Downloads🔗</a><br></li>
<li><a href=https://github.com/JoystickAndCursorKeys/B3ScriptSource target=_blank>Help out with the Source code🔗</a><br></li>
<li><a href=https://github.com/JoystickAndCursorKeys/B3ScriptSource/issues target=_blank>Report bugs🔗</a><br></li>
<li><a href=https://discord.gg/wJh4hBCz3B target=_blank>B3 Chat on Discord🔗</a><br></li>
<li><a href=onlinebe target=_blank>Try out the "Bleeding Edge" version🔗</a><br></li>
<li><a href=tools/b3basic-0.0.2.vsix target=_blank>Syntax hilighting for Visual Studio Code text editor🔗</a><br></li>
<li><a href=tools/B3Basic-Sublime-Syntax.zip target=_blank>Syntax hilighting for Sublime text editor🔗</a><br></li>
</ul>
<br>
<br>
<b>⌨ Helping out</b><br><br>
If you want to help out making B3 better, please read on :).
<br>
Right now I need help, with testing B3 on several browsers and platforms. <br><br>
You don't need to ask, you can just start testing. When you test, and see something that does not work as expected, please create a ticket on GITHUB. <br>
Please also make sure you add enough information, for me to understand the issue. If I don't understand it, I cannot fix it.
<br><br>
When creating a ticket, please try to include at least several of the following items, if you can.<br>
<ul>
<li>Description - please try to use at least a few lines of text to be as clear as possible</li>
<li>A program listing, if you find the bug during running of a program</li>
<li>Screen shots - remember, a picture tells more then a 1000 words</li>
<li>Which browser AND which version of the browser did you use</li>
<li>Which operating system you have on your device</li>
<li>Is your device a computer, a tablet or a phone?</li>
<li>If you know how to do it, a dump of your console.log, can also be very helpfull</li>
</ul>
<br>
When you find bugs during testing, please post tickets on GITHUB.
<br><br>
Bug requests should go here: <a target=_blank href=https://github.com/JoystickAndCursorKeys/B3ScriptSource/issues>link</a><br>
Improvement request, or ideas, should go here: <a target=_blank href=https://github.com/JoystickAndCursorKeys/B3Script/issues>link</a><br>
<br>
To start testing, just launch this → <a href=online target=_blank>link</a> to the browser you want to test it in.
<br>
<br>
</td></tr></table>
</td></tr></table></center>
</body>