Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
Weather-Arkansas authored Aug 22, 2024

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
1 parent e2d5a3a commit b9f1d90
Showing 1 changed file with 54 additions and 70 deletions.
124 changes: 54 additions & 70 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,80 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Natural State Weather: a detailed forecast for most of Arkansas</title>
<style>
body {
font-family: Arial, sans-serif;
background-size: cover;
background-color: teal;
text-align: center;
margin: 0;
padding: 0;
}
.container {
background: rgba(0, 0, 0, 0.5);
padding: 20px;
border-radius: 10px;
margin: 20px;
}
.logo {
font-size: 2em;
font-weight: bold;
color: #ffcc00;
text-shadow: 3px 3px 5px rgba(255, 255, 255, 1);
margin-bottom: 20px;
}
.weather {
margin-bottom: 20px;
}
</style>
</head>
<body>
<script>
(function(d, s, id) {
if (d.getElementById(id)) {
if (window.__TOMORROW__) {
window.__TOMORROW__.renderWidget();
}
return;
}
const fjs = d.getElementsByTagName(s)[0];
const js = d.createElement(s);
js.id = id;
js.src = "https://www.tomorrow.io/v1/widget/sdk/sdk.bundle.min.js";
body {
font-family: Arial, sans-serif;
background-size: cover;
background-color: teal;
text-align: center;
margin: 0;
padding: 0;
}

fjs.parentNode.insertBefore(js, fjs);
})(document, 'script', 'tomorrow-sdk');
</script>
.container {
background: rgba(0, 0, 0, 0.5);
padding: 20px;
border-radius: 10px;
margin: 20px;
}

<div class="tomorrow"
data-location-id="120626,116750,118682,118122,127544,123059"
data-language="EN"
data-unit-system="IMPERIAL"
data-skin="light"
data-widget-type="aqi6"
style="padding-bottom:22px;position:relative;"
</div>
<a href="https://www.tomorrow.io/weather-api/"
rel="nofollow noopener noreferrer"
target="_blank"
style="position: absolute; bottom: 0; transform: translateX(-50%); left: 50%;">
<img
alt="Powered by the Tomorrow.io Weather API"
src="https://weather-website-client.tomorrow.io/img/powered-by.svg"
width="250"
height="18"
</img>
</a>
<p>
<div class="container">
<h1 class="logo">The Natural State Weather</h1>
A weather website that covers a forecast for most of Arkansas
.logo {
font-size: 2em;
font-weight: bold;
color: #ffcc00;
text-shadow: 3px 3px 5px rgba(255, 255, 255, 1);
margin-bottom: 20px;
}

.weather {
margin-bottom: 20px;
}
</style>
</head>
<body>
<script>
(function(d, s, id) {
if (d.getElementById(id)) {
if (window.__TOMORROW__) {
window.__TOMORROW__.renderWidget();
}
return;
}
const fjs = d.getElementsByTagName(s)[0];
const js = d.createElement(s);
js.id = id;
js.src = "https://www.tomorrow.io/v1/widget/sdk/sdk.bundle.min.js";
fjs.parentNode.insertBefore(js, fjs);
})(document, 'script', 'tomorrow-sdk');
</script>
<div class="tomorrow" data-location-id="120626,116750,118682,118122,127544,123059" data-language="EN" data-unit-system="IMPERIAL" data-skin="light" data-widget-type="aqi6" style="padding-bottom:22px;position:relative;" </div>
<a href="https://www.tomorrow.io/weather-api/" rel="nofollow noopener noreferrer" target="_blank" style="position: absolute; bottom: 0; transform: translateX(-50%); left: 50%;">
<img alt="Powered by the Tomorrow.io Weather API" src="https://weather-website-client.tomorrow.io/img/powered-by.svg" width="250" height="18" </img>
</a>
<p>
<div class="container">
<h1 class="logo">The Natural State Weather</h1> A weather website that covers a forecast for most of Arkansas
</div>
</div>
</div>
</p>
</body>
</p>
</body>
</html>

0 comments on commit b9f1d90

Please sign in to comment.