-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
172 lines (164 loc) · 6.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Auto Write</title>
<link rel="stylesheet" href="src/css/style.css">
</head>
<body>
<nav class="nav">
<div class="navItem">
<a href="#demo"> Demo <i class="fas fa-angle-down"></i> </a>
<a href="#docs"> Benutzung? <i class="fas fa-angle-down"></i> </a>
<a href="https://discord.gg/penguins"> Support <i class="fas fa-question"></i></a>
</div>
<div class="navGit">
<a target="_blank" href="https://github.com/suedpoldevelopement/autowrite" class="viewGit"><i class="fab fa-github"></i>
View
GitHub</a>
</div>
</nav>
<section id="demo" class="firstWrap">
<div class="secondWrap">
<div class="thirdWrap">
<div class="content">
<h2> <a id="intro" href="#docs"><i class="fas fa-edit"></i></a>
<b class="autoWriteBreak 100">Hallo du, Wie gehts?</b></h2>
<p> Beispiel <i class="fas fa-angle-right"></i>
<a id="intro1" href="#docs"><i class="fas fa-edit"></i></a>
<b class="autoWrite 100 500">
suedpol.xyz, suedpol.xyz2, baum
</b>
</p>
<p> Noch nen Beispiel <i class="fas fa-angle-right"></i>
<a id="intro2" href="#docs"><i class="fas fa-edit"></i></a>
<b class="autoWrite 200 800">
JavaScript ES6+, React.js (API), HTML5, CSS3, BootStrap5
</b>
</p>
<p> Programmier Sprachen <i class="fas fa-angle-right"></i>
<a id="intro3" href="#docs"><i class="fas fa-edit"></i></a>
<b class="autoWrite 250 1000">
Python, JavaScript, Swift
</b>
</p>
</div>
</div>
</div>
</section>
<section id="docs">
<a target="_blank" class="docsLink" href="dist/autoWrite.min.js">Download <i class="fas fa-download"></i> </a>
<a target="_blank" class="docsLink" href="https://github.com/suedpoldevelopement/autowrite" class="viewGit"> GItHub <i
class="fab fa-github"></i> </a>
<h1>Benutzung <i class="fas fa-question"></i></h1>
<p>
<b> <i>Wichtig!</i> Du musst davor das script einbinden file</b>
<span class="userSelect">
<script src="autoWrite.min.js"></script>
</span>
</p>
<p class="intro">
<b class="typingEffect 50"> Hallo du, Wie gehts ? </b>
<a class="playZBreakWrite" href="#scnd">Benutzung ?</a>
</p>
<p class="intro1">
<b class="autoWrite 100 500"> Programmer, Designer </b>
<a href="#frst">Benutzung ?</a>
</p>
<p class="intro2">
<b class="autoWrite 200 800"> JavaScript ES6+, React.js (API), HTML5, CSS3, BootStrap5 </b>
<a href="#frst">Benutzung ?</a>
</p>
<p class="intro3">
<b class="autoWrite 250 1000">
Python, JavaScript, Swift
</b>
<a href="#frst">Benutzung ?</a>
</p>
<br><br>
<h1 id="frst">Guide <i class="fas fa-book"></i></h1>
<article class="explain">
Erklärung mit folgendem Code <i class="fas fa-angle-down"></i> <br>
<b class="highLight"><b class="autoWrite 150 1000"> Python, JavaScript, Swift </b> </b>
<br>
<i class="fas fa-arrow-down"></i>
<br>
Result: <i class="fas fa-angle-right"></i>
<b class="autoWrite 150 1000">Python, JavaScript, Swift</b>
<br><br>
Wenn du dieses beispiel magst füge folgendes ein:
<b>[ autoWrite 450 1000 ]</b>
und den Text
<b>[ Python, JavaScript, Swift ]</b>
<br>
<p class="expln">
<b> <i class="fas fa-angle-right"></i>
<i>Wichtig!</i> [autoWrite]</b> Der erste Tag ist für das Importieren und Exportieren.
</p>
<p class="expln">
<b> <i class="fas fa-angle-right"></i>
<i>Wichtig!</i> [450]</b> Der 2 Tag Ist die Geschwindigkeit wie schnell der Text sich löscht und schreibt.
<br>
Du kannst jede Zeit nutzen ( 1000 MiliSekunden = 1 Sekunde )
</p>
<p class="expln">
<b> <i class="fas fa-angle-right"></i>
<i>Wichtig</i> [1000]</b> Der 3 Tag ist für die Zeit wenn das Wort zu ende ist.
<br>
Du kannst jede Zeit nutzen ( 1000 MiliSekunden = 1 Sekunde )
</p>
<p class="expln">
<i class="fas fa-angle-right"></i>
<i>Wichtig!</i> <b>[ Python, JavaScript, Swift ] </b>
Wörter für Autowrite
<br> Beispiel <i class="fas fa-arrow-down"></i> <br>
Animation: <b class="autoWrite 150 100"> Python, JavaScript, Swift </b>
<br><br>
<b>Wichtigt</b>
Ab 2 Wörtern muss ein <b>"," zwischen die Wörter</b> <br>
Beispiel: <b class="autoWrite 150 1000">
Python<b class="highLight">,</b> JavaScript<b class="highLight">,</b> Swift </b>
</p>
</article>
<br>
<article id="scnd" class="explain">
Erklärung mit HTML CODE <i class="fas fa-angle-down"></i>
<br>
<b class="highLight">
<b class="autoWriteBreak 100"> Willkommen auf meiner Website! </b> </b>
<br>
<i class="fas fa-arrow-down"></i>
<br>
Ergebnis: <i class="fas fa-angle-right"></i>
<b class="autoWriteBreak 100"> Willkommen auf meiner Website! </b>
<br><br>
<p class="expln">
<b> <i class="fas fa-angle-right"></i>
<i>Wichtig!</i> [autoWriteBreak]</b> Wenn das Wort nur einmal erscheinen soll nutze diesen Tag.
</p>
<p class="expln">
<b> <i class="fas fa-angle-right"></i>
<i>Wichtig!</i> [100]</b> dieser 2 Tag ist für den Speed
<br>
Du kannst jede Zeit nutzen ( 1000 MiliSekunden = 1 Sekunde )
</p>
</article>
</section>
<section class="round">
<div class="round2">
<div class="round3">
<div class="round4">
<div class="round5">
<div class="round6">
<div class="round7"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="fixedName autoWrite"></div>
<script src="dist/autoWrite.min.js"></script>
<script src="src/js/all.min.js"></script>
<script src="src/js/custom.js"></script>