library/index.html at main · adamscript/library · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html>
    <head>
        <title>Library</title>
        <link rel="stylesheet" href="styles.css">

        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

        <style>
            @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
        </style>
        <style>
            @import url('https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@700&display=swap');
        </style>
    </head>
    <body>
        <div id="header">
            <h1>Library</h1>
        </div>
        <div id="socials">
            <a href="https://github.com/adamscript/"><img id="githubLogo" src="src/GitHub-Mark-32px.png"></a>
            <a href="https://www.linkedin.com/in/adamscript/"><img id="linkedinLogo" src="src/LI-In-Bug.png"></a>
        </div>
        <div id="newBookWindow" hidden>
            <div id="newBookContainer">
                <div id="newBookFrame">
                    <div id="newBookPanel">
                        <div id="closeBtnFrame">
                            <button id="closeBtn" onclick="closeNewBook()">close</button>
                        </div>
                        <div id="newBook">
                            <div id="coverimgprev">
                                <img id="coverimg" src="src/coverphd.png">
                                <div id="pasteImagePanel" onclick="pasteImageURL()">
                                    <div id="pasteImageIcon">add_photo_alternate</div>
                                </div>
                            </div>
                            <div id="bookForm">
                                <div id="ftitleframe">
                                    <input type="text" id="ftitle" name="ftitle" placeholder="Title" oninput="hideSearchBook()" onblur="hideSearchBook()" autocomplete="off">
                                    <div id="searchIcon">search</div>
                                    <div id="bookSearchList" hidden></div>
                                    <div id="loadingFade" hidden></div>
                                </div>
                                <br>
                                <input type="text" id="fauthor" name="fauthor" placeholder="Author">
                                <input type="text" id="fpublished" name="fpublished" placeholder="Published">
                                <input type="text" id="fpublisher" name="fpublisher" placeholder="Publisher">
                                <input type="text" id="flanguage" name="flanguage" placeholder="Language">
                                <input type="text" id="fcategories" name="fcategories" placeholder="Categories">
                                <input type="number" id="fpages" name="fpages" placeholder="Page Count">
                                <input type="text" id="fisbn" name="fisbn" placeholder="ISBN">
                                <br>
                                <input hidden type="text" id="fcover" name="fcover" onchange="updateCover()" placeholder="Cover image URL" value="src/coverphd.png">
                                <textarea id="fdescription" name="fdescription" placeholder="Description" rows="6" maxlength="640"></textarea>
                                <br>
                                <button id="addBookBtn" onclick="addBookToLibrary()">Add Book</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="newBookBg" onclick="hideNewBook()"></div>
            </div>
        </div>
        <div id="bookListContainer">
            <div id="bookList"></div>
        </div>
        <div id="bookListDetail"></div>
        <button id="newBookBtn" onclick="showNewBook()">add</button>
    </body>
</html>
<script src="scripts.js"></script>
<script src="src/language-codes_json.js"></script>