Skip to content

Commit 3640480

Browse files
JLesDevJLesDev
committed
NEW FEATURES: UV + Humidity + Rainfall
1 parent 35a509f commit 3640480

3 files changed

Lines changed: 39 additions & 518 deletions

File tree

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# A way to see the weather with no ads, no subscriptions, and no fun.
1+
# For 300 years weather apps have all been the same. Until now. Welcome to Jeather.
22

33
<img width="1867" height="935" alt="image" src="https://github.com/user-attachments/assets/0325cc70-819c-4a5a-987b-c0b3b93b2c53" />
44

‎index.html‎

Lines changed: 9 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -5,95 +5,18 @@
55
<title>Australian Weather</title>
66
</head>
77
<body>
8-
<script type="module" src="./index.js"></script>
9-
10-
<script
11-
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js">
12-
</script>
13-
148
<link rel="stylesheet" href="style.css">
15-
<div id="top-box">
16-
<h1>Australian Non-governmental Weather</h1>
17-
<!-- <h1 id="Melbourne">Melbourne</h1> -->
18-
<nav class="city-nav">
19-
<button class="city-btn" id="melb">Melbourne</button>
20-
<button class="city-btn" id="adel">Adelaide</button>
21-
<button class="city-btn" id="sydn">Sydney</button>
22-
<button class="city-btn" id="bris">Brisbane</button>
23-
<button class="city-btn" id="more">More</button>
24-
</nav>
25-
</div>
26-
<hr>
27-
28-
29-
<div id="chart">
30-
<canvas id="myChart" style="width: 40%;height: 80%;background-color:aliceblue;align-items:center;justify-content: center;display: flex;"></canvas>
31-
32-
<!-- <canvas id="myChart" style="width:100%;max-width:1500px;background-color:aliceblue;align-items:center;justify-content: center;display: flex;"></canvas> -->
33-
</div>
34-
35-
36-
<!-- <div id="feels-div">
37-
<h2 id="feels2">You are valued.</h2>
38-
</div> -->
39-
<h1 id="placeholder2">Melbourne</h1>
40-
<div id="idasdasd">
41-
42-
</div>
43-
44-
<script src="https://cdn.jsdelivr.net/npm/chart.js@^4"></script>
45-
<script src="https://cdn.jsdelivr.net/npm/chart.js@^4"></script>
46-
47-
<script type="module">
48-
import * as root from './pkg/hot_or_not_3.js'
9+
<script type="module" src="./index.js"></script>
4910

50-
// myChart.destroy();
51-
window.callbacks = root;
52-
window.mutate_chart_object = function (v) {
53-
if (v.id == ("bar")) {
54-
v.options.scales.y1.ticks = {
55-
callback:
56-
function (value, _index, _values) {
57-
return '$' + value.toFixed(2);
58-
}
59-
};
60-
}
61-
//v.destroy();
62-
return v
63-
};
64-
</script>
65-
<!-- <div id="bot-container">
66-
<div id="bot-box">
67-
<nav class="city-nav">
68-
<button class="city-btn" id="melb">Show Humidity $0.99</button>
69-
<button class="city-btn" id="adel">Show UV $0.99</button>
70-
<button class="city-btn" id="sydn">Show Wind $0.99</button>
71-
<button class="city-btn" id="bris">Show Rainfall $0.99</button>
72-
</nav>
73-
</div>
74-
<div id="bot-box-2">
75-
<nav class="city-nav">
76-
<button class="city-btn" id="melb">Unlock WA $2.99</button>
77-
<button class="city-btn" id="adel">Unlock NT $2.99</button>
78-
<button class="city-btn" id="sydn">Unlock ACT $2.99</button>
79-
<button class="city-btn" id="bris">Follow me on Instagram $2.99</button>
80-
</nav>
11+
<div class="section">
12+
<h1>Sunny.<br>Warm.<br>28°C.</h1>
8113
</div>
82-
</div> -->
83-
<div id="bot-box">
84-
<div class="row">
85-
<button class="city-btn">Show Advanced $0.99</button>
86-
<button class="city-btn">Show Cloud Cover $0.99</button>
87-
<button class="city-btn">Show Wind $0.99</button>
88-
<button class="city-btn">Show Rainfall $0.99</button>
14+
<div class="section">
15+
<p>It's Melbourne.</p>
16+
<p>UV 5.</p>
17+
<p>Humidity 28%.</p>
18+
<p>Dry.</p>
8919
</div>
90-
<div class="row">
91-
<button class="city-btn">Unlock WA $2.99</button>
92-
<button class="city-btn">Unlock NT $2.99</button>
93-
<button class="city-btn">Unlock ACT $2.99</button>
94-
<button class="city-btn">Follow me on Instagram $2.99</button>
95-
</div>
96-
</div>
97-
9820
</body>
21+
9922
</html>

0 commit comments

Comments
 (0)