-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
125 lines (113 loc) · 6.5 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Brain Fuck : About</title>
<link rel="icon" type="image/png" href="stuff/images/pic_re.png">
<link rel="stylesheet" type="text/css" href="real.css">
<link rel="stylesheet" type="text/css" href="test.css">
<script src="real.js"></script>
</head>
<body>
<div id="guide" class="guide">
<div class="guide-con">
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="stuff/images/guide1.png" style="width:100%" class="guide_img">
<a download href="#">our powerpoint</a>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="stuff/images/guide2.png" style="width:100%" class="guide_img">
<a download href="#">our powerpoint</a>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img src="stuff/images/guide3.jpg" style="width:100%" class="guide_img">
<div class="text">Just remember to have fun!</div>
<a download href="#">our powerpoint</a>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
<button id="got-it" class="got-it">I got it!</button>
</div>
</div>
<div id="wrapper">
<div class="top_nav_bar">
<nav>
<div class="nav_item">
<a href="index.html"><img src="stuff/images/pic.png" width="50px" style="position: relative; top:3px;"></a>
</div>
<div class="text_link nav_item" style="position: relative; top:-10px">
<a href="credits.html">Credits</a>
</div>
<div class="text_link nav_item" style="position: relative; top:-10px">
<a href="developers.html">Developers</a>
</div>
<div class="text_link nav_item" style="position: relative; top:-10px">
<p onclick="guide()">Guides</p>
</div>
<div class="text_link nav_item" style="position: relative; top:-10px">
<a href="links.html">Links</a>
</div>
<div class="text_link nav_item" style="position: relative; top:-10px">
<a href="tutorials.html">Tutorials</a>
</div>
<div class="text_link nav_item" style="position: relative; top:-10px">
<a href="about.html" class="clicked">About</a>
</div>
<div class="nav_item">
<form action="https://www.google.com/search" class="searchform" method="get" name="searchform" target="_blank">
<div class="nav_item">
<input autocomplete="on" id="search" class="form-control search searchbar" name="q" placeholder="Search your stuff on Google" required="required" type="text">
</div>
<div class="nav_item"><input type="image" name="submit" src="stuff/images/search_icon2.png" alt="Submit" class="searchbt" id="searchbt"></div>
</form>
</div>
<div class="nav_item">
<a href="https://github.com/dkyg1087/welcome_to_Brainfuck" target="_blank"><img src="stuff/images/GitHub-Mark-120px-plus.png" width="50px" height="50px"></a>
</div>
</nav>
</div>
<div class="outer-con">
<br>
<hr>
<p>
<span class="_headline">Brain Fuck</span><span style="color: grey">       Here's everything you need to know about brainfuck.......</span>
</p>
<hr>
<img src="stuff/images/brain_f.png" class="_img">
<p class="article"><br> Brainfuck is the most famous esoteric programming language,created in 1993 by Urban Müller,<br>and is notable for its extreme minimalism. The language consists of only eight simple commands<br> and an instruction pointer. While it is
fully Turing complete, it is not intended for practical use, <br>but to challenge and amuse programmers. Brainfuck simply requires one to break commands <br>into microscopic steps. The language's name is a reference to the slang term brainfuck,
which
<br> refers to things so complicated or unusual that they exceed the limits of one's understanding.
</p>
<p><br><br></p>
<p>
For example, when a coder wants to learn a new language, one of the first programs they usually teach themselves to write in that language is called“Hello World!” where the entire point of the program is to display “Hello, World!” on the computer screen.
<br>In the case of a common programming language like Python, the code for this program looks like this:
<br>
<p style="background-color:lightgrey; padding:3px; text-align: center;">print("hello world")</p> <br>Yet that same program written in Brainfuck would look like this:<br>
<p style="background-color:lightgrey; padding:3px; text-align: center;">+[-[
<<[+[--->]-[
<<<]]]>>>-]>-.---.>..>.
<<<<-.<+.>>>>>.>.
<<.<-.</p>
</p>
<p>
One of the better-known examples of a Brainfuck spinoff is Ook!,<br> a programming language modeled on “Orangutan words” where every character is just the word “Ook” followed by a different punctuation mark. <br>So in this case, “Hello,
World!” would look like this:
</p>
<img src="stuff/images/ook.png" width="50%" class="ook">
</div>
</div>
</body>
</html>