meowser/index.html at main · katninystudios/meowser · 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Meowser</title>
      <link rel="stylesheet" href="css/app.css">
      <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet">
   </head>

   <body>
      <div id="tabs">
         <div class="tab new-tab" id="new-tab" onclick="addTab()" style="width: 15px;">+</div>
      </div>
      <div id="controls">
         <span class="material-symbols-outlined" id="back-button" onclick="goBack()">arrow_back</span>
         <span class="material-symbols-outlined" id="forward-button" onclick="goForward()">arrow_forward</span>
         <span class="material-symbols-outlined" onclick="reload()" id="reloadOrStop"></span>
         <span class="material-symbols-outlined" id="site-security" onclick="siteSecurityInfo()"></span><div type="text" spellcheck="false" contenteditable="true" id="url-bar" placeholder="Search or enter URL"></div>
         <span class="material-symbols-outlined" id="download-btn" onclick="showDownloads()">download</span>
         <span class="material-symbols-outlined" id="add-bookmark-btn" onclick="addBookmark()">star</span>
         <span class="material-symbols-outlined" id="more-btn" onclick="showMoreMenu()">more_horiz</span>
      </div>
      <div id="bookmarks-bar"></div>
      <div id="content">
         <!-- Please put !!!NOTHING!!! in here. If you do, you're fixing the tabs, I tried and it could be used as a torture method, thanks! -->
         <!-- If you add anything that isn't a webview, please put it in the div below. -->
      </div>
      <div id="non-div-content">
         <!-- when user hovers a link -->
         <div id="link-status">
            https://katniny.github.io/meowser/
         </div>
         <!-- site security -->
         <div id="site-security-info">
            <h3 id="site-security-link">You are securely connected to [link]</h3>
         </div>
         <!-- add bookmark -->
         <div id="add-bookmark-info">
            <h2 id="addBookmarkLink"><span style="font-size: larger; transform: translateY(3px);" class="material-symbols-outlined">bookmark</span> Add Bookmark</h2>

            <label for="bookmark-name">Name</label>
            <br/><input type="text" id="bookmark-name" placeholder="Name this bookmark" />

            <br/><label for="bookmark-url">URL</label>
            <br/><input type="text" id="bookmark-url" placeholder="Bookmark URL" />

            <br/><button style="margin-top: 10px;" onclick="addBookmark_finalize(`${document.getElementById('bookmark-name').value}`, `${document.getElementById('bookmark-url').value}`)">Add Bookmark</button>
         </div>
         <!-- add bookmark -->
         <div id="show-more-info">
            <button onclick="addTab(); showMoreMenu();"><span class="material-symbols-outlined" id="more-btn">open_in_new</span> New Tab</button>
            <br/><button onclick="openNewWindow(); showMoreMenu();"><span class="material-symbols-outlined" id="more-btn">open_in_new</span> New Window</button>
            <br/><button class="inactive"><span class="material-symbols-outlined" id="more-btn">hide</span> New Catnap Window</button>
            <br/><button onclick="addTab('settings.html'); showMoreMenu();"><span class="material-symbols-outlined" id="more-btn">settings</span> Settings</button>
            <br/><button onclick="addTab('https://katniny.github.io/meowser/release-notes'); showMoreMenu();"><span class="material-symbols-outlined" id="more-btn">new_releases</span> Release Notes</button>
            <br/><button onclick="addTab('https://katniny.github.io/meowser/support/'); showMoreMenu();"><span class="material-symbols-outlined" id="more-btn">help</span> Support</button>
            <br/><button onclick="addTab('https://github.com/katniny/meowser/issues/new'); showMoreMenu();"><span class="material-symbols-outlined" id="more-btn">bug_report</span> Report an Issue</button>
         </div>
         <!-- site security -->
         <div id="downloads-info">
            <div id="noDownloads">
               <h3><span class="material-symbols-outlined" id="more-btn" onclick="showMoreMenu()">file_download_off</span> You have not downloaded anything on Meowser in this browsing session yet.</h3>
            </div>

            <div id="downloads" style="display: none;">

            </div>
         </div>
         <!-- suggestions -->
         <ul id="suggestionsDropdown" style="display: none; border: 1px solid #ccc; position: absolute; max-height: 200px; overflow-y: auto;">
            <!-- suggestions will be added here dynamically -->
         </ul>
         <!-- error may have occurred -->
         <div id="errorMayHaveOccurred">
            <p>An error loading this page may have occurred. If you're logged into GitHub, please report.</p>
            <a href="#" id="reportBugError" onclick="addTab('https://example.com')"><button>Report</button></a> <button onclick="document.getElementById('errorMayHaveOccurred').style.display = 'none';">No thanks</button>
         </div>
      </div>

      <script src="dependencies/imports.js"></script>
      <script src="history/addHistory.js"></script>
      <script src="history/deleteHistory.js"></script>
      <script src="tabs/createTab.js"></script>
      <script src="tabs/closeTab.js"></script>
      <script src="tabs/swapTab.js"></script>
      <script src="tabs/whenNewTabRequested.js"></script>
      <script src="tabs/searchOrPage.js"></script>
      <script src="tabs/navigation.js"></script>
      <script src="tabs/tabDrag.js"></script>
      <script src="settings/prefVars.js"></script>
      <script src="settings/loadPrefs.js"></script>
      <script src="ui/contextMenu.js"></script>
      <script src="ui/urlBar.js"></script>
      <script src="ui/urlBarSelect.js"></script>
      <script src="dependencies/shortcuts.js"></script>
      <script src="dependencies/siteSecurity.js"></script>
      <script src="bookmarks/loadBookmarks.js"></script>
      <script src="bookmarks/addBookmark.js"></script>
      <script src="bookmarks/bookmarksDisplay.js"></script>
      <script src="ui/links.js"></script>
      <script src="dependencies/updates.js"></script>
      <script src="ui/more.js"></script>
   </body>
</html>