2019-05-02 18:57:56 +02:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title > Lexiconga< / title >
< script src = "src/index.js" > < / script >
< / head >
< body >
< header id = "top" >
< h1 id = "title" > Lexiconga< / h1 >
2019-05-08 21:01:39 +02:00
2019-05-05 20:00:32 +02:00
< input id = "openSearchModal" placeholder = "🔍︎ Search" > < span id = "searchResults" > < / span >
2019-05-03 21:59:52 +02:00
< section id = "searchModal" class = "modal" style = "display:none;" >
< div class = "modal-background" onclick = "this.parentElement.style.display='none';" > < / div >
< div class = "modal-content" >
< a class = "close-button" onclick = "this.parentElement.parentElement.style.display='none';" > × ︎ < / a >
< section >
2019-05-05 20:00:32 +02:00
< label > Search Term
2019-05-03 21:59:52 +02:00
< input id = "searchBox" placeholder = "Search term" >
< / label >
< a id = "searchButton" class = "small button" > Search< / a >
< a id = "clearSearchButton" class = "small red button" > Clear< / a >
< a class = "small button" onclick = "var options=document.getElementById('searchOptions').style;options.display=options.display=='block'?'none':'block';" >
Toggle Options
< / a >
< / section >
< footer id = "searchOptions" style = "display:none;" >
2019-05-07 18:41:26 +02:00
< div class = "split" >
< div class = "quarter category" >
< h3 > Search For< / h3 >
< / div >
< div class = "three-quarter options" >
< label > Case-Sensitive
< input type = "checkbox" id = "searchCaseSensitive" >
< / label >
2019-05-08 22:09:00 +02:00
< label > Ignore Diacritics/Accents
< input type = "checkbox" id = "searchIgnoreDiacritics" >
< / label >
2019-05-07 18:41:26 +02:00
< label > Exact Words
< input type = "checkbox" id = "searchExactWords" >
< / label >
< / div >
< / div >
2019-05-03 21:59:52 +02:00
< div class = "split" >
< div class = "quarter category" >
< h3 > Include in Search< / h3 >
< / div >
< div class = "three-quarter options" >
2019-05-05 20:00:32 +02:00
< label > Word Name
2019-05-03 21:59:52 +02:00
< input type = "checkbox" checked id = "searchIncludeName" >
< / label >
2019-05-05 20:00:32 +02:00
< label > Definition
2019-05-03 21:59:52 +02:00
< input type = "checkbox" checked id = "searchIncludeDefinition" >
< / label >
2019-05-05 20:00:32 +02:00
< label > Details
2019-05-03 21:59:52 +02:00
< input type = "checkbox" checked id = "searchIncludeDetails" >
< / label >
< / div >
< / div >
2019-05-05 20:00:32 +02:00
< div class = "split" >
< div class = "quarter category" >
< h3 > Include Only< / h3 >
< / div >
< div class = "three-quarter options" id = "searchPartsOfSpeech" > < / div >
< / div >
2019-05-03 21:59:52 +02:00
< / footer >
< / div >
< / section >
2019-05-08 21:01:39 +02:00
< a id = "settingsButton" class = "button" > Settings< / a >
2019-05-02 18:57:56 +02:00
< / header >
< main >
< aside id = "sideColumn" >
2019-05-08 01:34:07 +02:00
< div id = "mobileWordFormShow" > +< / div >
2019-05-04 00:10:41 +02:00
< form id = "wordForm" >
< label > Word< span class = "red" > *< / span > < br >
2019-05-02 21:01:42 +02:00
< input id = "wordName" >
< / label >
2019-05-09 20:47:42 +02:00
< label > Pronunciation< a class = "label-button ipa-table-button" > IPA Chart< / a > < br >
2019-05-09 21:55:49 +02:00
< input id = "wordPronunciation" class = "ipa-field" > < br >
2019-05-09 20:47:42 +02:00
< a class = "label-help-button ipa-field-help-button" > Field Help< / a >
2019-05-02 21:01:42 +02:00
< / label >
< label > Part of Speech< br >
2019-05-03 19:45:26 +02:00
< select id = "wordPartOfSpeech" class = "part-of-speech-select" > < / select >
2019-05-02 21:01:42 +02:00
< / label >
2019-05-04 00:10:41 +02:00
< label > Definition< span class = "red" > *< / span > < br >
2019-05-03 19:45:26 +02:00
< input id = "wordDefinition" placeholder = "Equivalent words" >
2019-05-02 21:01:42 +02:00
< / label >
2019-05-07 22:31:54 +02:00
< label > Details< span class = "red" > *< / span > < a class = "label-button maximize-button" > Maximize< / a > < br >
2019-05-03 19:45:26 +02:00
< textarea id = "wordDetails" placeholder = "Markdown formatting allowed" > < / textarea >
2019-05-02 18:57:56 +02:00
< / label >
2019-05-04 00:10:41 +02:00
< div id = "wordErrorMessage" > < / div >
< a class = "button" id = "addWordButton" > Add Word< / a >
2019-05-02 18:57:56 +02:00
< / form >
< / aside >
< section id = "mainColumn" >
< section id = "detailsSection" >
2019-05-03 18:34:11 +02:00
< h2 id = "dictionaryName" > Dictionary Name< / h2 >
2019-05-02 18:57:56 +02:00
< nav >
< ul >
2019-05-04 05:52:19 +02:00
< li > Description< / li > < li > Details< / li > < li > Stats< / li > < li id = "editDictionaryButton" > Edit< / li >
2019-05-02 18:57:56 +02:00
< / ul >
< / nav >
2019-05-02 23:45:10 +02:00
< article id = "detailsPanel" style = "display:none;" >
2019-05-02 18:57:56 +02:00
< p > The dictionary details< / p >
< / article >
< / section >
2019-05-07 00:28:51 +02:00
< section class = "pagination" > < / section >
2019-05-02 18:57:56 +02:00
< section id = "entries" >
< article class = "entry" >
< header >
2019-05-07 00:28:51 +02:00
< h4 class = "word" > Loading Words< / h4 >
2019-05-02 18:57:56 +02:00
< / header >
< dl >
2019-05-07 00:28:51 +02:00
< dt class = "definition" > Please Wait...< / dt >
2019-05-02 18:57:56 +02:00
< / dl >
< / article >
< / section >
2019-05-07 00:28:51 +02:00
< section class = "pagination" > < / section >
2019-05-02 18:57:56 +02:00
< / section >
< / main >
2019-05-02 21:01:42 +02:00
< footer id = "bottom" >
2019-05-08 19:57:08 +02:00
< a href = "https://buymeacoff.ee/robbieantenesse" target = "_blank" class = "small button" > Support Lexiconga< / a >
< a href = "https://blog.lexicon.ga" target = "_blank" class = "small button" > Blog< / a >
< a href = "https://github.com/Alamantus/Lexiconga/issues" target = "_blank" class = "small button" > Issues< / a >
< a href = "https://github.com/Alamantus/Lexiconga/releases" target = "_blank" class = "small button" > Updates< / a >
2019-05-02 21:01:42 +02:00
|
2019-05-08 19:57:08 +02:00
< a class = "button" id = "helpInfoButton" > Help< / a >
< a class = "button" id = "termsInfoButton" > Terms< / a >
< a class = "button" id = "privacyInfoButton" > Privacy< / a >
2019-05-02 18:57:56 +02:00
< / footer >
2019-05-02 21:01:42 +02:00
2019-05-08 21:01:39 +02:00
< section id = "settingsModal" class = "modal" style = "display:none;" >
< div class = "modal-background" onclick = "this.parentElement.style.display='none';" > < / div >
< div class = "modal-content" >
< a class = "close-button" onclick = "this.parentElement.parentElement.style.display='none';" > × ︎ < / a >
< section >
2019-05-10 18:37:46 +02:00
< form class = "split two" >
< div >
< label > Use IPA Auto-Fill
< input id = "settingsUseIPA" type = "checkbox" checked > < br / >
< small > Check this to use character combinations to input International Phonetic Alphabet characters into
Pronunciation fields.< / small >
< / label >
2019-05-10 21:18:38 +02:00
< label > Use Hotkeys
< input id = "settingsUseHotkeys" type = "checkbox" checked > < br / >
< small > Check this to enable keyboard combinations to perform different helpful actions.< / small >
< / label >
2019-05-10 18:37:46 +02:00
< label > Theme
< select disabled >
< option selected value = "default" > Default< / option >
< option value = "dark" > Dark< / option >
< option value = "light" > Light< / option >
< option value = "blue" > Blue< / option >
< option value = "green" > Green< / option >
< option value = "royal" > Royal< / option >
< / select >
< / label >
< / div >
< div id = "accountSettings" > < / div >
2019-05-08 21:01:39 +02:00
< / form >
< / section >
< footer >
< a class = "button" id = "settingsSave" > Save< / a >
< a class = "button" id = "settingsSaveAndClose" > Save & Close< / a >
2019-05-10 21:08:03 +02:00
< a class = "red button" onclick = "this.parentElement.parentElement.parentElement.style.display='none';" > Close Without Saving< / a >
2019-05-08 21:01:39 +02:00
< / footer >
< / div >
< / section >
2019-05-02 21:01:42 +02:00
< section id = "editModal" class = "modal" style = "display:none;" >
< div class = "modal-background" onclick = "this.parentElement.style.display='none';" > < / div >
< div class = "modal-content" >
< a class = "close-button" onclick = "this.parentElement.parentElement.style.display='none';" > × ︎ < / a >
< nav class = "tabs" >
< ul >
< li class = "active" > Description< / li > < li > Details< / li > < li > Settings< / li > < li > Actions< / li >
< / ul >
< / nav >
2019-05-04 07:58:49 +02:00
< section id = "editDescriptionTab" >
2019-05-04 05:52:19 +02:00
< label > Name< br >
< input id = "editName" >
< / label >
< label > Specification< br >
< input id = "editSpecification" >
< / label >
2019-05-07 22:31:54 +02:00
< label > Description< a class = "label-button maximize-button" > Maximize< / a > < br >
2019-05-04 05:52:19 +02:00
< textarea id = "editDescription" > < / textarea >
< / label >
< / section >
2019-05-04 07:58:49 +02:00
< section id = "editDetailsTab" style = "display:none;" >
2019-05-04 05:52:19 +02:00
< label > Parts of Speech < small > (Comma Separated List)< / small > < br >
< input id = "editPartsOfSpeech" >
< / label >
< label > Alphabetical Order < small > (Comma Separated List. Include every letter!)< / small > < br >
< input id = "editAlphabeticalOrder" disabled value = "English Alphabet" >
< / label >
< h3 > Phonology< / h3 >
< div class = "split three" >
< div >
< label > Consonants< br >
2019-05-09 21:55:49 +02:00
< input id = "editConsonants" class = "ipa-field" > < br >
2019-05-09 20:47:42 +02:00
< a class = "label-help-button ipa-field-help-button" > Field Help< / a >
< a class = "label-button ipa-table-button" > IPA Chart< / a >
2019-05-04 05:52:19 +02:00
< / label >
< / div >
< div >
< label > Vowels< br >
2019-05-09 21:55:49 +02:00
< input id = "editVowels" class = "ipa-field" > < br >
2019-05-09 20:47:42 +02:00
< a class = "label-help-button ipa-field-help-button" > Field Help< / a >
< a class = "label-button ipa-table-button" > IPA Chart< / a >
2019-05-04 05:52:19 +02:00
< / label >
< / div >
< div >
< label > Polyphthongs / Blends< br >
2019-05-09 21:55:49 +02:00
< input id = "editBlends" class = "ipa-field" > < br >
2019-05-09 20:47:42 +02:00
< a class = "label-help-button ipa-field-help-button" > Field Help< / a >
< a class = "label-button ipa-table-button" > IPA Chart< / a >
2019-05-04 05:52:19 +02:00
< / label >
< / div >
< / div >
< h3 > Phonotactics< / h3 >
< div class = "split three" >
< div >
< label > Onset< br >
< input id = "editOnset" >
< / label >
< / div >
< div >
< label > Nucleus< br >
< input id = "editNucleus" >
< / label >
< / div >
< div >
< label > Coda< br >
< input id = "editCoda" >
< / label >
< / div >
< / div >
2019-05-04 07:58:49 +02:00
< label > Exceptions< br >
< textarea id = "editExceptions" > < / textarea >
< / label >
2019-05-04 05:52:19 +02:00
< h3 > Orthography< / h3 >
2019-05-07 22:31:54 +02:00
< label > Notes< a class = "label-button maximize-button" > Maximize< / a > < br >
2019-05-04 05:52:19 +02:00
< textarea id = "editOrthography" > < / textarea >
< / label >
< h3 > Grammar< / h3 >
2019-05-07 22:31:54 +02:00
< label > Notes< a class = "label-button maximize-button" > Maximize< / a > < br >
2019-05-04 05:52:19 +02:00
< textarea id = "editGrammar" > < / textarea >
< / label >
< / section >
2019-05-04 07:58:49 +02:00
< section id = "editSettingsTab" style = "display:none;" >
2019-05-06 22:30:57 +02:00
< label > Prevent Duplicate Words
< input type = "checkbox" id = "editPreventDuplicates" > < br >
< small > Checking this box will prevent the creation of words with the exact same spelling.< / small >
2019-05-04 07:58:49 +02:00
< / label >
< label > Words are Case-Sensitive
< input type = "checkbox" id = "editCaseSensitive" > < br >
2019-05-06 22:30:57 +02:00
< small > Checking this box will allow the creation of words with the exact same spelling if their capitalization is different.< / small >
2019-05-04 07:58:49 +02:00
< / label >
< label > Sort by Definition
< input type = "checkbox" id = "editSortByDefinition" > < br >
< small > Checking this box will sort the words in alphabetical order based on the Definition instead of the Word.< / small >
< / label >
< label > Mark Complete
< input type = "checkbox" id = "editIsComplete" > < br >
< small > Checking this box will mark this as "complete" and prevent any changes from being made.< / small >
< / label >
< label > Make Public
< input type = "checkbox" id = "editIsPublic" > < br >
< small > Checking this box will make this public via a link you can share with others.< / small >
< / label >
< / section >
< section id = "editActionsTab" style = "display:none;" >
< h3 > Import / Export< / h3 >
< div class = "split two" >
< div >
< p >
2019-05-10 23:39:00 +02:00
< label class = "button" > Import JSON < input type = "file" id = "importDictionaryFile" accept = "application/json, .dict" > < br >
< small > Import a previously-exported < code > JSON< / code > file.< / small >
< / label >
2019-05-04 07:58:49 +02:00
< / p >
< p >
2019-05-10 23:39:00 +02:00
< label class = "button" > Import Words < input type = "file" id = "importWordsCSV" accept = "text/csv, .csv" > < br >
< small > Import a CSV file of words.< / small >
< / label >
< a class = "small button" download = "Lexiconga_import-template.csv" href = "data:text/csv;charset=utf-8,%22word%22,%22pronunciation%22,%22part of speech%22,%22definition%22,%22explanation%22%0A" > Download an example file with the correct formatting< / a >
2019-05-04 07:58:49 +02:00
< / p >
< / div >
< div >
< p >
2019-05-10 23:39:00 +02:00
< a class = "button" id = "exportDictionaryButton" > Export JSON< / a > < br >
2019-05-04 07:58:49 +02:00
< small > Export your work as a < code > JSON< / code > file to re-import later.< / small >
< / p >
< p >
2019-05-10 23:39:00 +02:00
< a class = "button" id = "exportWordsButton" > Export Words< / a > < br >
2019-05-04 07:58:49 +02:00
< small > Export a CSV file of your words.< / small >
< / p >
< / div >
< / div >
< / section >
2019-05-04 05:52:19 +02:00
< footer >
< a class = "button" id = "editSave" > Save< / a >
< a class = "button" id = "editSaveAndClose" > Save & Close< / a >
< a class = "red button" onclick = "this.parentElement.parentElement.parentElement.style.display='none';" > Close Without Saving< / a >
< / footer >
2019-05-02 21:01:42 +02:00
< / div >
< / section >
2019-05-09 01:13:23 +02:00
< div id = "messagingSection" > < / div >
2019-05-02 18:57:56 +02:00
< / body >
< / html >
