index.html


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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css">
    <title>New Tab</title>
</head>

<body>
    <span class="search">
      <input id="searchInput" placeholder="Search...">
      <button id="searchBtn">Go</button>
    </span>
    <div class="items">
        <a class="item" id="budget">
            <span class="icon">💰</span><span>BUDGET</span>
        </a>
        <a class="item" id="calendar">
            <span class="icon">📅</span><span>CALENDAR</span>
        </a>
        <a class="item" id="chess">
            <span class="icon">♟️</span><span>CHESS</span>
        </a>
        <a class="item" id="filefeed">
            <span class="icon">🗃️</span><span>FILE FEED</span>
        </a>
        <a class="item" id="files">
            <span class="icon">📁</span><span>FILES</span>
        </a>
        <a class="item" id="mastodon" href="https://fosstodon.org">
            <span class="icon">#️⃣</span><span>FOSSTODON</span>
        </a>
        <a class="item" id="git">
            <span class="icon">💾</span><span>GIT</span>
        </a>
        <a class="item" id="music">
            <span class="icon">🎵</span><span>MUSIC</span>
        </a>
        <a class="item" id="rss">
            <span class="icon">📰</span><span>RSS</span>
        </a>
        <a class="item" id="rssvideo">
            <span class="icon">📺</span><span>RSS VIDEO</span>
        </a>
        <a class="item" href="https://news.ycombinator.com/">
            <span class="icon">🐱‍💻</span><span>HN</span>
        </a>
        <a class="item" id="wiki">
            <span class="icon">📖</span><span>WIKI</span>
        </a>
        <a class="item" id="wunderground">
            <span class="icon">🌩️</span><span>WUNDERGROUND</span>
        </a>
        <a class="item" href="https://www.youtube.com/feed/subscriptions">
            <span class="icon">📽️</span><span>YOUTUBE</span>
        </a>
    </div>
    <div>
	<h2>Simply Folk</h2>
	<audio xmlns="http://www.w3.org/1999/xhtml" controls="">
	    <source src="http://10.0.0.201:8000/chill" type="audio/mpeg" />
	</audio>
    </div>
    <div>
	<h2>Background</h2>
	<audio xmlns="http://www.w3.org/1999/xhtml" controls="">
	    <source src="http://10.0.0.201:8000/mpd" type="audio/mpeg" />
	</audio>
    </div>
    <table class="weather">
        <tr>
            <td rowspan="2">
                <image id="weatherIcon"></image>
            </td>
            <td>Temp</td>
            <td>Humid</td>
            <td>Feels</td>
            <td>UVI</td>
        </tr>
        <tr>
            <td id="weatherTemp"></td>
            <td id="weatherHumid"></td>
            <td id="weatherFeels"></td>
            <td id="weatherUVI"></td>
        </tr>
    </table>
    <table class="forecast">
        <tr>
            <th id="day1">Tomorrow</th>
            <th id="day2">The Next Day</th>
            <th id="day3">The Day After That</th>
        </tr>
        <tr>
            <image id="day1icon"></image>
            <image id="day2icon"></image>
            <image id="day3icon"></image>
        </tr>
        <tr>
            <td id="day1high" class="high"></td>
            <td id="day2high" class="high"></td>
            <td id="day3high" class="high"></td>
        </tr>
        <tr>
            <td id="day1low" class="low"></td>
            <td id="day2low" class="low"></td>
            <td id="day3low" class="low"></td>
        </tr>
        <tr>
            <td id="day1pop"></td>
            <td id="day2pop"></td>
            <td id="day3pop"></td>
        </tr>
        <tr>
            <td id="day1desc"></td>
            <td id="day2desc"></td>
            <td id="day3desc"></td>
        </tr>
    </table>
    <script src="config.js"></script>
    <script src="link-manager.js"></script>
    <script src="weather-manager.js"></script>
    <script src="search-manager.js"></script>
    <script src="status.js"></script>
</body>

</html>