-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 10.4 KB
/
index.html
1
<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" href=./assets/icon.png type=image/x-icon><title>State Aware Numerical Calculator by KP</title><link rel=stylesheet href=./bundle/style.css><!-- Sharer scripts start --><script src="https://cdn.jsdelivr.net/gh/patelka2211/dynamic-colors@1.1.5/DynamicColors.js"></script><script src="https://cdn.jsdelivr.net/gh/patelka2211/dominar@1.2.4/Dominar.js"></script><script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script><script src="https://cdn.jsdelivr.net/gh/patelka2211/sharer@1.0.0/Sharer.js"></script><script defer id="sharer-utility-js" class=" set-color-f2a93b" src="https://cdn.jsdelivr.net/gh/patelka2211/sharer@1.0.0/utility.js"></script><!-- Sharer scripts end --><meta name=title content="State Aware Numerical Calculator by KP"><meta name=description content="Experience the power of theory of computation with 'State aware numerical calculator' that visually showcases how regular language acceptors or finite automata accepts specific inputs and in what state."><meta property=og:type content=website><meta property=og:url content=https://patelka2211.github.io/state-aware-numerical-calculator/ ><meta property=og:title content="State Aware Numerical Calculator by KP"><meta property=og:description content="Experience the power of theory of computation with 'State aware numerical calculator' that visually showcases how regular language acceptors or finite automata accepts specific inputs and in what state."><meta property=og:image content=https://raw.githubusercontent.com/patelka2211/state-aware-numerical-calculator/main/assets/opengraph.jpg><meta property=twitter:card content=summary_large_image><meta property=twitter:url content=https://patelka2211.github.io/state-aware-numerical-calculator/ ><meta property=twitter:title content="State Aware Numerical Calculator by KP"><meta property=twitter:description content="Experience the power of theory of computation with 'State aware numerical calculator' that visually showcases how regular language acceptors or finite automata accepts specific inputs and in what state."><meta property=twitter:image content=https://raw.githubusercontent.com/patelka2211/state-aware-numerical-calculator/main/assets/opengraph.jpg></head><body><div id=main-container><div id=finite-automata-diagram><svg id=finite-automata-svg viewBox="0.00 0.00 534.00 168.80" xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink class=current-node-0><g id=graph0 class=graph transform="scale(1 1) rotate(0) translate(4 164.8)"><title>finite_state_machine</title><polygon fill=none stroke=none points="-4,4 -4,-164.8 480,-164.8 480,4 -4,4"></polygon><g><title>->0</title><path fill=none stroke=black d="M54.2578,-65C69.3176,-65 88.2033,-65 103.471,-65"></path><polygon fill=black stroke=black points="103.843,-68.5001 113.843,-65 103.843,-61.5001 103.843,-68.5001"></polygon><text font-family=Inter text-anchor=middle x=84 y=-69.2 font-family=Times,serif font-size=16.00>start</text></g><g id=node0 class="node highlighted-node"><title>State 0 (Enter digits only)</title><ellipse fill=none stroke=black cx=132 cy=-65 rx=18 ry=18></ellipse><text font-family=Inter text-anchor=middle x=132 y=-60.8 font-family=Times,serif font-size=16.00>0</text></g><g id=node1 class=node><title>State 1 (Enter digits, operators, period or equal)</title><ellipse fill=none stroke=black cx=212 cy=-61 rx=18 ry=18></ellipse><text font-family=Inter text-anchor=middle x=212 y=-56.8 font-family=Times,serif font-size=16.00>1</text></g><g id=node2 class=node><title>State 2 (Enter digits only)</title><ellipse fill=none stroke=black cx=292 cy=-52 rx=18 ry=18></ellipse><text font-family=Inter text-anchor=middle x=292 y=-47.8 font-family=Times,serif font-size=16.00>2</text></g><g id=node3 class=node><title>State 3 (Enter digits, operators or equal only)</title><ellipse fill=none stroke=black cx=372 cy=-18 rx=18 ry=18></ellipse><text font-family=Inter text-anchor=middle x=372 y=-13.8 font-family=Times,serif font-size=16.00>3</text></g><g id=node4 class=node><title>State 4 (Enter operators only)</title><ellipse fill=none stroke=black cx=454 cy=-98 rx=22 ry=22></ellipse><ellipse fill=none stroke=black cx=454 cy=-98 rx=18 ry=18></ellipse><text font-family=Inter text-anchor=middle x=454 y=-93.8 font-family=Times,serif font-size=16.00>4</text></g><g class="edges-from-0 edge highlighted-edge"><title>0->1</title><path fill=none stroke=black d="M147.325,-55.2371C153.418,-51.6474 160.776,-48.0174 168,-46.2 174.18,-44.6452 180.738,-45.5423 186.821,-47.4996"></path><polygon fill=black stroke=black points="185.884,-50.9024 196.459,-51.549 188.596,-44.4488 185.884,-50.9024"></polygon><text font-family=Inter text-anchor=middle x=172 y=-51.2 font-family=Times,serif font-size=16.00>D</text></g><g class="edges-from-1 edge"><title>1->0</title><path fill=none stroke=black d="M193.912,-62.0128C188.216,-62.3407 181.835,-62.6976 176,-63 170.948,-63.2618 165.562,-63.525 160.371,-63.7705"></path><polygon fill=black stroke=black points="159.987,-60.2844 150.16,-64.2436 160.311,-67.2769 159.987,-60.2844"></polygon><text font-family=Inter text-anchor=middle x=172 y=-68.2 font-family=Times,serif font-size=16.00>O</text></g><g class="edges-from-1 edge"><title>1->1</title><path fill=none stroke=black d="M204.969,-77.6641C203.406,-87.625 205.75,-97 212,-97 216.004,-97 218.405,-93.1525 219.202,-87.7682"></path><polygon fill=black stroke=black points="222.7,-87.6033 219.031,-77.6641 215.701,-87.7219 222.7,-87.6033"></polygon><text font-family=Inter text-anchor=middle x=212 y=-101.2 font-family=Times,serif font-size=16.00>D</text></g><g class="edges-from-1 edge"><title>1->2</title><path fill=none stroke=black d="M229.925,-59.0471C239.772,-57.911 252.418,-56.4518 263.646,-55.1563"></path><polygon fill=black stroke=black points="264.306,-58.6034 273.839,-53.9801 263.504,-51.6495 264.306,-58.6034"></polygon><text font-family=Inter text-anchor=middle x=252 y=-61.2 font-family=Times,serif font-size=16.00>P</text></g><g class="edges-from-1 edge"><title>1->4</title><path fill=none stroke=black d="M228.273,-69.2959C234.261,-72.1949 241.295,-75.1772 248,-77 308.056,-93.3258 381.15,-97.1609 421.834,-97.9423"></path><polygon fill=black stroke=black points="421.883,-101.443 431.931,-98.0853 421.982,-94.4439 421.883,-101.443"></polygon><text font-family=Inter text-anchor=middle x=332 y=-97.2 font-family=Times,serif font-size=16.00>E</text></g><g class="edges-from-2 edge"><title>2->3</title><path fill=none stroke=black d="M308.784,-45.1196C319.463,-40.465 333.791,-34.2192 346.006,-28.8947"></path><polygon fill=black stroke=black points="347.471,-32.0745 355.239,-24.8702 344.673,-25.6576 347.471,-32.0745"></polygon><text font-family=Inter text-anchor=middle x=332 y=-41.2 font-family=Times,serif font-size=16.00>D</text></g><g class="edges-from-3 edge"><title>3->0</title><path fill=none stroke=black d="M353.97,-18.2417C322.194,-18.9781 251.846,-21.9567 194,-34 182.164,-36.4643 178.939,-36.851 168,-42 163.74,-44.005 159.396,-46.4672 155.283,-49.027"></path><polygon fill=black stroke=black points="153.187,-46.2167 146.77,-54.647 157.044,-52.0585 153.187,-46.2167"></polygon><text font-family=Inter text-anchor=middle x=252 y=-30.2 font-family=Times,serif font-size=16.00>O</text></g><g class="edges-from-3 edge"><title>3->3</title><path fill=none stroke=black d="M365.266,-35.0373C363.892,-44.8579 366.137,-54 372,-54 375.665,-54 377.916,-50.4289 378.753,-45.3529"></path><polygon fill=black stroke=black points="382.252,-45.0307 378.734,-35.0373 375.252,-45.0439 382.252,-45.0307"></polygon><text font-family=Inter text-anchor=middle x=372 y=-58.2 font-family=Times,serif font-size=16.00>D</text></g><g class="edges-from-3 edge"><title>3->4</title><path fill=none stroke=black d="M385.5,-30.5C397.55,-42.5499 416.053,-61.0533 430.642,-75.6416"></path><polygon fill=black stroke=black points="428.313,-78.2623 437.859,-82.8586 433.262,-73.3126 428.313,-78.2623"></polygon><text font-family=Inter text-anchor=middle x=411 y=-62.2 font-family=Times,serif font-size=16.00>E</text></g><g class="edges-from-4 edge"><title>4->0</title><path fill=none stroke=black d="M437.934,-113.062C422.854,-126.478 398.314,-144 373,-144 211,-144 211,-144 211,-144 180.339,-144 157.664,-113.494 144.89,-90.3952"></path><polygon fill=black stroke=black points="147.909,-88.6146 140.179,-81.3689 141.703,-91.8535 147.909,-88.6146"></polygon><text font-family=Inter text-anchor=middle x=292 y=-148.2 font-family=Times,serif font-size=16.00>O</text></g></g></svg><div id=warning-tag></div></div><div class=calc-container><div id=answer-container></div><div class=calc-keys-container><div class=btn-row><button id=btn-clear class=calc-keys btn-value=c>Clear</button> <button id=btn-div class="calc-keys operator-key disabled" btn-value=/ >/</button></div><div class=btn-row><button id=btn-7 class="calc-keys digit-key" btn-value=7>7</button> <button id=btn-8 class="calc-keys digit-key" btn-value=8>8</button> <button id=btn-9 class="calc-keys digit-key" btn-value=9>9</button> <button id=btn-mult class="calc-keys operator-key disabled" btn-value=*>×</button></div><div class=btn-row><button id=btn-4 class="calc-keys digit-key" btn-value=4>4</button> <button id=btn-5 class="calc-keys digit-key" btn-value=5>5</button> <button id=btn-6 class="calc-keys digit-key" btn-value=6>6</button> <button id=btn-sub class="calc-keys operator-key disabled" btn-value=->−</button></div><div class=btn-row><button id=btn-1 class="calc-keys digit-key" btn-value=1>1</button> <button id=btn-2 class="calc-keys digit-key" btn-value=2>2</button> <button id=btn-3 class="calc-keys digit-key" btn-value=3>3</button> <button id=btn-add class="calc-keys operator-key disabled" btn-value=+>+</button></div><div class=btn-row><button id=btn-0 class="calc-keys digit-key" btn-value=0>0</button> <button id=btn-period class="calc-keys disabled" btn-value=.>.</button> <button id=btn-equal class="calc-keys disabled" btn-value="=">=</button></div></div><div class=sharer-btn-n-credits-container><div class=sharer-btn-n-credits><button class=sharer-open-btn onclick=Sharer.open()>Share</button><div>・</div><a target=_blank class=developer-credits href=https://linkedin.com/in/kartavyapatel/ ><img src=https://avatars.githubusercontent.com/u/82671701 alt=""> <span>Developed by KP</span></a></div></div></div></div><script src=./bundle/index.js></script></body></html>