1
<div>
2
    <div class="flex-container flexFlowColumn">
3
        <label for="fandomScrapeInput" data-i18n="Enter a URL or the ID of a Fandom wiki page to scrape:">
4
            Enter a URL or the ID of a Fandom wiki page to scrape:
5
        </label>
6
        <small>
7
            <span data-i18n="Examples:">Examples:</span>
8
            <code>https://harrypotter.fandom.com/</code>
9
            <span data-i18n="or">or</span>
10
            <code>harrypotter</code>
11
        </small>
12
        <input type="text" id="fandomScrapeInput" name="fandomScrapeInput" class="text_pole" placeholder="">
13
    </div>
14
    <div class="flex-container flexFlowColumn">
15
        <label for="fandomScrapeFilter">
16
            Optional regex to pick the content by its title:
17
        </label>
18
        <small>
19
            <span data-i18n="Example:">Example:</span>
20
            <code>/(Azkaban|Weasley)/gi</code>
21
        </small>
22
        <input type="text" id="fandomScrapeFilter" name="fandomScrapeFilter" class="text_pole" placeholder="">
23
    </div>
24
    <div class="flex-container flexFlowColumn">
25
        <label>
26
            Output format:
27
        </label>
28
        <label class="checkbox_label justifyLeft" for="fandomScrapeOutputSingle">
29
            <input id="fandomScrapeOutputSingle" type="radio" name="fandomScrapeOutput" value="single" checked>
30
            <div class="flex-container flexFlowColumn flexNoGap">
31
                <span data-i18n="Single file">
32
                    Single file
33
                </span>
34
                <small data-i18n="All articles will be concatenated into a single file.">
35
                    All articles will be concatenated into a single file.
36
                </small>
37
            </div>
38
        </label>
39
        <label class="checkbox_label justifyLeft" for="fandomScrapeOutputMulti">
40
            <input id="fandomScrapeOutputMulti" type="radio" name="fandomScrapeOutput" value="multi">
41
            <div class="flex-container flexFlowColumn flexNoGap">
42
                <span data-i18n="File per article">
43
                    File per article
44
                </span>
45
                <small data-i18n="Each article will be saved as a separate file.">
46
                    Not recommended. Each article will be saved as a separate file.
47
                </small>
48
            </div>
49
        </label>
50
    </div>
51
</div>