whisper.cat stuff
This commit is contained in:
[Harper Innes]
1
weboasis/text/notepad/css/app-new.css
Normal file
1
weboasis/text/notepad/css/app-new.css
Normal file
File diff suppressed because one or more lines are too long
1
weboasis/text/notepad/css/app.css
Normal file
1
weboasis/text/notepad/css/app.css
Normal file
@ -0,0 +1 @@
|
||||
@import "https://fonts.googleapis.com/css?family=Lato:300,400,600,700";.mce-content-body{font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;color:#000;padding:5px}
|
||||
1
weboasis/text/notepad/css/fonts/a.txt
Normal file
1
weboasis/text/notepad/css/fonts/a.txt
Normal file
@ -0,0 +1 @@
|
||||
a
|
||||
45
weboasis/text/notepad/css/fonts/icons.svg
Normal file
45
weboasis/text/notepad/css/fonts/icons.svg
Normal file
@ -0,0 +1,45 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Generated by IcoMoon</metadata>
|
||||
<defs>
|
||||
<font id="icons" horiz-adv-x="1024">
|
||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||
<missing-glyph horiz-adv-x="1024" />
|
||||
<glyph unicode=" " horiz-adv-x="512" d="" />
|
||||
<glyph unicode="" glyph-name="cut" d="M810 810.667h128v-42l-298-300-86 86zM512 404.667c12 0 22 10 22 22s-10 22-22 22-22-10-22-22 10-22 22-22zM256 84.667c46 0 86 38 86 86s-40 86-86 86-86-38-86-86 40-86 86-86zM256 596.667c46 0 86 38 86 86s-40 86-86 86-86-38-86-86 40-86 86-86zM412 612.667l526-528v-42h-128l-298 298-100-100c10-22 14-44 14-70 0-94-76-170-170-170s-170 76-170 170 76 170 170 170c26 0 48-4 70-14l100 100-100 100c-22-10-44-14-70-14-94 0-170 76-170 170s76 170 170 170 170-76 170-170c0-26-4-48-14-70z" />
|
||||
<glyph unicode="" glyph-name="redo" d="M786 486.667l152 154v-384h-384l156 154c-60 50-136 80-220 80-152 0-280-98-324-234l-100 32c58 178 226 308 424 308 114 0 218-42 296-110z" />
|
||||
<glyph unicode="" glyph-name="select" d="M384 554.667v-256h256v256h-256zM298 212.667v428h428v-428h-428zM640 724.667v86h86v-86h-86zM640 42.667v86h86v-86h-86zM810 212.667v86h86v-86h-86zM810 554.667v86h86v-86h-86zM810 42.667v86h86c0-46-40-86-86-86zM810 384.667v84h86v-84h-86zM470 42.667v86h84v-86h-84zM384 810.667v-86h-86v86h86zM128 212.667v86h86v-86h-86zM214 42.667c-46 0-86 40-86 86h86v-86zM810 810.667c46 0 86-40 86-86h-86v86zM554 810.667v-86h-84v86h84zM128 554.667v86h86v-86h-86zM298 42.667v86h86v-86h-86zM128 384.667v84h86v-84h-86zM128 724.667c0 46 40 86 86 86v-86h-86z" />
|
||||
<glyph unicode="" glyph-name="sort" d="M128 384.667v84h512v-84h-512zM128 682.667h768v-86h-768v86zM128 170.667v86h256v-86h-256z" />
|
||||
<glyph unicode="" glyph-name="undo" d="M534 596.667c198 0 364-130 424-308l-100-32c-44 136-172 234-324 234-84 0-160-30-220-80l156-154h-384v384l152-154c78 68 182 110 296 110z" />
|
||||
<glyph unicode="" glyph-name="format" d="M410 426.667h204l-102 270zM470 810.667h84l234-598h-96l-46 128h-268l-48-128h-96zM0 84.667h1024v-170h-1024v170z" />
|
||||
<glyph unicode="" glyph-name="autosave" d="M426 212.667l282 282-60 60-222-220-88 88-60-60zM826 510.667c110-8 198-100 198-212 0-118-96-214-214-214h-554c-142 0-256 114-256 256 0 132 100 240 228 254 54 102 160 174 284 174 156 0 284-110 314-258z" />
|
||||
<glyph unicode="" glyph-name="download" d="M726 384.667h-128v170h-172v-170h-128l214-214zM826 510.667c110-8 198-100 198-212 0-118-96-214-214-214h-554c-142 0-256 114-256 256 0 132 100 240 228 254 54 102 160 174 284 174 156 0 284-110 314-258z" />
|
||||
<glyph unicode="" glyph-name="nav_prev" d="M658 622.667l-196-196 196-196-60-60-256 256 256 256z" />
|
||||
<glyph unicode="" glyph-name="nav_next" d="M426 682.667l256-256-256-256-60 60 196 196-196 196z" />
|
||||
<glyph unicode="" glyph-name="emoji" d="M512 192.667c-100 0-184 60-218 148h436c-34-88-118-148-218-148zM362 468.667c-36 0-64 28-64 64s28 64 64 64 64-28 64-64-28-64-64-64zM662 468.667c-36 0-64 28-64 64s28 64 64 64 64-28 64-64-28-64-64-64zM512 84.667c188 0 342 154 342 342s-154 342-342 342-342-154-342-342 154-342 342-342zM512 852.667c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426z" />
|
||||
<glyph unicode="" glyph-name="pref" d="M640 554.667v256h86v-86h170v-84h-170v-86h-86zM896 384.667h-426v84h426v-84zM298 554.667h86v-256h-86v86h-170v84h170v86zM554 42.667h-84v256h84v-86h342v-84h-342v-86zM128 724.667h426v-84h-426v84zM128 212.667h256v-84h-256v84z" />
|
||||
<glyph unicode="" glyph-name="interface" d="M128 724.667h810v-256h-810v256zM426 128.667v298h512v-298h-512zM128 128.667v298h256v-298h-256z" />
|
||||
<glyph unicode="" glyph-name="check" d="M384 248.667l452 452 60-60-512-512-238 238 60 60z" />
|
||||
<glyph unicode="" glyph-name="close" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
|
||||
<glyph unicode="" glyph-name="ellipsis_v" d="M512 256.667c46 0 86-40 86-86s-40-86-86-86-86 40-86 86 40 86 86 86zM512 512.667c46 0 86-40 86-86s-40-86-86-86-86 40-86 86 40 86 86 86zM512 596.667c-46 0-86 40-86 86s40 86 86 86 86-40 86-86-40-86-86-86z" />
|
||||
<glyph unicode="" glyph-name="bin" d="M810 768.667v-86h-596v86h148l44 42h212l44-42h148zM256 128.667v512h512v-512c0-46-40-86-86-86h-340c-46 0-86 40-86 86z" />
|
||||
<glyph unicode="" glyph-name="find_replace" d="M710 292.667l206-208-62-62-208 206c-50-36-110-58-176-58-82 0-158 34-212 88l-88-88v256h256l-108-108c38-38 94-62 152-62 104 0 188 72 208 170h86c-6-50-26-96-54-134zM470 682.667c-104 0-190-72-210-170h-86c20 144 146 256 296 256 82 0 156-34 210-88l88 88v-256h-256l108 108c-38 38-92 62-150 62z" />
|
||||
<glyph unicode="" glyph-name="info" d="M470 554.667v86h84v-86h-84zM512 84.667c188 0 342 154 342 342s-154 342-342 342-342-154-342-342 154-342 342-342zM512 852.667c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426zM470 212.667v256h84v-256h-84z" />
|
||||
<glyph unicode="" glyph-name="time" d="M534 640.667v-224l192-114-32-54-224 136v256h64zM512 84.667c188 0 342 154 342 342s-154 342-342 342-342-154-342-342 154-342 342-342zM512 852.667c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426z" />
|
||||
<glyph unicode="" glyph-name="spellcheck" d="M922 444.667l60-60-406-406-216 218 60 60 156-158zM274 468.667h176l-88 236zM532 256.667l-50 128h-240l-48-128h-90l218 554h80l218-554h-88z" />
|
||||
<glyph unicode="" glyph-name="subject" d="M170 724.667h684v-84h-684v84zM170 298.667v86h684v-86h-684zM854 554.667v-86h-684v86h684zM598 212.667v-84h-428v84h428z" />
|
||||
<glyph unicode="" glyph-name="menu" d="M896 469.334h-768c-25.6 0-42.667-17.067-42.667-42.667s17.067-42.667 42.667-42.667h768c25.6 0 42.667 17.067 42.667 42.667s-17.067 42.667-42.667 42.667zM128 640h768c25.6 0 42.667 17.067 42.667 42.667s-17.067 42.667-42.667 42.667h-768c-25.6 0-42.667-17.067-42.667-42.667s17.067-42.667 42.667-42.667zM896 213.334h-768c-25.6 0-42.667-17.067-42.667-42.667s17.067-42.667 42.667-42.667h768c25.6 0 42.667 17.067 42.667 42.667s-17.067 42.667-42.667 42.667z" />
|
||||
<glyph unicode="" glyph-name="printer" d="M768 810.667v-170h-512v170h512zM810 426.667c24 0 44 18 44 42s-20 44-44 44-42-20-42-44 18-42 42-42zM682 128.667v212h-340v-212h340zM810 596.667c70 0 128-58 128-128v-256h-170v-170h-512v170h-170v256c0 70 58 128 128 128h596z" />
|
||||
<glyph unicode="" glyph-name="find" d="M660.48 239.616c-68.622-53.712-156.164-86.131-251.277-86.131-226.216 0-409.6 183.384-409.6 409.6s183.384 409.6 409.6 409.6c226.216 0 409.6-183.384 409.6-409.6 0-95.113-32.419-182.654-86.809-252.177l0.678 0.9 273.92-272.896-72.704-72.704-272.896 273.408zM409.6 256c169.662 0 307.2 137.538 307.2 307.2s-137.538 307.2-307.2 307.2v0c-169.662 0-307.2-137.538-307.2-307.2s137.538-307.2 307.2-307.2v0z" />
|
||||
<glyph unicode="" glyph-name="save" d="M776.858 870.4h-572.058c-56.371 0-102.4-46.080-102.4-102.4v-614.4c0-56.32 46.029-102.4 102.4-102.4h614.4c56.371 0 102.4 46.080 102.4 102.4v556.698l-144.742 160.102zM716.8 563.2c0-28.109-23.040-51.2-51.2-51.2h-307.2c-28.16 0-51.2 23.091-51.2 51.2v256h409.6v-256zM665.6 768h-102.4v-204.8h102.4v204.8z" />
|
||||
<glyph unicode="" glyph-name="new" d="M917.806 730.924c-22.212 30.292-53.174 65.7-87.178 99.704s-69.412 64.964-99.704 87.178c-51.574 37.82-76.592 42.194-90.924 42.194h-496c-44.112 0-80-35.888-80-80v-864c0-44.112 35.888-80 80-80h736c44.112 0 80 35.888 80 80v624c0 14.332-4.372 39.35-42.194 90.924zM785.374 785.374c30.7-30.7 54.8-58.398 72.58-81.374h-153.954v153.946c22.984-17.78 50.678-41.878 81.374-72.572zM896 16c0-8.672-7.328-16-16-16h-736c-8.672 0-16 7.328-16 16v864c0 8.672 7.328 16 16 16 0 0 495.956 0.002 496 0v-224c0-17.672 14.326-32 32-32h224v-624z" />
|
||||
<glyph unicode="" glyph-name="notepad" d="M917.806 730.924c-22.212 30.292-53.174 65.7-87.178 99.704s-69.412 64.964-99.704 87.178c-51.574 37.82-76.592 42.194-90.924 42.194h-496c-44.112 0-80-35.888-80-80v-864c0-44.112 35.888-80 80-80h736c44.112 0 80 35.888 80 80v624c0 14.332-4.372 39.35-42.194 90.924zM785.374 785.374c30.7-30.7 54.8-58.398 72.58-81.374h-153.954v153.946c22.984-17.78 50.678-41.878 81.374-72.572zM896 16c0-8.672-7.328-16-16-16h-736c-8.672 0-16 7.328-16 16v864c0 8.672 7.328 16 16 16 0 0 495.956 0.002 496 0v-224c0-17.672 14.326-32 32-32h224v-624zM736 128h-448c-17.672 0-32 14.326-32 32s14.328 32 32 32h448c17.674 0 32-14.326 32-32s-14.326-32-32-32zM736 256h-448c-17.672 0-32 14.326-32 32s14.328 32 32 32h448c17.674 0 32-14.326 32-32s-14.326-32-32-32zM736 384h-448c-17.672 0-32 14.326-32 32s14.328 32 32 32h448c17.674 0 32-14.326 32-32s-14.326-32-32-32z" />
|
||||
<glyph unicode="" glyph-name="copy" d="M640 704v256h-448l-192-192v-576h384v-256h640v768h-384zM192 869.49v-101.49h-101.49l101.49 101.49zM64 256v448h192v192h320v-192l-192-192v-256h-320zM576 613.49v-101.49h-101.49l101.49 101.49zM960 0h-512v448h192v192h320v-640z" />
|
||||
<glyph unicode="" glyph-name="open" d="M832 0l192 512h-832l-192-512zM128 576l-128-576v832h288l128-128h416v-128z" />
|
||||
<glyph unicode="" glyph-name="print" d="M256 896h512v-128h-512v128zM960 704h-896c-35.2 0-64-28.8-64-64v-320c0-35.2 28.794-64 64-64h192v-256h512v256h192c35.2 0 64 28.8 64 64v320c0 35.2-28.8 64-64 64zM128 512c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.652-64-64-64zM704 64h-384v320h384v-320z" />
|
||||
<glyph unicode="" glyph-name="keyboard" horiz-adv-x="1152" d="M1088 832h-1024c-35.2 0-64-28.8-64-64v-640c0-35.2 28.8-64 64-64h1024c35.2 0 64 28.8 64 64v640c0 35.2-28.8 64-64 64zM640 704h128v-128h-128v128zM832 512v-128h-128v128h128zM448 704h128v-128h-128v128zM640 512v-128h-128v128h128zM256 704h128v-128h-128v128zM448 512v-128h-128v128h128zM128 704h64v-128h-64v128zM128 512h128v-128h-128v128zM192 192h-64v128h64v-128zM768 192h-512v128h512v-128zM1024 192h-192v128h192v-128zM1024 384h-128v128h128v-128zM1024 576h-192v128h192v-128z" />
|
||||
<glyph unicode="" glyph-name="fullscreen" d="M1024 960v-416l-160 160-192-192-96 96 192 192-160 160zM448 288l-192-192 160-160h-416v416l160-160 192 192z" />
|
||||
<glyph unicode="" glyph-name="shrink" d="M448 384v-416l-160 160-192-192-96 96 192 192-160 160zM1024 864l-192-192 160-160h-416v416l160-160 192 192z" />
|
||||
<glyph unicode="" glyph-name="symbol" d="M704 64h256l64 128v-256h-384v214.214c131.112 56.484 224 197.162 224 361.786 0 214.432-157.598 382.266-352 382.266-194.406 0-352-167.832-352-382.266 0-164.624 92.886-305.302 224-361.786v-214.214h-384v256l64-128h256v32.59c-187.63 66.46-320 227.402-320 415.41 0 247.424 229.23 448 512 448s512-200.576 512-448c0-188.008-132.37-348.95-320-415.41v-32.59z" />
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 10 KiB |
BIN
weboasis/text/notepad/css/fonts/icons.ttf
Normal file
BIN
weboasis/text/notepad/css/fonts/icons.ttf
Normal file
Binary file not shown.
BIN
weboasis/text/notepad/css/fonts/icons.woff
Normal file
BIN
weboasis/text/notepad/css/fonts/icons.woff
Normal file
Binary file not shown.
1
weboasis/text/notepad/css/icons.css
Normal file
1
weboasis/text/notepad/css/icons.css
Normal file
@ -0,0 +1 @@
|
||||
@font-face{font-family:'icons';src:url(fonts/icons.ttf?pkyvlt) format("truetype"),url(fonts/icons.woff?pkyvlt) format("woff"),url(fonts/icons.svg?pkyvlt#icons) format("svg");font-weight:400;font-style:normal}i{font-family:'icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-rotate-90{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.i-rotate-180{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.i-rotate-270{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.i-new,.i-open,.i-print,.i-copy,.i-find,.i-keyboard{font-size:90%;margin-top:3px}.i-symbol{font-size:80%;margin-bottom:-4px}.i-4x{font-size:4em}.i-printer:before{content:"\e901"}.i-menu:before{content:"\e900"}.i-time:before{content:"\e8b5"}.i-check:before{content:"\e5ca"}.i-nav_prev:before{content:"\e408"}.i-nav_next:before{content:"\e409"}.i-close:before{content:"\e5cd"}.i-autosave:before{content:"\e2bf"}.i-download:before{content:"\e2c0"}.i-cut:before{content:"\e14e"}.i-bin:before{content:"\e872"}.i-find_replace:before{content:"\e881"}.i-format:before{content:"\e23c"}.i-info:before{content:"\e88f"}.i-emoji:before{content:"\e420"}.i-ellipsis_v:before{content:"\e5d4"}.i-redo:before{content:"\e15a"}.i-select:before{content:"\e162"}.i-sort:before{content:"\e164"}.i-spellcheck:before{content:"\e8ce"}.i-subject:before{content:"\e8d2"}.i-pref:before{content:"\e429"}.i-undo:before{content:"\e166"}.i-interface:before{content:"\e42b"}.i-save:before{content:"\e904"}.i-find:before{content:"\e902"}.i-new:before{content:"\e924"}.i-notepad:before{content:"\e926"}.i-copy:before{content:"\e92c"}.i-open:before{content:"\e930"}.i-print:before{content:"\e954"}.i-keyboard:before{content:"\e955"}.i-fullscreen:before{content:"\e98b"}.i-shrink:before{content:"\e98c"}.i-symbol:before{content:"\ea66"}
|
||||
1
weboasis/text/notepad/css/main.css
Normal file
1
weboasis/text/notepad/css/main.css
Normal file
File diff suppressed because one or more lines are too long
1
weboasis/text/notepad/css/notepad.css
Normal file
1
weboasis/text/notepad/css/notepad.css
Normal file
@ -0,0 +1 @@
|
||||
*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;background:#ccd6e5 url(/img/bg.svg)}.hidden{display:none}.mce-tinymce{border:0 !important}.wrapper{border:1px solid rgba(0,0,0,.15);height:100%;max-width:1140px;margin:8px auto 0;border-radius:5px}.titlebar{font-family:'Open Sans',sans-serif;height:23px;background:#e5e5e5;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.05));border-radius:5px 5px 0 0;box-shadow:inset 0 1px rgba(255,255,255,.3);padding:.5em 0;text-align:center;border-bottom:1px solid rgba(0,0,0,.15)}.titlebar a{text-decoration:none;color:#444}h1{font-size:1em;margin:0;padding:0;font-weight:700;font-size:.95em}.notepad{display:block;height:100%;min-height:945px;box-shadow:0 0 20px 4px rgba(0,0,0,.15)}#editor{height:100%;width:100%}.tinywrap{height:100%;min-height:800px;background:#fff;overflow:hidden}.mce-panel{background:#fafafa!important}.mce-toolbar .mce-btn{background:#fafafa}.mce-btn i{color:#494949}.mce-window .mce-btn button{background:#2d8ac7;color:#fff!important}.ag{overflow:hidden;text-align:center;margin:8px auto 0;padding:0;clear:both}
|
||||
1
weboasis/text/notepad/css/style.css
Normal file
1
weboasis/text/notepad/css/style.css
Normal file
File diff suppressed because one or more lines are too long
BIN
weboasis/text/notepad/favicon.ico
Normal file
BIN
weboasis/text/notepad/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
1
weboasis/text/notepad/img/bg.svg
Normal file
1
weboasis/text/notepad/img/bg.svg
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="grad" gradientUnits="objectBoundingBox" x1="0.0" y1="0.0" x2="1.0" y2="1.0"><stop offset="0%" stop-color="#33799d"/><stop offset="100%" stop-color="#e8ebb4"/></linearGradient></defs><rect x="0" y="0" width="100%" height="100%" fill="url(#grad)" /></svg>
|
||||
|
After Width: | Height: | Size: 373 B |
BIN
weboasis/text/notepad/img/downloadsfolder.png
Normal file
BIN
weboasis/text/notepad/img/downloadsfolder.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
weboasis/text/notepad/img/favicon.ico
Normal file
BIN
weboasis/text/notepad/img/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
weboasis/text/notepad/img/onlinenotepad.png
Normal file
BIN
weboasis/text/notepad/img/onlinenotepad.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
weboasis/text/notepad/img/openfile.png
Normal file
BIN
weboasis/text/notepad/img/openfile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
weboasis/text/notepad/img/opentextfile.png
Normal file
BIN
weboasis/text/notepad/img/opentextfile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
weboasis/text/notepad/img/saveas.png
Normal file
BIN
weboasis/text/notepad/img/saveas.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
weboasis/text/notepad/img/savetextfile.png
Normal file
BIN
weboasis/text/notepad/img/savetextfile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
635
weboasis/text/notepad/index.html
Normal file
635
weboasis/text/notepad/index.html
Normal file
@ -0,0 +1,635 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>WebOasis - Notepad</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Write down quick notes and print a simple text document with Online Notepad editor. It includes spellchecker, word counter, autosave, find and replace etc.">
|
||||
<link rel="icon" href="img/favicon.ico">
|
||||
<link rel="stylesheet" href="css/app-new.css">
|
||||
<link rel="stylesheet" href="css/icons.css">
|
||||
<script src="js/jquery.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="navbar"> <a href="#" id="nav-btn"><i class="i-menu"></i></a> <a href="index.html" class="brand">
|
||||
<h1>WebOasis - Notepad</h1>
|
||||
</a></div>
|
||||
<div class="container">
|
||||
<div class="mask"></div>
|
||||
<div class="sidebar">
|
||||
<div class="create"> <button id="new_btn" class="btn btn-lg" title="Create a new note">+ Create new</button></div>
|
||||
<div class="search"> <i class="i-find"></i> <input type="text" id="n_search" class="search" placeholder="Search..." spellcheck="false"></div>
|
||||
<div class="settings">
|
||||
<ul class="menu more left">
|
||||
<li><a href="#" title="Sort notes"><i class="i-sort"></i></a>
|
||||
<ul>
|
||||
<li><a id="sortAZ" href="#"><i class=""></i> Alphabetical</a></li>
|
||||
<li><a id="sortNone" href="#"><i class="i-check"></i> Creation date</a></li>
|
||||
<li><a id="sortDate" href="#"><i class=""></i> Last modified</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="menu more right">
|
||||
<li><a href="#" title="Settings"><i class="i-ellipsis_v"></i></a>
|
||||
<ul>
|
||||
<li><a id="view_compact" href="#" id=""><i class="i-"></i> Compact View</a></li>
|
||||
<li><a id="view_all" href="#" id=""><i class="i-check"></i> Detailed View</a></li>
|
||||
<hr>
|
||||
<li><a id="backup_btn" href="#"><i class="i-download"></i> Backup</a></li>
|
||||
<li><a id="clear_btn" href="#"><i class="i-close"></i> Clear</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="saved-notes">
|
||||
<ul class="notes"></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="editor">
|
||||
<div class="editor-menu">
|
||||
<ul class="menu">
|
||||
<li><a href="#">File</a>
|
||||
<ul>
|
||||
<li><a id="file_new" href="#"><i class="i-new"></i> New</a></li>
|
||||
<li> <input type="file" id="file_open" accept="text/plain" class="none"> <label for="file_open"><i class="i-open"></i> Open</label></li>
|
||||
<li><a id="file_save" href="#"><i class="i-save"></i> Save</a></li>
|
||||
<li><a id="file_download" href="#"><i class="i-download"></i> Save As</a></li>
|
||||
<hr>
|
||||
<li><a id="file_print" href="#"><i class="i-print"></i> Print</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="stay-focus"><a href="#">Edit</a>
|
||||
<ul class="edit_btns">
|
||||
<li><a id="edit_undo" href="#"><i class="i-undo"></i> Undo</a></li>
|
||||
<li><a id="edit_redo" href="#"><i class="i-redo"></i> Redo</a></li>
|
||||
<hr>
|
||||
<li><a id="edit_cut" href="#"><i class="i-cut"></i> Cut</a></li>
|
||||
<li><a id="edit_copy" href="#"><i class="i-copy"></i> Copy</a></li>
|
||||
<li><a id="edit_del" href="#"><i class="i-close"></i> Delete</a></li>
|
||||
<li><a id="edit_sel" href="#"><i class="i-select"></i> Select All</a></li>
|
||||
<hr>
|
||||
<li><a id="edit_fnr" href="#"><i class="i-find"></i> Find & Replace</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="stay-focus"><a href="#">Insert</a>
|
||||
<ul>
|
||||
<li><a id="ins_time" href="#"><i class="i-time"></i> Date/Time</a></li>
|
||||
<li><a id="ins_char" href="#"><i class="i-symbol"></i> Characters</a></li>
|
||||
<li><a id="ins_emo" href="#"><i class="i-emoji"></i> Emojis</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Format</a>
|
||||
<ul>
|
||||
<li><a id="isWrap" href="#"><i class="i-check"></i> Word Wrap</a></li>
|
||||
<li><a id="font_btn" href="#"><i class="i-format"></i> Font</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="m-none"><a href="#">Tools</a>
|
||||
<ul>
|
||||
<li><a href="#" id="isSpell"><i class="i-check"></i> Spellcheck</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="md-none"><a href="#">View</a>
|
||||
<ul>
|
||||
<li><a href="#" id="isStatus"><i class="i-check"></i> Status Bar</a></li>
|
||||
<li><a href="#" class="fullscreen_btn"><i id="winCheck" class=""></i> Full Screen</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="m-none"><a href="#">Help</a>
|
||||
<ul>
|
||||
<li><a href="keyboard-shortcuts.html" target="_blank"><i class="i-keyboard"></i> Shortcuts</a></li>
|
||||
<hr>
|
||||
<li><a id="about_btn" href="#"><i class="i-info"></i> About</a></li>
|
||||
</ul>
|
||||
</li> <a href="#" title="Fullscreen mode" class="fullscreen_btn right md-none"><i id="winSize" class="i-fullscreen"></i></a>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="editor-head"> <input id="n_title" placeholder="Untitled Note" spellcheck="false"> <a href="#" id="del_btn" title="Delete"><i class="i-bin"></i></a></div>
|
||||
<div class="editor-body"> <textarea id="n_text" spellcheck="true"></textarea></div>
|
||||
<div class="editor-footer"> <span id="caretPos" class="left"></span> <span id="wordsNum" class="right">Words: 0</span></div>
|
||||
</div>
|
||||
<div class="adbox"> <a id="hide-sky" href="#"><i class="i-nav_next"></i></a>
|
||||
<div id="sky">
|
||||
<style>
|
||||
.ON_App {
|
||||
width: 320px;
|
||||
height: 100px
|
||||
}
|
||||
|
||||
@media(min-width:470px) {
|
||||
.ON_App {
|
||||
width: 468px;
|
||||
height: 100px
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width:730px) {
|
||||
.ON_App {
|
||||
width: 728px;
|
||||
height: 100px
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width:752px) {
|
||||
.ON_App {
|
||||
width: 750px;
|
||||
height: 100px
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width:972px) {
|
||||
.ON_App {
|
||||
width: 970px;
|
||||
height: 100px
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width:993px) {
|
||||
.ON_App {
|
||||
width: 160px;
|
||||
height: 600px
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width:1366px) {
|
||||
.ON_App {
|
||||
width: 300px;
|
||||
height: 250px
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal" id="find_replace">
|
||||
<div class="modal-head"> <b>Find and replace</b> <span class="modal-x"><i class="i-close"></i></span></div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group spacer-s"> <label class="w-30">Find this</label><input id="find_box" class="input w-70" value=""></div>
|
||||
<div class="form-group spacer-s"> <label class="w-30">Replace with</label><input id="replace_box" class="input w-70" value=""></div>
|
||||
<div class="clear"> <span class="checkbox w-70 right spacer-s"> <input type="checkbox" id="match_case"> <label for="match_case">Match case</label> </span> <span class="checkbox w-70 right"> <input type="checkbox" id="whole_words"> <label for="whole_words">Whole words</label> </span></div>
|
||||
</div>
|
||||
<div class="modal-foot clear">
|
||||
<div class="right"> <button id="replaceall_btn" class="btn min-wid">Replace</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal" id="char_list">
|
||||
<div class="modal-head"> <b>Special Characters</b> <span class="modal-x"><i class="i-close"></i></span></div>
|
||||
<div class="modal-body">
|
||||
<ul class="charlist font-12" style="font-family:sans-serif">
|
||||
<li>¢</li>
|
||||
<li>€</li>
|
||||
<li>£</li>
|
||||
<li>¥</li>
|
||||
<li>©</li>
|
||||
<li>®</li>
|
||||
<li>™</li>
|
||||
<li>‰</li>
|
||||
<li>µ</li>
|
||||
<li>·</li>
|
||||
<li>•</li>
|
||||
<li>…</li>
|
||||
<li>′</li>
|
||||
<li>″</li>
|
||||
<li>§</li>
|
||||
<li>¶</li>
|
||||
<li>ß</li>
|
||||
<li>‹</li>
|
||||
<li>›</li>
|
||||
<li>«</li>
|
||||
<li>»</li>
|
||||
<li>‘</li>
|
||||
<li>’</li>
|
||||
<li>“</li>
|
||||
<li>”</li>
|
||||
<li>‚</li>
|
||||
<li>„</li>
|
||||
<li><</li>
|
||||
<li>></li>
|
||||
<li>≤</li>
|
||||
<li>≥</li>
|
||||
<li>–</li>
|
||||
<li>—</li>
|
||||
<li>¯</li>
|
||||
<li>‾</li>
|
||||
<li>¤</li>
|
||||
<li>¦</li>
|
||||
<li>¨</li>
|
||||
<li>¡</li>
|
||||
<li>¿</li>
|
||||
<li>ˆ</li>
|
||||
<li>˜</li>
|
||||
<li>°</li>
|
||||
<li>−</li>
|
||||
<li>±</li>
|
||||
<li>÷</li>
|
||||
<li>⁄</li>
|
||||
<li>×</li>
|
||||
<li>¹</li>
|
||||
<li>²</li>
|
||||
<li>³</li>
|
||||
<li>¼</li>
|
||||
<li>½</li>
|
||||
<li>¾</li>
|
||||
<li>ƒ</li>
|
||||
<li>∫</li>
|
||||
<li>∑</li>
|
||||
<li>∞</li>
|
||||
<li>√</li>
|
||||
<li>∼</li>
|
||||
<li>≅</li>
|
||||
<li>≈</li>
|
||||
<li>≠</li>
|
||||
<li>≡</li>
|
||||
<li>∈</li>
|
||||
<li>∉</li>
|
||||
<li>∋</li>
|
||||
<li>∏</li>
|
||||
<li>∧</li>
|
||||
<li>∨</li>
|
||||
<li>¬</li>
|
||||
<li>∩</li>
|
||||
<li>∪</li>
|
||||
<li>∂</li>
|
||||
<li>∀</li>
|
||||
<li>∃</li>
|
||||
<li>∅</li>
|
||||
<li>∇</li>
|
||||
<li>∗</li>
|
||||
<li>∝</li>
|
||||
<li>∠</li>
|
||||
<li>´</li>
|
||||
<li>¸</li>
|
||||
<li>ª</li>
|
||||
<li>º</li>
|
||||
<li>†</li>
|
||||
<li>‡</li>
|
||||
<li>À</li>
|
||||
<li>Á</li>
|
||||
<li>Â</li>
|
||||
<li>Ã</li>
|
||||
<li>Ä</li>
|
||||
<li>Å</li>
|
||||
<li>Ā</li>
|
||||
<li>Æ</li>
|
||||
<li>Ç</li>
|
||||
<li>È</li>
|
||||
<li>É</li>
|
||||
<li>Ê</li>
|
||||
<li>Ë</li>
|
||||
<li>Ē</li>
|
||||
<li>Ì</li>
|
||||
<li>Í</li>
|
||||
<li>Î</li>
|
||||
<li>Ï</li>
|
||||
<li>Ī</li>
|
||||
<li>Ð</li>
|
||||
<li>Ñ</li>
|
||||
<li>Ò</li>
|
||||
<li>Ó</li>
|
||||
<li>Ô</li>
|
||||
<li>Õ</li>
|
||||
<li>Ö</li>
|
||||
<li>Ø</li>
|
||||
<li>Ō</li>
|
||||
<li>Œ</li>
|
||||
<li>Š</li>
|
||||
<li>Ù</li>
|
||||
<li>Ú</li>
|
||||
<li>Û</li>
|
||||
<li>Ü</li>
|
||||
<li>Ū</li>
|
||||
<li>Ý</li>
|
||||
<li>Ÿ</li>
|
||||
<li>Ȳ</li>
|
||||
<li>Þ</li>
|
||||
<li>à</li>
|
||||
<li>á</li>
|
||||
<li>â</li>
|
||||
<li>ã</li>
|
||||
<li>ä</li>
|
||||
<li>å</li>
|
||||
<li>ā</li>
|
||||
<li>æ</li>
|
||||
<li>ç</li>
|
||||
<li>è</li>
|
||||
<li>é</li>
|
||||
<li>ê</li>
|
||||
<li>ë</li>
|
||||
<li>ē</li>
|
||||
<li>ì</li>
|
||||
<li>í</li>
|
||||
<li>î</li>
|
||||
<li>ï</li>
|
||||
<li>ī</li>
|
||||
<li>ð</li>
|
||||
<li>ñ</li>
|
||||
<li>ò</li>
|
||||
<li>ó</li>
|
||||
<li>ô</li>
|
||||
<li>õ</li>
|
||||
<li>ö</li>
|
||||
<li>ø</li>
|
||||
<li>ō</li>
|
||||
<li>œ</li>
|
||||
<li>š</li>
|
||||
<li>ù</li>
|
||||
<li>ú</li>
|
||||
<li>û</li>
|
||||
<li>ü</li>
|
||||
<li>ū</li>
|
||||
<li>ý</li>
|
||||
<li>þ</li>
|
||||
<li>ÿ</li>
|
||||
<li>ȳ</li>
|
||||
<li>Α</li>
|
||||
<li>Β</li>
|
||||
<li>Γ</li>
|
||||
<li>Δ</li>
|
||||
<li>Ε</li>
|
||||
<li>Ζ</li>
|
||||
<li>Η</li>
|
||||
<li>Θ</li>
|
||||
<li>Ι</li>
|
||||
<li>Κ</li>
|
||||
<li>Λ</li>
|
||||
<li>Μ</li>
|
||||
<li>Ν</li>
|
||||
<li>Ξ</li>
|
||||
<li>Ο</li>
|
||||
<li>Π</li>
|
||||
<li>Ρ</li>
|
||||
<li>Σ</li>
|
||||
<li>Τ</li>
|
||||
<li>Υ</li>
|
||||
<li>Φ</li>
|
||||
<li>Χ</li>
|
||||
<li>Ψ</li>
|
||||
<li>Ω</li>
|
||||
<li>α</li>
|
||||
<li>β</li>
|
||||
<li>γ</li>
|
||||
<li>δ</li>
|
||||
<li>ε</li>
|
||||
<li>ζ</li>
|
||||
<li>η</li>
|
||||
<li>θ</li>
|
||||
<li>ι</li>
|
||||
<li>κ</li>
|
||||
<li>λ</li>
|
||||
<li>μ</li>
|
||||
<li>ν</li>
|
||||
<li>ξ</li>
|
||||
<li>ο</li>
|
||||
<li>π</li>
|
||||
<li>ρ</li>
|
||||
<li>ς</li>
|
||||
<li>σ</li>
|
||||
<li>τ</li>
|
||||
<li>υ</li>
|
||||
<li>φ</li>
|
||||
<li>χ</li>
|
||||
<li>ψ</li>
|
||||
<li>ω</li>
|
||||
<li>ℵ</li>
|
||||
<li>ϖ</li>
|
||||
<li>ℜ</li>
|
||||
<li>ϒ</li>
|
||||
<li>℘</li>
|
||||
<li>ℑ</li>
|
||||
<li>←</li>
|
||||
<li>↑</li>
|
||||
<li>→</li>
|
||||
<li>↓</li>
|
||||
<li>↔</li>
|
||||
<li>↵</li>
|
||||
<li>⇐</li>
|
||||
<li>⇑</li>
|
||||
<li>⇒</li>
|
||||
<li>⇓</li>
|
||||
<li>⇔</li>
|
||||
<li>∴</li>
|
||||
<li>⊂</li>
|
||||
<li>⊃</li>
|
||||
<li>⊄</li>
|
||||
<li>⊆</li>
|
||||
<li>⊇</li>
|
||||
<li>⊕</li>
|
||||
<li>⊗</li>
|
||||
<li>⊥</li>
|
||||
<li>⋅</li>
|
||||
<li>⌈</li>
|
||||
<li>⌉</li>
|
||||
<li>⌊</li>
|
||||
<li>⌋</li>
|
||||
<li>〈</li>
|
||||
<li>〉</li>
|
||||
<li>◊</li>
|
||||
<li>♠</li>
|
||||
<li>♣</li>
|
||||
<li>♥</li>
|
||||
<li>♦</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="modal-foot clear">
|
||||
<div class="right"> <button class="ins_char_btn btn min-wid">Insert</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal" id="emoji_list">
|
||||
<div class="modal-head"> <b>Emojis</b> <span class="modal-x"><i class="i-close"></i></span></div>
|
||||
<div class="modal-body">
|
||||
<ul class="charlist font-14">
|
||||
<li>😀</li>
|
||||
<li>😁</li>
|
||||
<li>😂</li>
|
||||
<li>🤣</li>
|
||||
<li>😃</li>
|
||||
<li>😄</li>
|
||||
<li>😅</li>
|
||||
<li>😆</li>
|
||||
<li>😉</li>
|
||||
<li>😊</li>
|
||||
<li>😋</li>
|
||||
<li>😎</li>
|
||||
<li>😍</li>
|
||||
<li>😘</li>
|
||||
<li>😗</li>
|
||||
<li>😙</li>
|
||||
<li>😚</li>
|
||||
<li>☺️</li>
|
||||
<li>🙂</li>
|
||||
<li>🤗</li>
|
||||
<li>🤩</li>
|
||||
<li>🤔</li>
|
||||
<li>🤨</li>
|
||||
<li>😐</li>
|
||||
<li>😑</li>
|
||||
<li>😶</li>
|
||||
<li>🙄</li>
|
||||
<li>😏</li>
|
||||
<li>😣</li>
|
||||
<li>😥</li>
|
||||
<li>😮</li>
|
||||
<li>🤐</li>
|
||||
<li>😯</li>
|
||||
<li>😪</li>
|
||||
<li>😫</li>
|
||||
<li>😴</li>
|
||||
<li>😌</li>
|
||||
<li>😛</li>
|
||||
<li>😜</li>
|
||||
<li>😝</li>
|
||||
<li>🤤</li>
|
||||
<li>😒</li>
|
||||
<li>😓</li>
|
||||
<li>😔</li>
|
||||
<li>😕</li>
|
||||
<li>🙃</li>
|
||||
<li>🤑</li>
|
||||
<li>😲</li>
|
||||
<li>☹️</li>
|
||||
<li>🙁</li>
|
||||
<li>😖</li>
|
||||
<li>😞</li>
|
||||
<li>😟</li>
|
||||
<li>😤</li>
|
||||
<li>😢</li>
|
||||
<li>😭</li>
|
||||
<li>😦</li>
|
||||
<li>😧</li>
|
||||
<li>😨</li>
|
||||
<li>😩</li>
|
||||
<li>🤯</li>
|
||||
<li>😬</li>
|
||||
<li>😰</li>
|
||||
<li>😱</li>
|
||||
<li>😳</li>
|
||||
<li>🤪</li>
|
||||
<li>😵</li>
|
||||
<li>😡</li>
|
||||
<li>😠</li>
|
||||
<li>🤬</li>
|
||||
<li>😷</li>
|
||||
<li>🤒</li>
|
||||
<li>🤕</li>
|
||||
<li>🤢</li>
|
||||
<li>🤮</li>
|
||||
<li>🤧</li>
|
||||
<li>😇</li>
|
||||
<li>🤠</li>
|
||||
<li>🤡</li>
|
||||
<li>🤥</li>
|
||||
<li>🤫</li>
|
||||
<li>🤭</li>
|
||||
<li>🧐</li>
|
||||
<li>🤓</li>
|
||||
<li>😈</li>
|
||||
<li>👿</li>
|
||||
<li>👹</li>
|
||||
<li>👺</li>
|
||||
<li>💀</li>
|
||||
<li>👻</li>
|
||||
<li>👽</li>
|
||||
<li>🤖</li>
|
||||
<li>💩</li>
|
||||
<li>😺</li>
|
||||
<li>😸</li>
|
||||
<li>😹</li>
|
||||
<li>😻</li>
|
||||
<li>😼</li>
|
||||
<li>😽</li>
|
||||
<li>🙀</li>
|
||||
<li>😿</li>
|
||||
<li>😾</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="modal-foot clear">
|
||||
<div class="right"> <button class="ins_char_btn btn min-wid">Insert</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal" id="font_format">
|
||||
<div class="modal-head"> <b>Font</b> <span class="modal-x"><i class="i-close"></i></span></div>
|
||||
<div class="modal-body">
|
||||
<div class="w-100 clear spacer-s">
|
||||
<div class="w-50 left spacer-r"> <label>Font</label> <select id="font_family" class="select w-100" value="" size="5">
|
||||
<option value="inherit" selected>Default</option>
|
||||
<option>Arial</option>
|
||||
<option>Comic Sans MS</option>
|
||||
<option>Courier New</option>
|
||||
<option>Georgia</option>
|
||||
<option>Helvetica</option>
|
||||
<option>Impact</option>
|
||||
<option value="Lucida Sans Unicode, Lucida Grande">Lucida</option>
|
||||
<option>Microsoft Sans Serif</option>
|
||||
<option value="Palatino Linotype, Palatino">Palatino</option>
|
||||
<option>Tahoma</option>
|
||||
<option>Times New Roman</option>
|
||||
<option>Trebuchet MS</option>
|
||||
<option>Verdana</option>
|
||||
<option value="system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Ubuntu,Roboto,sans-serif">System font</option>
|
||||
</select></div>
|
||||
<div class="w-50 right spacer-l"> <label>Size</label> <select id="font_size" class="select w-100" value="" size="5">
|
||||
<option>8pt</option>
|
||||
<option>9pt</option>
|
||||
<option>10pt</option>
|
||||
<option selected>11pt</option>
|
||||
<option>12pt</option>
|
||||
<option>14pt</option>
|
||||
<option>16pt</option>
|
||||
<option>18pt</option>
|
||||
<option>20pt</option>
|
||||
<option>22pt</option>
|
||||
<option>24pt</option>
|
||||
<option>30pt</option>
|
||||
<option>36pt</option>
|
||||
<option>48pt</option>
|
||||
<option>60pt</option>
|
||||
<option>72pt</option>
|
||||
</select></div>
|
||||
</div>
|
||||
<div class="w-100 clear">
|
||||
<div class="w-33 left spacer-r"> <label>Weight</label> <select id="font_weight" class="select w-100" value="" size="4">
|
||||
<option value="400" selected>Regular</option>
|
||||
<option value="700">Bold</option>
|
||||
</select></div>
|
||||
<div class="w-33 left spacer-l spacer-r"> <label>Style</label> <select id="font_style" class="select w-100" value="" size="4">
|
||||
<option selected>Normal</option>
|
||||
<option>Italic</option>
|
||||
</select></div>
|
||||
<div class="w-33 left spacer-l"> <label>Line space</label> <select id="font_line" class="select w-100" value="" size="4">
|
||||
<option value="1.25">Single</option>
|
||||
<option value="1.4">1.15</option>
|
||||
<option value="1.8" selected>1.5</option>
|
||||
<option value="2.4">Double</option>
|
||||
</select></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-foot clear">
|
||||
<div class="right"> <button id="reset_font" class="btn min-wid">Reset</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal" id="about_app">
|
||||
<div class="modal-head"> <b>About</b> <span class="modal-x"><i class="i-close"></i></span></div>
|
||||
<div class="modal-body centered" style="border-bottom:0">
|
||||
<h4>WebOasis - Notepad</h4>
|
||||
<div class="font-12">
|
||||
<p class="">Version 1.0</p><br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal" id="confirm">
|
||||
<div class="modal-head"> <b>Confirm</b> <span class="modal-x"><i class="i-close"></i></span></div>
|
||||
<div class="modal-body">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="modal-foot clear">
|
||||
<div class="right"> <button class="confirm-1 btn min-wid"></button> <button class="confirm-2 btn min-wid"></button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="toast" role="alert">
|
||||
<div class="toast-content"></div>
|
||||
</div>
|
||||
<div class="mob-mask"></div>
|
||||
<p id="print" class="none"></p>
|
||||
<script src="js/app-new.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
1
weboasis/text/notepad/js/app-new.js
Normal file
1
weboasis/text/notepad/js/app-new.js
Normal file
File diff suppressed because one or more lines are too long
1
weboasis/text/notepad/js/cfg.js
Normal file
1
weboasis/text/notepad/js/cfg.js
Normal file
@ -0,0 +1 @@
|
||||
eval((function(p){for(var q="",r=0,s=function(p,t){for(var u=0,v=0;v<t;v++){u*=96;var w=p.charCodeAt(v);if(w>=32&&w<=127){u+=w-32;}}return u;};r<p.length;){if(p.charAt(r)!="`")q+=p.charAt(r++);else{if(p.charAt(r+1)!="`"){var x=s(p.charAt(r+3),1)+5;q+=q.substr(q.length-s(p.substr(r+1,2),2)-x,x);r+=4;}else{q+="`";r+=2;}}}return q;})("function saveTextAsFile(b,d){var a=navigator.userAgent.match(\/MSIE\\s([\\d.]+)\/),h` 27Trident\\\/7.0\/)&&` ^6rv:11\/),i`!\"7Edge\/g),f=a?a[1]:h?11:i?12:-1;if(a&&f<10)return void console.log(\"No blobs on IE ver<10\");var d=tinyMCE.activeEditor.getContent({format:\"text\"}),d=d.replace(\/\\r?\\n\/g,\"\\r\\n\"),g=new Blob([d],{type` U!\/plain\"}),b=$(\"#txt_name\").val()+\".txt\";if(f>-1)window.`$.%msSave` v g,b);else`$X e=document.createElement(\"a\");e.download=b,e.href=` u\"URL` K\"ObjectURL(g),e.onclick=`%p#(c){` {$body.removeChild(c.target);},e.style.display=\"none\",` O)append` W!e),e.`!) ();}}`\'!$read`& c,b`&~!d`#V FileReader;d.o`\"0#d.readAsText(c);}$(`\"l#)` 6 y(`\"#$){$(\"#file_input\").on(\"change\",`\"K$b){`!<$this.files[0]` 9%c){`%j0s`%u%`\"u#.result`%g.<br\/>\"));});});}`&s!config={};` #\"$.extend(` 4!,{resize:!1,oninit:\"setPlainText\",paste_as_text:!0,height:800,auto` Z!_min_` %0:!` B!save_interval:\"1s\"` -%restore_when_empty:!0,browser_spellcheck` _(ask_before_u`&t :!1,entity_encoding:\"raw`!|#data_images` F `\'Y!path:!1`!A\'tention:\"525600m\",menu:{file:{title:\"File\",items:\"new`(U# savefile load` $ print\"},edit` W$Edit` W$undo redo | cut copy `#u | selectall` \' arch`%7\"\"},inser` k%I` * `!N$` 8!datetime | charmap nonbreaking\"},view`\"\/$View`\"\/$font`!9! preview fullscreen\"},help`\"i$Help`\"i$shortcuts | about\"}},setup:`(Z$a){a.addMenuItem(\"`#4#\",{con`&M \"` *!` &!Save\",icon:` G \",`! #:\"Ctrl+S\",onclick` }%){a.windowManager.open(`$a#Save As\",width:34`\'Z$90,onsubmit`!k%c){saveTextAs`*1 );},body:[{type:\"textbox\",id:\"txt_name\",label`%s!name:\"}],buttons:[{`\"5\'`!p.`!$+,`\"$+clos`!G }]});}}),`#M*`&g#`#D3Open...`#W#`)8!`#P,O`#L0$(\"#file_input\").`#~ `!I `!7,`%H!,`\"J\"Homepag`$n#!1`$L\/`$X!.location.href=\"\/\"`\"3\/`&P$` z$S` (%` RMkeyboard-`\'H$.html`!0&B`$^ `#S(`#4)`*J\"`#W$`\"nMon(\"init\",`\'H(add`\"4#(\"meta+o\",\"` 8(`#5`%Y\"` R*b` \\ \"\"` (1i` z ` &3u` ?8s`!K+`(R~`(R~`)(H`#r tinymce.Plugin`)w#add(`)J saver`$~&b,d){b`&=\'` >#\",`#\"\'`)p#` 4!`)Q.b`\"m~`\"m~`#c(`\"$+`#a*`#m\"}),navigator.userAgent.search(\/webkit\/i)>0?config.forced_root_block=\"div\":` &4!1,` T\"toolbar=[\"newdocument loadfile `${# print | cut copy paste | undo redo | `!]!replace | fontselect` %!ize` (\"| fullscreen\"]`!F#p`&@ s=[\"autoresiz`!3#` n)` S% auto`!]!`!M insertdatetime charmap nonbreaking` Q\'`\':$ wordcount `!E%`!u!or=\"#editor\"`#\/#content_css=[\"css\/app.css\"]`(M MCE.init(`$<!)"));
|
||||
2
weboasis/text/notepad/js/jquery.js
vendored
Normal file
2
weboasis/text/notepad/js/jquery.js
vendored
Normal file
File diff suppressed because one or more lines are too long
119
weboasis/text/notepad/keyboard-shortcuts.html
Normal file
119
weboasis/text/notepad/keyboard-shortcuts.html
Normal file
@ -0,0 +1,119 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>WebOasis - Notepad Keyboard Shortcuts</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Here is the complete list of key combinations that will help you to speed things up when using Online Notepad's editor.">
|
||||
<link rel="icon" href="img/favicon.ico">
|
||||
<link rel="stylesheet" href="css/icons.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<div class="wrapper"><a href="index.html" class="brand"><h1>WebOasis - Notepad</h1></a>
|
||||
<ul class="right">
|
||||
<li><a href="https://weboas.is">WebOasis Home</a></li>
|
||||
<li><a href="notepad.html">Alternative Notepad</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<section class="blog-header">
|
||||
<h2 class="title">Keyboard Shortcuts in the Notepad</h2>
|
||||
</section>
|
||||
<article class="content">
|
||||
<h3>Shortcuts</h3>
|
||||
<p>Here is the complete list of key combinations that will help you to speed things up when using the Notepad.</p>
|
||||
<table cellspacing="0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Action</th>
|
||||
<th>PC</th>
|
||||
<th>Mac</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><i class="i-open"></i> Open file</td>
|
||||
<td>Ctrl + O</td>
|
||||
<td>Command + O</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-save"></i> Save</td>
|
||||
<td>Ctrl + S</td>
|
||||
<td>Command + S</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-download"></i> Download file</td>
|
||||
<td>Ctrl + Shift + S</td>
|
||||
<td>Command + Shift + S</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-print"></i> Print</td>
|
||||
<td>Ctrl + P</td>
|
||||
<td>Command + P</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-undo"></i> Undo</td>
|
||||
<td>Ctrl + Z</td>
|
||||
<td>Command + Z</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-redo"></i> Redo</td>
|
||||
<td>Ctrl + Y</td>
|
||||
<td>Command + Y</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-cut"></i> Cut selected text</td>
|
||||
<td>Ctrl + X</td>
|
||||
<td>Command + X</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-copy"></i> Copy selected text</td>
|
||||
<td>Ctrl + C</td>
|
||||
<td>Command + C</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-select"></i> Highlight all</td>
|
||||
<td>Ctrl + A</td>
|
||||
<td>Command + A</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-find_replace"></i> Find and replace</td>
|
||||
<td>Ctrl + Shift + R</td>
|
||||
<td>Command + Shift + R</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-time"></i> Insert date & time</td>
|
||||
<td>Ctrl + Shift + D</td>
|
||||
<td>Command + Shift + D</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-symbol"></i> Open charmap</td>
|
||||
<td>Ctrl + Shift + C</td>
|
||||
<td>Command + Shift + C</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-emoji"></i> Open emoji list</td>
|
||||
<td>Ctrl + Shift + E</td>
|
||||
<td>Command + Shift + E</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-format"></i> Open font preference</td>
|
||||
<td>Ctrl + Shift + G</td>
|
||||
<td>Command + Shift + G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="i-fullscreen"></i> Toggle fullscreen</td>
|
||||
<td>Ctrl + Shift + F</td>
|
||||
<td>Command + Shift + F</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table> <br>
|
||||
<blockquote> Note: Most web browsers have built-in additional shortcuts. You may need to click within the editor context to activate the shortcuts listed above.</blockquote>
|
||||
</article>
|
||||
<footer><span><a href="index.html">WebOasis - Notepad</a></span></footer>
|
||||
</body>
|
||||
</html>
|
||||
56
weboasis/text/notepad/notepad.html
Normal file
56
weboasis/text/notepad/notepad.html
Normal file
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>WebOasis - Notepad</title>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width,initial-scale=1,maximum-scale=1" name="viewport">
|
||||
<meta content="Write down quick notes and print a simple text document with Online Notepad editor. It includes spellchecker, word counter, autosave, find and replace etc." name="description">
|
||||
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
|
||||
<script src="js/jquery.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.1/tinymce.min.js"></script>
|
||||
<link href="css/notepad.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ag">
|
||||
<style>
|
||||
.ON_App {
|
||||
width: 234px;
|
||||
height: 60px
|
||||
}
|
||||
@media(min-width:341px) {
|
||||
.ON_App {
|
||||
width: 320px;
|
||||
height: 100px
|
||||
}
|
||||
}
|
||||
@media(min-width:490px) {
|
||||
.ON_App {
|
||||
width: 468px;
|
||||
height: 60px
|
||||
}
|
||||
}
|
||||
@media(min-width:750px) {
|
||||
.ON_App {
|
||||
width: 728px;
|
||||
height: 90px
|
||||
}
|
||||
}
|
||||
@media(min-width:997px) {
|
||||
.ON_App {
|
||||
width: 970px;
|
||||
height: 90px
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="wrapper">
|
||||
<div class="notepad" style="display:block">
|
||||
<div class="titlebar">
|
||||
<h1>WebOasis - Notepad</h1>
|
||||
</div>
|
||||
<div class="tinywrap"><textarea id="editor"></textarea></div><input accept=".txt" class="hidden" id="file_input" type="file">
|
||||
</div>
|
||||
</div>
|
||||
<script src="js/cfg.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user