Article-Generator/mainWindow.html at main · MatthewZenn/Article-Generator · 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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="en" class="cnn">
    <head>
        <title>Article Generator</title>
        <link rel="stylesheet" href="main.css">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0" />
        <link rel="icon" href="Assets/icon.ico" type="image/x-icon">
    </head>
    <body>
        <input type="file" hidden="hidden" id="picture" accept="image/*">
        <textarea class="title" type="text" placeholder="Caption" id="title"></textarea>
        <select name="outlets" class="source-btn" id="sources" onchange="changeSource()">
            <option value="1">CNN</option>
            <option value="2">The Onion</option>
            <option value="3">Ministry of Truth</option>
            <option value="4">Times Beach Neighbor</option>
            <option value="5">HiveMind</option>
            <option value="6">US Uncensored</option>
            <option value="7">The Black&White</option>
            <option value="8">Villager News</option>
        </select>
        <div class="toolbox">
          <button class="reload" onclick="window.location.reload(false)"><img class="re-icon" src="Assets/icon_small.png" alt=""></i></button>
          <button class="tool-btn" type="button" id="open"><i class="material-symbols-rounded">add_a_photo</i></button>
          <button class="tool-btn" onclick="copyText()"><i class="material-symbols-rounded">content_copy</i></button>
          <button class="tool-btn" onclick="printresult()"><i class="material-symbols-rounded">download</i></button>
        </div>
        <button class="custom"><i class="material-symbols-rounded">expand_more</i></button>
        <div id="result" class="window">
            <div class="container">
                <img src="Pages/1.png" id="background">
            </div>
            <img id="image" class="image" src="Assets/empty.png">
            <div class="box1">
                <h3 class="title-text" id="output1"></h3>
            </div>
        </div>
        <p class="claim">2021 Matthew Zenn || V-2.0.2</p>
        <script src="Js/html2canvas.min.js"></script>
        <script src="Js/canvas2image.js"></script>
        <script src="Js/logic.js"></script>
    </body>
</html>