sergei/maitsevkimp.ee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1

Browse Source
This commit is contained in:
s-lnk
2026-04-30 21:58:39 +03:00
commit aabe5fe2b7
2923 changed files with 366740 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/libs/typed.js/app.js
+12
View File
@@ -0,0 +1,12 @@
const express = require('express')
const app = express()
app.get('/', (req, res) => {
res.sendFile(`${__dirname}/index.html`)
})
app.listen(3000, () => {
console.log('Example app listening on port 3000!')
})
app.use(express.static(`${__dirname}/`))
assets/libs/typed.js/assets/demos.css
+61
View File
@@ -0,0 +1,61 @@
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500);
*{
padding:0;
margin:0;
}
body{
font-family: "Ubuntu", sans-serif;
font-size: 100%;
background:#f8f8f8;
}
a{
text-decoration: none;
color:#666;
}
a:hover{
color:#999;
}
button {
padding: 10px;
border-radius: 3px;
background: #E0E0E0;
border: #CCC 1px solid;
}
p{
line-height: 2em;
margin:0 0 20px;
text-align: center;
}
hr{
border: 0;
border-bottom: #CCC 2px solid;
margin: 30px auto;
}
.title{
font-size: 4em;
}
.wrap{
max-width: 600px;
margin:50px auto;
}
.type-wrap{
margin:10px auto;
padding:20px;
background:#f0f0f0;
border-radius:5px;
border:#CCC 1px solid;
}
.links{
margin:20px 0;
font-size: 0.75em;
}
assets/libs/typed.js/assets/demos.js
+133
View File
@@ -0,0 +1,133 @@
document.addEventListener('DOMContentLoaded', function() {
var typed = new Typed('#typed', {
stringsElement: '#typed-strings',
typeSpeed: 20,
backSpeed: 20,
startDelay: 1000,
loop: false,
loopCount: Infinity,
onBegin: function(self) {
prettyLog('onBegin ' + self);
},
onComplete: function(self) {
prettyLog('onComplete ' + self);
},
preStringTyped: function(pos, self) {
prettyLog('preStringTyped ' + pos + ' ' + self);
},
onStringTyped: function(pos, self) {
prettyLog('onStringTyped ' + pos + ' ' + self);
},
onLastStringBackspaced: function(self) {
prettyLog('onLastStringBackspaced ' + self);
},
onTypingPaused: function(pos, self) {
prettyLog('onTypingPaused ' + pos + ' ' + self);
},
onTypingResumed: function(pos, self) {
prettyLog('onTypingResumed ' + pos + ' ' + self);
},
onReset: function(self) {
prettyLog('onReset ' + self);
},
onStop: function(pos, self) {
prettyLog('onStop ' + pos + ' ' + self);
},
onStart: function(pos, self) {
prettyLog('onStart ' + pos + ' ' + self);
},
onDestroy: function(self) {
prettyLog('onDestroy ' + self);
}
});
document.querySelector('.toggle').addEventListener('click', function() {
typed.toggle();
});
document.querySelector('.stop').addEventListener('click', function() {
typed.stop();
});
document.querySelector('.start').addEventListener('click', function() {
typed.start();
});
document.querySelector('.reset').addEventListener('click', function() {
typed.reset();
});
document.querySelector('.destroy').addEventListener('click', function() {
typed.destroy();
});
document.querySelector('.loop').addEventListener('click', function() {
toggleLoop(typed);
});
var typed2 = new Typed('#typed2', {
strings: [
'Some <i>strings</i> with',
'Some <strong>HTML</strong>',
'Chars &times; &copy;'
],
typeSpeed: 0,
backSpeed: 0,
fadeOut: true,
loop: true
});
document.querySelector('.loop2').addEventListener('click', function() {
toggleLoop(typed2);
});
new Typed('#typed3', {
strings: [
'My strings are: <i>strings</i> with',
'My strings are: <strong>HTML</strong>',
'My strings are: Chars &times; &copy;'
],
typeSpeed: 0,
backSpeed: 0,
smartBackspace: true,
loop: true
});
new Typed('#typed4', {
strings: ['Some strings without', 'Some HTML', 'Chars'],
typeSpeed: 0,
backSpeed: 0,
attr: 'placeholder',
bindInputFocusEvents: true,
loop: true
});
new Typed('#typed5', {
strings: [
'1 Some <i>strings</i> with',
'2 Some <strong>HTML</strong>',
'3 Chars &times; &copy;'
],
typeSpeed: 0,
backSpeed: 0,
shuffle: true,
cursorChar: '_',
smartBackspace: false,
loop: true
});
new Typed('#typed6', {
strings: [
'npm install^1000\n`installing components...` ^1000\n`Fetching from source...`'
],
typeSpeed: 40,
backSpeed: 0,
loop: true
});
});
function prettyLog(str) {
console.log('%c ' + str, 'color: green; font-weight: bold;');
}
function toggleLoop(typed) {
if (typed.loop) {
typed.loop = false;
} else {
typed.loop = true;
}
}
assets/libs/typed.js/index.html
+184
View File
@@ -0,0 +1,184 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Typed.js - Type your heart out</title>
<script src="lib/typed.js" type="text/javascript"></script>
<script src="assets/demos.js"></script>
<link href="assets/demos.css" rel="stylesheet"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head>
<body>
<div class="wrap">
<h1 class="title">Typed.js</h1>
<div class="links">
<a href="https://github.com/mattboldt/typed.js">GitHub</a> |
<a href="http://www.mattboldt.com/typed.js/docs">Documentation</a> |
<a href="http://www.mattboldt.com/demos/typed-js">View original demo</a> |
<a href="http://www.mattboldt.com">View mattboldt.com</a> |
<a href="https://twitter.com/atmattb">Complain to Matt about how awful this is</a>
</div>
<hr>
<h2 id="basic">Basic Demo</h2>
<div class="type-wrap">
<div id="typed-strings">
<span>Typed.js^10 is a <strong>JavaScript</strong> library.</span>
<p>It <em>types</em> out sentences.</p>
<p>And then deletes them.</p>
<p>Try it out!</p>
</div>
<span id="typed" style="white-space:pre;"></span>
</div>
<button class="toggle">Toggle</button>
<button class="start">Start</button>
<button class="stop">Stop</button>
<button class="reset">Reset</button>
<button class="destroy">Destroy</button>
<button class="loop">Toggle Loop</button>
<pre>
<code class="javascript">
var typed = new Typed("#typed", {
stringsElement: '#typed-strings',
typeSpeed: 0,
backSpeed: 0,
backDelay: 500,
startDelay: 1000,
loop: false,
onBegin: function(self) { prettyLog('onBegin ' + self) },
onComplete: function(self) { prettyLog('onCmplete ' + self) },
preStringTyped: function(pos, self) { prettyLog('preStringTyped ' + pos + ' ' + self); },
onStringTyped: function(pos, self) { prettyLog('onStringTyped ' + pos + ' ' + self) },
onLastStringBackspaced: function(self) { prettyLog('onLastStringBackspaced ' + self) },
onTypingPaused: function(pos, self) { prettyLog('onTypingPaused ' + pos + ' ' + self) },
onTypingResumed: function(pos, self) { prettyLog('onTypingResumed ' + pos + ' ' + self) },
onReset: function(self) { prettyLog('onReset ' + self) },
onStop: function(pos, self) { prettyLog('onStop ' + pos + ' ' + self) },
onStart: function(pos, self) { prettyLog('onStart ' + pos + ' ' + self) },
onDestroy: function(self) { prettyLog('onDestroy ' + self) }
});
</code>
</pre>
<hr>
<h2 id="fade">Fade Out</h2>
<div class="type-wrap">
<span id="typed2" style="white-space:pre;"></span>
</div>
<button class="loop2">Toggle Loop</button>
<pre>
<code class="javascript">
var typed2 = new Typed('#typed2', {
strings: ['Some &lt;i&gt;strings&lt;/i&gt; with', 'Some &lt;strong&gt;HTML&lt;/strong&gt;', 'Chars &amp;times; &amp;copy;'],
typeSpeed: 0,
backSpeed: 0,
fadeOut: true,
loop: true
});
</code>
</pre>
<hr>
<h2 id="smartBack">Smart Backspace</h2>
<div class="type-wrap">
<span id="typed3"></span>
</div>
<pre>
<code class="javascript">
var typed3 = new Typed('#typed3', {
strings: ['My strings are: &lt;i&gt;strings&lt;/i&gt; with', 'My strings are: &lt;strong&gt;HTML&lt;/strong&gt;', 'My strings are: Chars &amp;times; &amp;copy;'],
typeSpeed: 0,
backSpeed: 0,
smartBackspace: true, // this is a default
loop: true
});
</code>
</pre>
<hr>
<h2 id="input">In an input</h2>
<div class="type-wrap">
<input id="typed4" type="text" style="padding: 10px;">
</div>
<pre>
<code class="javascript">
var typed4 = new Typed('#typed4', {
strings: ['Some strings without', 'Some HTML', 'Chars'],
typeSpeed: 0,
backSpeed: 0,
attr: 'placeholder',
bindInputFocusEvents: true,
loop: true
});
</code>
</pre>
<hr>
<h2 id="shuffle">Shuffled</h2>
<div class="type-wrap">
<span id="typed5" style="white-space:pre;"></span>
</div>
<pre>
<code class="javascript">
var typed5 = new Typed('#typed5', {
strings: ['1 Some &lt;i&gt;strings&lt;/i&gt; with', '2 Some &lt;strong&gt;HTML&lt;/strong&gt;', '3 Chars &amp;times; &amp;copy;'],
typeSpeed: 0,
backSpeed: 0,
cursorChar: '_',
shuffle: true,
smartBackspace: false,
loop: true
});
</code>
</pre>
<hr>
<h2 id="bulk">Bulk Typing</h2>
<div class="type-wrap" style="height: 50px;">
<span id="typed6" style="white-space:pre;"></span>
</div>
<pre>
<code class="javascript">
var typed6 = new Typed('#typed6', {
strings: ['npm install^1000\n `installing components...` ^1000\n `Fetching from source...`'],
typeSpeed: 40,
backSpeed: 0,
loop: true
});
</code>
</pre>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-11539016-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
assets/libs/typed.js/lib/typed.js
+1051
View File
File diff suppressed because it is too large Load Diff
assets/libs/typed.js/lib/typed.min.js
Vendored
+11
View File
File diff suppressed because one or more lines are too long
assets/libs/typed.js/logo-cropped.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

assets/libs/typed.js/logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB