-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·72 lines (63 loc) · 2.83 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
<html>
<head>
<title>Yak Bak</title>
<link rel="stylesheet" href="css/main.css" />
<script type="text/javascript" src="js/vendor/jquery-1.10.2.min.js"></script>
<link rel="icon" type="image/png" href="apple-touch-icon-precomposed.png">
</head>
<body>
<section>
<p>
Hi I'm Yak Bak. <br>
I say things back to you. <br>
I don't always understand. <br>
In fact, I don't even know how to read.
</p>
</section>
<div id="main">
<div id="content">
<div id="speech-content-elements">
<textarea id="speech-page-content" class="resizo" name="pageContent" placeholder="Click Button, Start Talking"></textarea>
<br />
<button class="speech-content-mic speech-mic">YAK BAK AT ME</button>
</div>
</div>
</div>
<span class="clickable">
<span class="menuicon"></span>
</span>
<a href="https://twitter.com/intent/tweet?&text=http://yakbak.us/ can't even read!" class="tweet">
<span class="tweeticon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" width="40px" height="26px" viewBox="0 0 20 16" version="1.1">
<title>source twitter</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs/>
<g sketch:type="MSPage" class="style0">
<g sketch:type="MSArtboardGroup" class="svgtwitter">
<path d="M20 2 C19.3 2.3 18.5 2.5 17.6 2.6 C18.5 2.1 19.1 1.3 19.4 0.4 C18.7 0.8 17.8 1.2 16.8 1.3 C16.1 0.6 15 0.1 13.8 0.1 C11.6 0.1 9.7 1.9 9.7 4.1 C9.7 4.4 9.8 4.7 9.8 5 C6.4 4.8 3.4 3.2 1.4 0.8 C1 1.4 0.8 2.1 0.8 2.8 C0.8 4.2 1.6 5.5 2.7 6.2 C2 6.2 1.4 6 0.8 5.7 C0.8 5.7 0.8 5.7 0.8 5.7 C0.8 7.7 2.2 9.3 4.1 9.7 C3.8 9.8 3.4 9.8 3 9.8 C2.7 9.8 2.5 9.8 2.2 9.7 C2.8 11.3 4.3 12.5 6.1 12.5 C4.7 13.6 2.9 14.3 1 14.3 C0.6 14.3 0.3 14.2 0 14.2 C1.8 15.4 4 16 6.3 16 C13.8 16 18 9.9 18 4.6 C18 4.4 18 4.2 18 4 C18.8 3.5 19.4 2.8 20 2 " sketch:type="MSShapeGroup"/>
</g>
</g>
</svg>
</span>
</a>
<script type="text/javascript" src="js/textarea-helper.js"></script>
<script type="text/javascript" src="js/speech-recognizer.js"></script>
<script src='js/jquery.autosize.js'></script>
<script>
$(function(){
$('.resizo').autosize();
$('.resizo').on('change', function(evt) {
$(this).trigger('autosize.resize');
});
});
</script>
<script>
$(function() { //run when the DOM is ready
$(".clickable").click(function() { //use a class, since your ID gets mangled
$( "#content" ).toggleClass( "perspective" );
$( "section" ).toggleClass( "showyourself" ); //add the class to the clicked element
});
});
</script>
</body>
</html>