Line-Breaking/index.html at main · CenterForDigitalHumanities/Line-Breaking · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Line Breaking</title>
    <link rel="stylesheet" href="styles.css" />
</head>
<body>
    <div class="line-breaking">
        <div class="content">
            <h2 class="tool-title">Line Breaking Tool</h2>
            <p class="preview display-none"></p>
            <button id="insert-text" class="display-none">Insert Text</button>
            <div class="file-upload display-none">
                <label for="file-input">Upload a .txt or .xml file</label>
                <input type="file" id="file-input" accept=".txt,.xml" />
            </div>
            <button id="upload-file">Upload Text File</button>
            <div id="break-options" class="display-none">
                <label for="break-tag">Enter line break tag(s) or symbol(s) (comma-separated):</label>
                <input type="text" id="break-tag" placeholder="e.g. <lb/>, ¶, --|--" />
            </div>
        </div>
    </div>

    <script src="line-breaking.js"></script>
</body>
</html>