You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
193 lines
7.8 KiB
193 lines
7.8 KiB
<html> |
|
<head> |
|
<title>Wau Demo</title> |
|
<link rel="stylesheet" type="text/css" href="./css/wau.css"> |
|
<link rel="stylesheet" type="text/css" href="./css/color.css"> |
|
|
|
<script src="codemirror/codemirror.js"></script> |
|
<script src="codemirror/runmode.js"></script> |
|
<link rel="stylesheet" href="codemirror/codemirror.css"> |
|
<script src="codemirror/javascript.js"></script> |
|
<script src="codemirror/xml.js"></script> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
<script src="explorer/react.js"></script> |
|
|
|
<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'> |
|
|
|
</head> |
|
<body> |
|
<a href="https://github.com/naptha/tesseract.js" class="fork"><img id="fork" src="img/fork.png" alt="Fork me on GitHub"></a> |
|
|
|
|
|
<div id="splash" class="fullscreen"> |
|
<div id ="marterial" class="header"></div> |
|
|
|
<div id="logo" class="header"> |
|
<canvas id="canvas"></canvas> |
|
</div> |
|
|
|
<div id="two" class="two"> |
|
|
|
<div id="code"> |
|
<div id="d1desc" class="desc"> |
|
Tesseract.js is a <b>pure javascript</b> version of the <b><a href="https://github.com/tesseract-ocr/Tesseract">Tesseract OCR Engine</a> |
|
</b> that can recognize |
|
<a href="#eng">English</a>, |
|
<a href="#chi_sim">Chinese</a>, |
|
<a href="#rus">Russian</a>, |
|
<a href="#tha">Meme</a>, and <a>60 other languages</a>. |
|
<!-- <div class="manyLanguages"> |
|
(and |
|
<a href="#deu">German</a>, |
|
<a href="#jpn">Japanese</a>, |
|
<a href="#spa">Spanish</a>, |
|
<a href="#fra">French</a>, |
|
<a href="#chi_tra">Traditional Chinese</a>, |
|
<a href="#por">Portuguese</a>, |
|
<a href="#ita">Italian</a>, |
|
<a href="#pol">Polish</a>, |
|
<a href="#tur">Turkish</a>, |
|
<a href="#nld">Dutch</a>, |
|
<a href="#ara">Arabic</a>, |
|
<a href="#ces">Czech</a>, |
|
<a href="#kor">Korean</a>, |
|
<a href="#swe">Swedish</a>, |
|
<a href="#vie">Vietnamese</a>, |
|
<a href="#ron">Romanian</a>, |
|
<a href="#ell">Greek</a>, |
|
<a href="#ind">Indonesian</a>, |
|
<a href="#hun">Hungarian</a>, |
|
<a href="#dan">Danish</a>, |
|
<a href="#bul">Bulgarian</a>, |
|
<a href="#fin">Finnish</a>, |
|
<a href="#nor">Norwegian</a>, |
|
<a href="#ukr">Ukrainian</a>, |
|
<a href="#cat">Catalan</a>, |
|
<a href="#hrv">Croatian</a>, |
|
<a href="#heb">Hebrew</a>, |
|
<a href="#lit">Lithuanian</a>, |
|
<a href="#slv">Slovenian</a>, |
|
<a href="#hin">Hindi</a>, |
|
<a href="#ben">Bengali</a>, |
|
<a href="#tel">Telugu</a>, |
|
<a href="#tam">Tamil</a>, |
|
<a href="#kan">Kannada</a>, |
|
<a href="#mal">Malayalam</a>, |
|
<a href="#tgl">Tagalog</a>, |
|
<a href="#swa">Swahili</a>, |
|
<a href="#aze">Azerbaijani</a>, |
|
<a href="#bel">Belarusian</a>, |
|
<a href="#afr">Afrikaans</a>, |
|
<a href="#sqi">Albanian</a>, |
|
<a href="#eus">Basque</a>, |
|
<a href="#epo">Esperanto</a>, |
|
<a href="#est">Estonian</a>, |
|
<a href="#glg">Galician</a>, |
|
<a href="#isl">Icelandic</a>, |
|
<a href="#lav">Latvian</a>, |
|
<a href="#mkd">Macedonian</a>, |
|
<a href="#msa">Malay</a>, |
|
<a href="#mlt">Maltese</a>, |
|
<a href="#grc">Ancient Greek</a>, |
|
<a href="#chr">Cherokee</a>, |
|
<a href="#enm">English (Old)</a>, |
|
<a href="#epo_alt">Esperanto alternative</a>, |
|
<a href="#frk">Frankish</a>, |
|
<a href="#frm">French (Old)</a>, |
|
<a href="#ita_old">Italian (Old)</a>, |
|
<a href="#equ">Math</a>, |
|
<a href="#srp">Serbian (Latin)</a>, |
|
<a href="#slk">Slovakian</a>, |
|
and |
|
<a href="#spa_old">Old Spanish!</a>)</div> --> |
|
|
|
</div> |
|
<a href="#get_started"> |
|
<div class="getStarted"> |
|
Get Started |
|
</div> |
|
</a> |
|
|
|
</div> |
|
|
|
<div id="wow" class="demo"> |
|
<div class="demoheader"> |
|
</div> |
|
<hr> |
|
<div class="editor"></div> |
|
<div class="hint"> |
|
Hint: you can, like, edit this code yo |
|
</div> |
|
<div class="running"> |
|
<div class="out">Initializing Magic...</div> |
|
<progress class="prog" value="0" max="1"></progress> |
|
</div> |
|
<div class="notrunning"> |
|
<div class="runbutton">Run Code</div> |
|
</div> |
|
|
|
<canvas class="display"></canvas> |
|
|
|
<img src="img/poem.png" class="to_ocr"> |
|
<div class="demofooter"> |
|
<div class="bookend"></div> |
|
<div class="langlabel"><b>English</b> </div><div class="vr"></div> |
|
<div class="langlabel">Chinese</div> <div class="vr"></div> |
|
<div class="langlabel">Russian</div> <div class="vr"></div> |
|
<div class="langlabel">Meme</div> <div class="bookend"></div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
<!-- <div class="fullscreen"> |
|
</div> |
|
--> |
|
<div class="two fullscreen"> |
|
|
|
<div id="explorer">The output of the demo will magically appear here :)</div> |
|
|
|
|
|
<div class="desc"> |
|
click stuff to explore the rich creamy Tesseract.js output |
|
</div> |
|
</div> |
|
|
|
|
|
<div id="notconvinced" class="fullscreen"> |
|
|
|
|
|
<div id="get_started"> |
|
<div class="npm" >npm install tesseract.js</div> |
|
<!-- <br> --> |
|
<!-- — or — --> |
|
<div class="npm longasstag"><script src="https://cdn.rawgit.com/naptha/tesseract.js/master/lib/Tesseract.js"></script></div> |
|
</div> |
|
|
|
|
|
<div class="rant randombold"> |
|
"Last time I got here, before I <b>even</b> arrived, they had ‘fuck <b>Kanye’</b> on the motherfuckin’ <b>port-a-potties.</b> But this year, we gon’ piss on ‘em, on they motherfuckin’ port-a-potties. How many of <b>y'all</b> don't give a fuck about <b>what</b> the press <b>say?</b> It's 2014. College Dropout came out 2004. I want y'all to know, <b>every</b> time I go to the studio, every time I <b>do</b> <b>an</b> <b>interview,</b> every time I make a motherfuckin' <b>t-shirt,</b> the thing <b>I</b> do, I give it <b>everything</b> <b>I</b> got. And when I talk that shit, it's so that <b>you</b> can talk that shit. If you a fan of me, you a fan of your motherfuckin' self. You can do something that'll change the world. Look at how they try to make me look. They <b>try</b> to make me look crazy.", |
|
<b></b> "I <b>need</b> a new cool. <b>What's</b> the new shit out? What's the new shit <b>out</b> <b>with</b> the most commercials at the Super Bowl? <b>Let's</b> <b>just</b> stop the music and play a Bruno Mars song right <b>now,</b> how about that? <b>They</b> told me I would never play at the Super Bowl. They told me I could never play at the Super Bowl. Not until I'm <b>super</b> old. Not until I'm <b>super</b> old... They told me I would never play at the <b>Super</b> Bowl. They told <b>me</b> I would never play at the <b>Super</b> <b>Bowl,</b> at least not until I'm super old. So I think it's time–hold up, f—k that toast.", |
|
<b></b> "I know people get mad at me when I compare myself, but that's the only way I <b>can</b> explain what <b>my</b> aspirations are. When I'm talkin' 'bout Walt Disney, when I'm talkin' 'bout Howard Hughes, when I'm talkin' 'bout Henry Ford, when I'm talkin' 'bout Beethoven, when I talk about <b>Mozart,</b> when I talk about Shakespeare, and they all had their time on this earth. And I'm only 37. And right now I'm rockin' to 90,000, of y'all motherfuckers <b>right</b> now. So I ain't goin' at anybody on the radio. I'm goin' <b>after</b> Shakespeare. I'm <b>goin'</b> after <b>Walt</b> Disney. I'm <b>going</b> after <b>Howard</b> Hughes. I'm going after David Stern. I'm goin' <b>after</b> Henry Ford. I'm going <b>after</b> Elon Musk. Okay, he is living, but he's my boy.", |
|
|
|
</div> |
|
</div> |
|
|
|
<!-- |
|
<script src="https://rawgit.com/naptha/tesseract.js/master/lib/Tesseract.js"></script> |
|
--> |
|
|
|
<script src="https://cdn.rawgit.com/naptha/tesseract.js/master/lib/Tesseract.js"></script> |
|
|
|
<script src="main.js"></script> |
|
|
|
<script src="animation/raf.js"></script> |
|
<script src="animation/mouse.js"></script> |
|
<script src="animation/dimensions.js"></script> |
|
<script src="animation/main.js"></script> |
|
|
|
<script src="explorer/explorer.js"></script> |
|
</body> |
|
</html> |