UNPKG

yarle-evernote-to-md

Version:

Yet Another Rope Ladder from Evernote

741 lines (656 loc) 37.5 kB
<!doctype html> <html lang="en"> <head> <script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="akosbalasko" data-description="Support me on Buy me a coffee!" data-message="" data-color="#FFA500" data-position="Right" data-x_margin="18" data-y_margin="18"></script> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png" /> <link rel="icon" type="image/png" href="assets/img/favicon.png" /> <title>Yet Another Rope Ladder from Evernote</title> <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> <meta name="viewport" content="width=device-width" /> <!-- Canonical SEO --> <link rel="canonical" href="https://www.creative-tim.com/product/paper-bootstrap-wizard"/> <meta name="keywords" content="wizard, bootstrap wizard, creative tim, long forms, 3 step wizard, sign up wizard, beautiful wizard, long forms wizard, wizard with validation, paper design, paper wizard bootstrap, bootstrap paper wizard"> <meta name="description" content="Paper Bootstrap Wizard is a fully responsive wizard that is inspired by our famous Paper Kit and comes with 3 useful examples and 5 colors."> <!-- CSS Files --> <link href="assets/css/bootstrap.min.css" rel="stylesheet" /> <link href="assets/css/paper-bootstrap-wizard.css" rel="stylesheet" /> <!-- CSS Just for demo purpose, don't include it in your project --> <link href="assets/css/demo.css" rel="stylesheet" /> <!-- Fonts and Icons --> <link href="https://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'> <link href="assets/css/themify-icons.css" rel="stylesheet"> </head> <body > <div class="image-container set-full-height" style="background-image: url('assets/img/orange-background.jpg')"> <!-- Big container --> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 col-md-10 col-md-offset-1"> <!-- Wizard container --> <div class="wizard-container"> <div class="card wizard-card" data-color="orange" id="wizard"> <form action="" method=""> <!-- You can switch " data-color="green" " with one of the next bright colors: "blue", "azure", "orange", "red" --> <div class="wizard-header"> <h1 class="wizard-title"><span style="color:orange;font-size: large">Y</span><span style="font-size:small">et</span> <span style="color:orange;font-size: large;">A</span><span style="font-size:small">nother</span> <span style="color:orange;font-size: large;">R</span><span style="font-size:small">ope</span> <span style="color:orange;font-size: large;">L</span><span style="font-size:small">adder from</span> <span style="color:orange;font-size: large">E</span><span style="font-size:small">vernote</span></h1> <!--<p class="category"><span style="color:orange">Y</span>et <span style="color:orange">A</span>nother <span style="color:orange">R</span>ope <span style="color:orange">L</span>adder from <span style="color:orange">E</span>vernote</p>--> </div> <div class="wizard-navigation"> <div class="progress-with-circle"> <div class="progress-bar" role="progressbar" aria-valuenow="1" aria-valuemin="1" aria-valuemax="4" style="width: 15%;"></div> </div> <ul> <li> <a href="#welcome" data-toggle="tab"> <div class="icon-circle"> <i class="ti-map"></i> </div> Welcome </a> </li> <li> <a href="#enex" data-toggle="tab"> <div class="icon-circle"> <i class="ti-map"></i> </div> Select Enex files </a> </li> <li> <a href="#configuration" data-toggle="tab"> <div class="icon-circle"> <i class="ti-direction-alt"></i> </div> Configuration </a> </li> <li> <a href="#template" data-toggle="tab"> <div class="icon-circle"> <i class="ti-panel"></i> </div> Set template </a> </li> <li> <a href="#output" data-toggle="tab"> <div class="icon-circle"> <i class="ti-comments"></i> </div> Pick output location </a> </li> <li> <a href="#convert" data-toggle="tab"> <div class="icon-circle"> <i class="ti-comments"></i> </div> Convert </a> </li> </ul> </div> <div class="tab-content"> <div class="tab-pane" id="welcome"> <section id="welcome" class="wrapper style1 fullscreen intro"> <div class="inner"> <p> <h3>Features:</h3> Yarle can convert: <ul> <li>📝 Any text</li> <li>📝 All metadata: original creation time, last modification time, tags, GPS location, notebook name, source URL</li> <li>🔗 External links</li> <li>🔗 Internal links among Evernote notes</li> <li>💻 Codeblocks</li> <li>🖼️ Inline Images</li> <li>📎 Attachments</li> <li>📄 Webclips</li> </ul> Works with: <ul> <li>📓 single enex file (one notebook exported from Evernote)</li> <li>📚 or a folder of enex files supported (several notebooks exported and placed into the same folder locally) (cli only, GUI still does not support this feature).</li> </ul> Highly customizable: <ul> <li>🚀 Creates Markdown files matching to user-defined templates, see Templates introduced. See How to use templates with YARLE for details.</li> <li>💡 Metadata support: Puts title, creation time, update time, tags, and latlong source, notebook, link to original html meta-information into md as metadata. (To set them, please set up a custom template)</li> <li>🔨 Updates md files' creation, access, and modification timestamps according to the notes' original create/update/modification time.</li> <li>🔨 Organizes all attachments into a _resources subfolder (to keep the notes' folder as simple as possible).</li> </ul> </p> </div> </section> </div> <div class="tab-pane" id="enex"> <section id="enex" class="wrapper style1 fullscreen intro"> <div class="row centerized-content"> <!--<h5> Step 1: Select your Evernote archives (enex files) to be converted: </h5>--> <div> <input type='button' id="selectEnexFilesDialogBtn" class='btn btn-fill btn-danger btn-wd' name='selectEnexFilesDialogBtn' value='Select your Enex files' /> </div> </div> <div class="row"> <div class="col-sm-offset-2"> <h5>Selected enex files: </h5> <strong id="filePath"></strong> </div> </div> </section> </div> <div class="tab-pane" id="configuration"> <div class="configurationSection"> <div class="configurationSectionItems flex-center"> <input type='button' id="selectConfigFileDialogBtn" class='btn btn-fill btn-danger btn-wd' name='selectConfigFileDialogBtn' value='Load config file' /> <div style='font-size: 12px;'><i>(After a conversion you can find the actual settings in file 'yarle.config' within the specified output directory.)</i></div> </div> </div> <div class="configurationSection"> <h5 class="info-text"> Target Dialect </h5> <div class="configurationSectionItems"> <div class="form-group"> <select name="outputFormat" id="outputFormat" class="form-control configurationItem"> <option value="ObsidianMD">Obsidian</option> <option value="LogSeqMD">LogSeq</option> <option value="Heptabase">Heptabase</option> <option value="Tana Internal Format">Tana Internal Format</option> <option value="StandardMD">Other Standard Markdown-based application</option> </select> </div> </div> </div> <div class="configurationSection"> <h5 class="info-text">General </h5> <div class="configurationSectionItems"> <div class="form-group" id="logseqSettings.journalNotes.container"> <label for="logseqSettings.journalNotes" class="pure-input-1-2">Notes type </label> <select name="logseqSettings.journalNotes" id="logseqSettings.journalNotes" class="form-control configurationItem"> <option value="true">Journal Notes</option> <option value="false">Pages</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" name="obsidianSettings.omitLinkDisplayName" id="obsidianSettings.omitLinkDisplayName">--> <label for="obsidianSettings.omitLinkDisplayName" class="pure-input-1-2">Omit links' display name </label> <select class="form-control configurationItem" name="obsidianSettings.omitLinkDisplayName" id="obsidianSettings.omitLinkDisplayName"> <option value="true" selected>Yes</option> <option value="false">No</option> </select> </div> <div class="form-group"> <label for="keepOriginalHtml" class="pure-checkbox"> Keep the original Html <br><div style='font-size: 12px;'><i>( Converts the notes to HTML format also.)</i></div> </label> <!--<input type="checkbox" id='keepOriginalHtml' value="false">--> <select class="form-control configurationItem" name="keepOriginalHtml" id="keepOriginalHtml"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <label for="posixHtmlPath" class="pure-checkbox"> POSIX HTML Path <br> <div style='font-size: 12px;'> <i>(Use forward slashes in path to original HTML, even on Windows)</i> </div> </label> <select class="form-control configurationItem" name="posixHtmlPath" id="posixHtmlPath"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='skipWebClips'> --> <label for="skipWebClips" class="pure-checkbox"> Convert webclips <br><div style='font-size: 12px;'><i>(Convert webclips too)</i></div> </label> <select class="form-control configurationItem" name="skipWebClips" id="skipWebClips"> <option value="false">Yes</option> <option value="true" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='isZettelkastenNeeded'> --> <label for="isZettelkastenNeeded" class="pure-checkbox"> Zettelkasten-prefix needed. <br><div style='font-size: 12px;'><i>((It puts Zettelkasten Id (based on time of creation) at the beginning of the file name.))</i></div> </label> <select class="form-control configurationItem" name="isZettelkastenNeeded" id="isZettelkastenNeeded"> <option value="true" selected>Yes</option> <option value="false">No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='useZettelIdAsFilename'> --> <label for="useZettelIdAsFilename" class="pure-checkbox"> Use Creation dates(zettelIds) as filenames. <br><div style='font-size: 12px;'><i>((It creates files named by their Zettelkasten Id (based on time of creation)))</i></div> </label> <select class="form-control configurationItem" name="useZettelIdAsFilename" id="useZettelIdAsFilename"> <option value="true" selected>Yes</option> <option value="false">No</option> </select> </div> <div class="form-group"> <label for="dateFormat" > Date format: </label> <br><div style='font-size: 12px;'><i>( ISO 8601 specification of the expected date format (e.g. YYYY-MM-DD))</i></div> <input type="text" class="form-control configurationItem" value="YYYY-MM-DD" id='dateFormat'> </div> <div class="form-group"> <label for="keepImageSize" class="pure-checkbox"> Keep Image size </label> <select name="keepImageSize" id="keepImageSize" class="form-control configurationItem"> <option value="true">Yes </option> <option value="false" selected>No</option> </select> <br> </div> <div class="form-group"> <label for="imageSizeFormat" class="pure-checkbox"> Image size format </label> <select name="imageSizeFormat" id="imageSizeFormat" class="form-control configurationItem"> <option value="ObsidianMD" selected>Obsidian</option> <option value="StandardMD">Standard</option> </select> <br><div style='font-size: 12px;'><i>( Preserves the images' width and height in the chosen format.)</i></div> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='urlEncodeFileNamesAndLinks'> --> <label for="urlEncodeFileNamesAndLinks" class="pure-checkbox"> Perform URL Encoding on FileNames And Links <br><div style='font-size: 12px;'><i>( URL-encodes linked file names and internal EN links . e.g "linked file.jpg" will be converted to "linked%20file.jpg" )</i></div> </label> <select class="form-control configurationItem" name="urlEncodeFileNamesAndLinks" id="urlEncodeFileNamesAndLinks"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='keepOriginalAmountOfNewlines'> --> <label for="keepOriginalAmountOfNewlines" class="pure-checkbox"> Keep original amount of newlines <br><div style='font-size: 12px;'><i>( keep the original amount of newlines, default is false, when the multiple newlines are collapsed to one.)</i></div> </label> <select class="form-control configurationItem" name="keepOriginalAmountOfNewlines" id="keepOriginalAmountOfNewlines"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='generateNakedUrls'> --> <label for="generateNakedUrls" class="pure-checkbox"> Generate 'naked' URLs <br><div style='font-size: 12px;'><i>( if it's true, Yarle generates 'naked' external Urls without any extra characters. If its false, external Urls are wrapped by '\<' and '\>' characters )</i></div> </label> <select class="form-control configurationItem" name="generateNakedUrls" id="generateNakedUrls"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='addExtensionToInternalLinks'> --> <label for="addExtensionToInternalLinks" class="pure-checkbox"> Add 'md' extension of internal links <br><div style='font-size: 12px;'><i>( adds '.md' extensions at the end of internal file links, to make them recognizable by DevonThink and other tools )</i></div> </label> <select class="form-control configurationItem" name="addExtensionToInternalLinks" id="addExtensionToInternalLinks"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='addExtensionToInternalLinks'> --> <label for="useLevenshteinForLinks" class="pure-checkbox"> Apply links to the note with the closest Levenshtein distance <br><div style='font-size: 12px;'><i>( it applies the link to the note with the filename that has the closest Levenshtein distance to the text of the link)</i></div> </label> <select class="form-control configurationItem" name="useLevenshteinForLinks" id="useLevenshteinForLinks"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='addExtensionToInternalLinks'> --> <label for="keepEvernoteLinkIfNoNoteFound" class="pure-checkbox"> Keeps link to Evernote note if no such note found among the converted files <br> </label> <select class="form-control configurationItem" name="keepEvernoteLinkIfNoNoteFound" id="keepEvernoteLinkIfNoNoteFound"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='addExtensionToInternalLinks'> --> <label for="convertColorsToMDHighlight" class="pure-checkbox"> Keeps custom font family and font colors encoded as inline style in span <br><div style='font-size: 12px;'><i>Please note that this feature keeps spans as html tags, so it won't produce a standard Markdown file</i></div> </label> <select class="form-control configurationItem" name="convertColorsToMDHighlight" id="convertColorsToMDHighlight"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='plainTextNotesOnly'> --> <label for="plainTextNotesOnly" class="pure-checkbox"> Convert plain text notes only <br><div style='font-size: 12px;'><i>( Skips any notes with attachments (e.g. notes containing pictures).)</i></div> </label> <select class="form-control configurationItem" name="plainTextNotesOnly" id="plainTextNotesOnly"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='skipEnexFileNameFromOutputPath'>--> <label for="skipEnexFileNameFromOutputPath" class="pure-checkbox"> Skip enex filename from output path </label> <select class="form-control configurationItem" name="skipEnexFileNameFromOutputPath" id="skipEnexFileNameFromOutputPath"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> </div> </div> <div class="configurationSection"> <h5 class="info-text">Notes</h5> <div class="configurationSectionItems"> <div class="form-group"> <!--<input type="checkbox" value="false" id='monospaceIsCodeBlock'>--> <label for="monospaceIsCodeBlock" class="pure-checkbox"> Monospace Is used as Code block <br><div style='font-size: 12px;'><i>( if it's true then all deepest elements with monospace font style is recognized as Codeblocks.)</i></div> </label> <select class="form-control configurationItem" name="monospaceIsCodeBlock" id="monospaceIsCodeBlock"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='keepMDCharactersOfENNotes'> --> <label for="keepMDCharactersOfENNotes" class="pure-checkbox"> Keep Markdown characters Of EN Notes <br><div style='font-size: 12px;'><i>( Set it true, if you used Markdown format in your EN notes.)</i></div> </label> <select class="form-control configurationItem" name="keepMDCharactersOfENNotes" id="keepMDCharactersOfENNotes"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <label for="trimStartingTabs" class="pure-checkbox"> Remove starting tab characters <br><div style='font-size: 12px;'><i>( It it is selected, tabs from the beginning of each line in the note will be removed, otherwise Obsidian recognizes these lines as Codeblocks)</i></div> </label> <select class="form-control configurationItem" name="trimStartingTabs" id="trimStartingTabs"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <label for="convertPlainHtmlNewlines" class="pure-checkbox"> Convert plain html newlines <br><div style='font-size: 12px;'><i>(If it is selected, Yarle converts newline html tags to newlines, even if they are within Evernote paragraphs </i></div> </label> <select class="form-control configurationItem" name="convertPlainHtmlNewlines" id="convertPlainHtmlNewlines"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <label for="encryptionPasswords"> Passwords of the encrypted notes (separated by commas): </label> <textarea class="form-control configurationItem" name="encryptionPasswords" id="encryptionPasswords" rows="4"></textarea> </div> </div> </div> <div class="configurationSection"> <h5 class="info-text">Attachments</h5> <div class="configurationSectionItems"> <div class="form-group"> <!--<input type="checkbox" value="false" id='haveEnexLevelResources'> --> <label for="haveEnexLevelResources" class="pure-checkbox"> Store attachments in notebook-level <br><div style='font-size: 12px;'><i>( Store note resources on global _resources folder for each enex export)</i></div> </label> <select class="form-control configurationItem" name="haveEnexLevelResources" id="haveEnexLevelResources"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='haveGlobalResources'> --> <label for="haveGlobalResources" class="pure-checkbox"> Store all attachments in one folder <br><div style='font-size: 12px;'><i>( Stores note resources on global _resources folder)</i></div> </label> <select class="form-control configurationItem" name="haveGlobalResources" id="haveGlobalResources"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='useUniqueUnknownFileNames'> --> <label for="useUniqueUnknownFileNames" class="pure-checkbox"> Use unique end in the name of 'unknown files' <br><div style='font-size: 12px;'><i>( Instead of generating unknown_file if the filename cannot be recognised, it creates unknown_file-\<uniqueID\> as filenames</i></div> </label> <select class="form-control configurationItem" name="useUniqueUnknownFileNames" id="useUniqueUnknownFileNames"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <label for="sanitizeResourceNameSpaces" class="pure-checkbox"> Sanitize spaces in resource names <br> </label> <select class="form-control configurationItem" name="sanitizeResourceNameSpaces" id="sanitizeResourceNameSpaces"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <label for="globalReplacementSettings"> Global search and replace (regexp) in note title and content <br><div style='font-size: 12px;'><i>( Please provide settings in valid JSON Array format, each item has to have <b>type</b> ('title' or 'content'), <b>regex</b> (what you want to replace as a valid regular expression) and <b>replace</b> (what you want to push instead of the matched text) properties)</i></div> </label> <textarea class="form-control configurationItem" name="globalReplacementSettings" id="globalReplacementSettings" rows="15"></textarea> </div> <div class="form-group"> <label for="replacementCharacterMap"> Replacement character map in filenames: </label> <textarea class="form-control configurationItem" name="replacementCharacterMap" id="replacementCharacterMap" rows="15"></textarea> </div> <div class="form-group"> <label for="replacementChar" class="pure-checkbox"> Replacement character for sanitizing spaces in resource names </label> <input type="text" class="form-control configurationItem"value="_" id='replacementChar'> </div> <div class="form-group"> <label for="resourcesDir">Custom resources folder: </label> <input type="text" class="form-control configurationItem" name="resourcesDir" id="resourcesDir" value="_resources"> </div> </div> </div> <div class="configurationSection"> <h5 class="info-text">Tags</h5> <div class="configurationSectionItems"> <div class="form-group"> <!--<input type="checkbox" value="false" id='useHashTags'> --> <label for="useHashTags" class="pure-checkbox"> Add # to tag <br><div style='font-size: 12px;'><i>( Appends the pound sign at the beginning of the tags.)</i></div> </label> <select class="form-control configurationItem" name="useHashTags" id="useHashTags"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <!--<input type="checkbox" value="false" id='nestedTags'> --> <label for="nestedTags" class="pure-checkbox"> Generate nested tags <br><div style='font-size: 12px;'><i>( It's a complex property contains the following subitems: "separatorInEN", "replaceSeparatorWith" and "replaceSpaceWith" . separatorInEN stores the tag separator used in Evernote, replaceSeparatorWith is the string to what separatorInEN should be replaced to, and replaceSpaceWith is the string to what the space character should be replaced to in the tags. For example using the default settings a tag ```tag1_sub tag of tag1``` is going to be converted to ```tag1/sub-tag-of-tag1```)</i></div> </label> <select class="form-control configurationItem" name="nestedTags" id="nestedTags"> <option value="true">Yes</option> <option value="false" selected>No</option> </select> </div> <div class="form-group"> <label for="nestedTags.separatorInEN"> Separator of nested tags in EN </label> <input type="text" class="form-control configurationItem" name="nestedTags.separatorInEN" id="nestedTags.separatorInEN" > </div> <div class="form-group"> <label for="nestedTags.replaceSeparatorWith" class="pure-input-1-2">Replace separator with</label> <input type="text" class="form-control configurationItem" id='nestedTags.replaceSeparatorWith' name='nestedTags.replaceSeparatorWith' size="10"/> </div> <div class="form-group"> <label for="nestedTags.replaceSpaceWith" class="pure-input-1-2">Replace space with </label> <input type="text" class="form-control configurationItem" id='nestedTags.replaceSpaceWith' width="20px"> </div> <div class="form-group"> <label>Evernote v10+ Tasks</label> <select name="taskOutputFormat" id="taskOutputFormat" class="form-control configurationItem"> <option value="ObsidianMD">Obsidian</option> <option value="StandardMD">Other Standard Markdown-based application</option> </select> </div> <div class="form-group"> <label for="obsidianTaskTag" class="pure-input-1-2">Obsidian tasks tag </label> <input type="text" class="form-control configurationItem" id='obsidianTaskTag' width="20px"> </div> </div> </div> </div> <div class="tab-pane" id="template"> <div class="row"> <div class="col-sm-offset-2 col-sm-8"> <label for="currentTemplate">Current template</label> <textarea class="form-control" name="currentTemplate" id="currentTemplate" rows="15"></textarea> </div> </div> <div class="row"> <div class="col-sm-offset-5 col-sm-2 centerized-content"> <input type='button' id="saveTemplate" class='btn btn-danger btn-fill btn-wd form-control' name='saveTemplate' value='Save' /> </div> </div> </div> <div class="tab-pane" id="output"> <section id="output" class="wrapper style1 fullscreen intro"> <div class="row centerized-content"> <div> <!--<h5>Step 4: Set your output folder</h5>--> <input type='button' id="selectOutputFolderDialogBtn" class='btn btn-fill btn-danger btn-wd' name='selectOutputFolderDialogBtn' value='Select output folder' /> </div> </div> <div class="row"> <div class="col-sm-offset-2"> <h5>Selected Output folder: </h5> <span id='outputFolder' size=50></span> </div> </div> </section> </div> <div class="tab-pane" id="convert"> <section id="convert" class="wrapper style2 spotlights"> <div class="inner"> <!--<h5> Step 5: Convert </h5>--> <div class="row"> <!--<input type='button' id="startConversion" class='btn btn-fill btn-danger btn-wd form-control' name='startConversion' value='Start conversion!' />--> </div> <div class="row mt-5"> <div class="col-sm-6 col-sm-offset-1"> <label for="logArea">Logs</label> <textarea class="form-control" name="logArea" id="logArea" rows="25"></textarea> </div> <div class="col-sm-4"> <label>Happy with the results?</label> <div>You can show your appreciation by</div> <div>giving a <a class="github-button" href="https://github.com/akosbalasko/yarle" target="_blank" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" height="41" width="174" data-size="large" data-show-count="true" aria-label="Star akosbalasko/yarle on GitHub">star on github</a></div> <br> <div>or, if you can afford, <strong>click to the coffee cup down there, and buy me a coffee!</strong></div> <br> <div><strong>Thank you so much! &#x1F918 </strong></div> </div> </div> <!-- Place this tag where you want the button to render. --> </div> </section> </div> <div class="wizard-footer"> <div class="pull-right"> <input type='button' class='btn btn-next btn-fill btn-danger btn-wd' name='next' value='Next' /> <input type='button' class='btn btn-finish btn-fill btn-danger btn-wd' id="startConversion" name="startConversion" value='Start conversion' /> </div> <div class="pull-left"> <input type='button' class='btn btn-previous btn-default btn-wd' name='previous' value='Previous' /> </div> <div class="clearfix"></div> </div> </form> </div> </div> <!-- wizard container --> </div> </div> <!-- row --> </div> <!-- big container --> <div class="footer"> <div class="container text-center"> Designed with <i class="fa fa-heart heart"></i> by <a href="https://www.creative-tim.com">Creative Tim</a>. </div> </div> </div> </body> <!-- Core JS Files --> <script src="assets/js/jquery-2.2.4.min.js" type="text/javascript"></script> <script src="assets/js/bootstrap.min.js" type="text/javascript"></script> <script src="assets/js/jquery.bootstrap.wizard.js" type="text/javascript"></script> <!-- Plugin for the Wizard --> <script src="assets/js/demo.js" type="text/javascript"></script> <script src="assets/js/paper-bootstrap-wizard.js" type="text/javascript"></script> <!-- More information about jquery.validate here: https://jqueryvalidation.org/ --> <script src="assets/js/jquery.validate.min.js" type="text/javascript"></script> <script src="./renderer.js"></script> </html>