-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathexamples.html
129 lines (129 loc) · 4.86 KB
/
examples.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
<!DOCTYPE html>
<html>
<link rel="preconnect" href="https://fonts.gstatic.com">
<head>
<title>FreakC</title>
<script src="https://unpkg.com/rottenjs"></script>
<script src="./libs/anime.min.js"></script>
<link rel="stylesheet" type="text/css" href="./styles/main.css">
<link rel="stylesheet" type="text/css" href="./styles/stylesheet.css">
<link rel="icon" href="./assets/logo.png">
</head>
<body>
<div class="app">
<ul class="nav">
<li><a href="./index.html">Home</a></li>
<li><a href="./examples.html">Examples</a></li>
<li><a href="./ides.html">IDEs</a></li>
<li><a href="https://github.com/FreakC-Foundation/FreakC/blob/master/TUTORIAL.md" target="_blank">Documentations</a></li>
<li style="float:right"><a href="https://github.com/FreakC-Foundation/" target="_blank">Github</a></li>
<li style="float:right"><a href="./assets/FreakC.zip" download target="_blank">Install</a></li>
</ul>
<div align="center" class="container">
<div class="header">Examples</div>
<br/><br/><br/><br/>
<a href="https://github.com/FreakC-Foundation/FreakC/blob/master/TUTORIAL.md" target="_blank"><button>Get Started!</button></a>
<a href="https://github.com/FreakC-Foundation/FreakC" target="_blank"><button>Github</button></a>
<a href="https://discord.gg/eNwqK4APsD" target="_blank"><button>Discord</button></a>
<br/><br/><br/><br/>
<div class="quote">Click on the code to zoom in</div>
<br/><br/><br/><br/>
<div class="ex1">
<p align="left" style='width: 42%'>HelloWorld.fclang</p>
<div class='codebox' align="left" onclick="scale('.ex1')">
<span style="color:#e53840; ">print[]</span> Hello, World
</div>
</div>
<br/><br/><br/><br/>
<div class="ex2">
<p align="left" style='width: 42%'>Calculator.fclang</p>
<div class='codebox' align="left" onclick="scale('.ex2')">
<span style="color:#e53840; ">clrscr[]</span>
<br/>
<span style="color:#e53840; ">print[]</span> Enter your Math problem:
<br/>
<span style="color:#433b80; ">inp[]</span> prob=
<br/>
<span style="color:#433b80; ">eq[]</span> ans=%prob% 2>nul
<br/>
<span style="color:#e53840; ">print[]</span> Answer: %ans%
<br/>
<span style="color:#433b80; ">stop[]</span>
<br/>
<span style="color:#10008d; ">inf_loop[]</span>
</div>
</div><br/><br/><br/><br/>
<div class="ex3">
<p align="left" style='width: 42%'>Fizzbuzz.fclang</p>
<div class='codebox' align="left" onclick="scale('.ex3')">
<span style="color:#433b80; ">eq[]</span> count=0<br/>
<span style="color:#5246ab; ">while[]</span> %count% LSS 100<br/>
    <span style="color:#433b80; ">eq[]</span> count++, a=count %% 15, b=count %% 3, c=count %% 5<br/>
    <span style="color:#5246ab; ">if[]</span> %a% == 0 (<br/>
        <span style="color:#e53840; ">print[]</span> FizzBuzz<br/>
    ) <span style="color:#5246ab; ">elif[]</span> %b% == 0 (<br/>
        <span style="color:#e53840; ">print[]</span> Fizz<br/>
    ) <span style="color:#5246ab; ">elif[]</span> %c% == 0 (<br/>
        <span style="color:#e53840; ">print[]</span> Buzz<br/>
    ) <span style="color:#5246ab; ">el[]</span> <span style="color:#e53840; ">print[]</span> %count%<br/>
<span style="color:#5246ab; ">endwhile[]</span><br/>
</div>
</div>
<br/>
<br/>
<a onclick="rt('ul').scroll()"><button>Scroll up!</button></a>
<br/>
<a href="https://www.facebook.com/FreakC-Programming-Language-111425377421861" target="_blank"><img class="logo" src="./assets/fb-logo.png"></a>
<a href="https://github.com/FreakC-Foundation/FreakC" target="_blank"><img class="logo" src="./assets/gh-logo.png"></a>
<a href="https://npmgames.itch.io/freakc" target="_blank"><img class="logo" src="./assets/io-logo.png"></a>
<a href="https://discord.gg/eNwqK4APsD" target="_blank"><img class="logo" src="./assets/dc-logo.png"></a>
<br/>
<br/>
<br/>
<br/>
</div>
</div>
<script>
let turn1=true,turn2=true,turn3=true;
function scaleUp(target){
anime({
targets: target,
scale:12/10,
})
}
function scaleDown(target){
anime({
targets: target,
scale:1,
})
}
function scale(tar){
if (tar == "ex1"){
if (turn1 == true) {
scaleUp(tar);
turn1=false;
} else {
scaleDown(tar);
turn1=true;
}
} else if (tar == "ex2"){
if (turn2 == true) {
scaleUp(tar);
turn2=false;
} else {
scaleDown(tar);
turn2=true;
}
} else {
if (turn3 == true) {
scaleUp(tar);
turn3=false;
} else {
scaleDown(tar);
turn3=true;
}
}
}
</script>
</body>
</html>