Add weather information
This commit is contained in:
Tressley Cahill
parent
ec99ce4b15
commit
970ddd9973
@ -15,6 +15,7 @@ main {
|
||||
|
||||
#traichu {
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding: var(--spacing-l) var(--spacing-m) var(--spacing-m) var(--spacing-m);
|
||||
@ -23,8 +24,28 @@ main {
|
||||
}
|
||||
|
||||
header {
|
||||
align-content: flex-start;
|
||||
align-items: flex-start;
|
||||
animation: fade 1s ease-in;
|
||||
display: flex;
|
||||
flex: 0 1 auto;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
padding: var(--spacing-m) var(--spacing-m) 0 var(--spacing-m);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#date-time,
|
||||
#weather { flex: 1 1 auto; }
|
||||
|
||||
#weather { text-align: right; }
|
||||
|
||||
#weather img {
|
||||
display: inline-flex;
|
||||
margin-right: var(--spacing-xs);
|
||||
width: 1.5rem;
|
||||
}
|
||||
|
||||
#date,
|
||||
@ -39,12 +60,22 @@ header {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
#weather { text-align: right; }
|
||||
#details {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.separator { margin: 0 0.25rem; }
|
||||
|
||||
header img,
|
||||
header svg { height: 4.5rem; }
|
||||
aside {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
aside img,
|
||||
aside svg { height: 4.5rem; }
|
||||
|
||||
#dock ul {
|
||||
display: flex;
|
||||
@ -91,7 +122,7 @@ header svg { height: 4.5rem; }
|
||||
}
|
||||
|
||||
#search form {
|
||||
flex-grow: 1;
|
||||
flex: 1 1 auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -198,8 +229,8 @@ header svg { height: 4.5rem; }
|
||||
width: 40rem;
|
||||
}
|
||||
|
||||
header img,
|
||||
header svg { height: 7.5rem; }
|
||||
aside img,
|
||||
aside svg { height: 7.5rem; }
|
||||
|
||||
#dock ul {
|
||||
column-gap: 0;
|
||||
@ -208,6 +239,4 @@ header svg { height: 4.5rem; }
|
||||
}
|
||||
|
||||
#bookmarks { flex-direction: row; }
|
||||
|
||||
#bookmarks li:last-child { margin-bottom: 0; }
|
||||
}
|
||||
|
||||
26
index.html
26
index.html
@ -18,14 +18,20 @@
|
||||
</head>
|
||||
<body onload="traichu()">
|
||||
<main>
|
||||
<header>
|
||||
<section id="date-time">
|
||||
<h2 class="sr-only">Date & Time</h2>
|
||||
</section>
|
||||
<section id="weather">
|
||||
<h2 class="sr-only">Location & Weather</h2>
|
||||
</section>
|
||||
</header>
|
||||
<section id="traichu">
|
||||
<h1 class="sr-only">_traichu</h1>
|
||||
<header>
|
||||
<section id="date-time"></section>
|
||||
<section id="weather"></section>
|
||||
<aside>
|
||||
<!--SVG generated with Pixels to SVG https://codepen.io/shshaw/pen/XbxvNj-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 22" shape-rendering="crispEdges"><path d="M7,.5h1m-3,1h3m-4,1h1m1,0h1m6,0h4m4,0h1M3,3.5h1m2,0h1m4,0h2m2,0h1m5,0h1M3,4.5h1m1,0h1m4,0h1m9,0h1m1,0h1M3,5.5h1m1,0h5m5,0h1m4,0h1m1,0h1M2,6.5h1m5,0h1m4,0h3m4,0h1m1,0h1M1,7.5h1m10,0h1m2,0h1m4,0h1m2,0h1M0,8.5H1m10,0h2m7,0h1m2,0h1M0,9.5H2m10,0h1m4,0h3m3,0h1M0,10.5H1m5,0h1m5,0h2m2,0h2m3,0h3M1,11.5h1m3,0h2m6,0h1m2,0h3m2,0h1M2,12.5h1m10,0h2m1,0h1m2,0h1m1,0h1M1,13.5h1m11,0h2m2,0h2m1,0h1M2,14.5h2m8,0h1m1,0h1m3,0h2m-16,1h1m4,0h1m2,0h1m1,0h3m2,0h1m-16,1h1m4,0h1m1,0h1m2,0h1m1,0h3m-16,1h3m4,0h1m3,0h1m-12,1h5m5,0h1m-6,1h3m1,0h2m-5,1h2m2,0h1m-4,1h3" stroke="#000"/><path d="M5,2.5h1m-2,1h2m7,0h2m-11,1h1m6,0h2m-9,1h1m5,0h2m-3,1h2m-2,1h2m3,1h1M2,13.5h1m7,3h1" stroke="#a3500b"/><path d="M13,4.5h2m6,0h1m-10,1h3m6,0h1m-11,1h2m8,0h1m-11,1h1m9,0h2m-2,1h2m-3,1h3m-5,1h3m-2,1h2m-1,1h1" stroke="#f89b11"/><path d="M3,6.5h5m-6,1h7m-7,1H11m-9,1H12M1,10.5H5m2,0h5m-10,1h3m4,0h4m-9,1h3m2,0h4m-7,1h7m-7,1h6m-4,1h1m1,0h1" stroke="#f05e1c"/><path d="M1,8.5h1m3,2h1" stroke="#fff"/><path d="M7,11.5h2m-2,1h2" stroke="#faaf40"/><path d="M3,12.5h1m-1,1h3m7,1h1m-3,1h1m1,0h1m-2,1h2m-3,1h3m-4,1h3m-2,1h1m-1,1h2" stroke="#782f0e"/><path d="M4,14.5h2m-1,1h3m-3,1h4m-3,1h4m-2,1h2" stroke="#f7e1cf"/></svg>
|
||||
</header>
|
||||
</aside>
|
||||
<nav id="dock">
|
||||
<ul>
|
||||
<li><a href="https://mail.google.com"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gmail</title><path d="M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z"/></svg></a></li>
|
||||
@ -36,10 +42,10 @@
|
||||
<li><a href="https://figma.com"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Figma</title><path d="M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z"/></svg></a></li>
|
||||
<li><a href="https://soccerstreams.net"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Premier League</title><path d="M11.176 0s-.681 1.938-.867 2.527C9.844 2.202 8.386 1.194 7.78.775c.14.806.356 2.124.403 2.403-.124-.093-.821-.698-1.875-1.194.589.682 1.008 1.736 1.271 2.588a10.566 10.566 0 0 1 5.238-1.379c.977 0 1.94.14 2.854.403.093-.884.279-1.968.682-2.758-.915.728-1.474 1.503-1.551 1.596-.031-.186-.093-1.52-.17-2.434-.372.403-1.8 2.016-2.063 2.264C12.384 1.938 11.176 0 11.176 0zm1.674 3.86c-1.674 0-3.3.386-4.696 1.115.713.046 1.224.668 1.395 1.164-.558-.45-1.442-.667-1.985-.078-.511.589-.464 1.688.047 2.572-1.193-.605-1.194-2.185-.775-2.867A10.392 10.392 0 0 0 3.61 9.594l1.07.172c-1.24 1.426-2.107 3.953-2.107 5.146l1.75-.543c-.31 1.054-.401 4.602.653 6.385 0 0 1.38-.96 2.945-3.363.65 2.17.356 3.985 0 5.767 2.82 1.581 6.09.696 8.012-.683l.357 1.35c2.248-1.489 3.488-3.628 3.72-6.124l.837.93c1.286-3.829.28-6.883-1.565-9.502l-.078.637-.79-.87s.17-.077.31-.263c.03-.078-.046-.495-.371-.774-.31.078-.56.264-.684.45a3.222 3.222 0 0 0-.93-.543c.062.077.604.79.65 1.007.466.388 1.102.837 1.52 1.395-.34-.403-1.984-.497-2.728-.078 0 0-.744-.868-1.426-1.473-.14-.511.326-.96.326-.96s-.48-.03-.93.42c-.682-.512-1.55-.745-1.55-.745-.961.14-1.612.82-1.612.82.217.14.512.327.776.42.511.217 1.006.139 1.332.139.263 0 .636.078.636.078s.635.495 1.565 1.565c-1.426-.574-2.915.062-3.969-.45-1.24-.62-1.146-1.595-1.146-1.595s-.836-.11-.836-.141c0 0 .618-.82 1.548-1.1l-.464-.402c.558-.465 1.534-1.085 3.115-1.24 0 0 .683.262 2.11 1.285.232-.326.308-1.008.308-1.008.728.248 2.217 1.333 2.806 1.984-.325-.759-.559-1.223-.636-2.013-.357-.357-1.24-1.101-3.069-1.551.295.605.264 1.115.264 1.115-.34-.45-1.055-1.146-1.55-1.332-.295-.015-.605-.047-.93-.047zm3.271 7.068a4.323 4.323 0 0 0 1.256.697v1.348c-.465.403-1.985 1.675-3.008 1.566-.573-1.1-1.115-2.107-1.115-2.107s1.565-1.318 2.867-1.504zm2.975.031c.465 1.131.59 2.48.078 3.379-.28-.605-.636-.947-1.008-1.35v-1.347s.418-.264.93-.682zm-.977 3.395c.465.511.559 1.068.559 1.068-.202 1.131-.836 1.846-1.301 2.14.046-.821-.172-1.519-.172-1.519-.34.372-1.13.743-1.596.836l-.697-1.3c.822-.032 2.201-1.194 2.201-1.194l1.006-.031z"/></svg></a></li>
|
||||
<li><a href="https://formula1stream.cc"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>F1</title><path d="M9.6 11.24h7.91L19.75 9H9.39c-2.85 0-3.62.34-5.17 1.81C2.71 12.3 0 15 0 15h3.38c.77-.75 2.2-2.13 2.85-2.75.92-.87 1.37-1.01 3.37-1.01zM20.39 9l-6 6H18l6-6h-3.61zm-3.25 2.61H9.88c-2.22 0-2.6.12-3.55 1.07C5.44 13.57 4 15 4 15h3.15l.75-.75c.49-.49.75-.55 1.78-.55h5.37l2.09-2.09z"/></svg></a></li>
|
||||
<li><a href="https://mlbstreams.to""><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>MLB</title><path d="M22.003 5.53a1.988 1.988 0 011.99 1.827l.007.177v8.927a2.007 2.007 0 01-1.848 2.002l-.15.006H2.002a2.003 2.003 0 01-1.42-.586 1.979 1.979 0 01-.575-1.245L0 16.46V7.535a1.994 1.994 0 01.583-1.427 2.016 2.016 0 011.242-.57l.176-.007h20.002zm-7.5.703H2.001a1.312 1.312 0 00-.926.375 1.299 1.299 0 00-.374.926v8.927a1.282 1.282 0 00.374.922c.246.245.579.383.926.384h8.116a92.275 92.275 0 00-.495-.843H8.66c0-2.402.812-3.73 1.784-3.995.133-.024.07-.68-.1-.88h-.561c-.09 0-.038-.169-.038-.169l.456-.972-.062-.266H8.455l1.383-.967c.064-2.55 2.68-2.748 4.255-1.686.937.62 1.008 1.849.937 2.698-.012.054-.244.018-.244.018s-.16.937.257.937h1.838c.749-.03 1.472.478 1.472.478l.176-.643-4.026-5.244zm7.5 0h-5.59l3.207 5.36.296.038.187.245v.229l.202.041.188.255v.221l.21.037.211.23v.51c.252.228.536.418.843.563.283.108.315.562.486.803.213.352.505.493.444.69-.143.526-.682 1.414-1.184 1.456h-1.986v.85h2.488a1.3 1.3 0 001.294-1.311V7.534h-.002a1.285 1.285 0 00-1.294-1.3zM4.022 14.404a.888.888 0 01-.638 1.513.879.879 0 01-.88-.888.888.888 0 011.518-.625z"/></svg></a></li>
|
||||
<li><a href="https://nhlbite.com""><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>NHL</title><path d="M19.35,9.5c.15-.62-.2-1.14-.54-1.47h3.24s-1.44,6.26-1.44,6.26h3.38c-.11,.33-.27,.89-.37,1.7h-5.77l1.5-6.49Z"/><path d="M1.52,9.51c.15-.62-.19-1.14-.53-1.47h3.13s2.07,5.09,2.07,5.09l1.2-5.1h2.31l-1.87,7.96h-2.59l-1.87-4.54-1.07,4.55H0l1.52-6.49Z"/><path d="M10.64,9.51c.14-.63-.2-1.14-.54-1.48h3.24s-.71,3.1-.71,3.1h2.77s.71-3.12,.71-3.12h2.24s-1.83,7.95-1.83,7.95h-2.24l.7-3.08h-2.77s-.7,3.09-.7,3.09h-2.37l1.49-6.46Z"/></svg></a></li>
|
||||
<li><a href="https://nbabite.com""><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>NBA</title><path d="M9.19 0a2.486 2.486 0 0 0-2.485 2.484v19.029A2.488 2.488 0 0 0 9.19 24h5.615a2.493 2.493 0 0 0 2.49-2.487V2.484A2.488 2.488 0 0 0 14.81 0zm0 .584h3.21c-.62.237-.707.508-.73 1.366-.105.01-.325-.087-.25.434 0 0 .043.346.18.286-.133.918.023.99-.93 1.031l-.047.067c-.95.093-1.25-.027-2.05 1.603 0 0-.207.505-.268.714-.197.415-.674 1.328-.819 1.919-.046.2-.14.264-.01.553.185.417-.124.527.95.496V9.3s-.286.247-.346.398c-.061.147-.226.89-.22 1.237.019.917.767 1.683.992 2.597l.492.07c.282.634 1.495 2.355 1.743 2.582.057.159.365.355.545.551.149.141 1.025 1.1 2.054 1.692-.007-.001.164.344.249.618-.342.275.32.777.52 1.609.012.107-.19.222.114.495-.022 1.256-.402 1.918.241 2.266H9.191a1.9 1.9 0 0 1-1.9-1.901V2.486a1.9 1.9 0 0 1 1.9-1.902zm3.804.002h1.815a1.9 1.9 0 0 1 1.897 1.898v9.193a1.653 1.653 0 0 0-.22-.397c0-.255-.272-.249-.346-.344-.07-.081.067-.128-.407-.235-.09-.05-.158-.747-.158-.747-.07-.447-.229-.754-.467-1.227-.12-.243-.177-1.001-.305-1.386.071-1.767-.493-2.28-.95-2.569-.174-.11-.262-.191-.433-.29l-.005-.082c-.133-.126-.402-.264-.623-.362-.068-.07-.037-.22.01-.276.15-.02.348-.356.513-.703.129.009.174-.118.214-.19.138-.222.288-.413.096-.542.435-.777.154-1.301-.08-1.321-.095-.195-.26-.316-.551-.42zm.551 6.338c.06.319.34 1.929.456 2.187.123.259.535 1.05.73 1.54a1.69 1.69 0 0 0-1.294 1.646 1.692 1.692 0 0 0 1.693 1.691 1.692 1.692 0 0 0 1.576-1.066v8.59a1.887 1.887 0 0 1-1.598 1.877h-.017c.833-.502.319-1.46.16-2.022-.012-.033.014-.074.026-.1.045-.08-.045-.257-.045-.257-.098-.09-.127-.561-.182-.772-.089-.358.157-.971.157-1.18 0-.206-.156-.491-.445-.858-.069-.078-.276-1.86-.462-2.313-.258-.623-.339-.526-.64-1.266-.24-.525-.055-1.295-.59-3.085.005.006.12-.113.12-.113s-.422-1.55-.561-1.975c-.14-.426-.385-.456-.385-.456s.002-.172.012-.216c.02-.07.516-1.367.558-1.407.001-.03.717-.514.731-.445Z"/></svg></a></li>
|
||||
<li><a href="https://mmastreams.cc/""><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>UFC</title><path d="M6.308 7.843h2.797s-1.86 6.639-1.951 6.998c-.177.69-.353 1.316-2.043 1.316-2.037 0-3.22-.007-3.777 0-.698.007-1.521-.633-1.296-1.464l1.91-6.85H4.8S3.2 13.553 3.166 13.7c-.029.148-.19.557.698.564.64.014.69-.155.803-.564.268-.922 1.64-5.857 1.64-5.857zm10.272 0l-.507 1.824H9.986l.507-1.824zm-8.404 8.314l1.459-5.244h6.086l-.507 1.823h-3.262l-.95 3.421zm11.47-5.385c-.26.957-.493 1.774-.754 2.738-.05.17-.162.416-.127.57.078.367 1.29.226 1.726.226h1.945c-.155.612-.33 1.21-.5 1.81h-4.63c-.676-.064-1.557-.353-1.472-1.226.028-.274.156-.584.24-.887a1189.7 1189.7 0 001.24-4.463c.176-.648.317-1.197.83-1.457.333-.17.861-.218 1.255-.24H24c-.162.606-.331 1.211-.5 1.81h-2.643c-.317 0-.669-.036-.845.084-.19.141-.295.775-.366 1.035z"/></svg></a></li>
|
||||
<li><a href="https://mlbstreams.to"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>MLB</title><path d="M22.003 5.53a1.988 1.988 0 011.99 1.827l.007.177v8.927a2.007 2.007 0 01-1.848 2.002l-.15.006H2.002a2.003 2.003 0 01-1.42-.586 1.979 1.979 0 01-.575-1.245L0 16.46V7.535a1.994 1.994 0 01.583-1.427 2.016 2.016 0 011.242-.57l.176-.007h20.002zm-7.5.703H2.001a1.312 1.312 0 00-.926.375 1.299 1.299 0 00-.374.926v8.927a1.282 1.282 0 00.374.922c.246.245.579.383.926.384h8.116a92.275 92.275 0 00-.495-.843H8.66c0-2.402.812-3.73 1.784-3.995.133-.024.07-.68-.1-.88h-.561c-.09 0-.038-.169-.038-.169l.456-.972-.062-.266H8.455l1.383-.967c.064-2.55 2.68-2.748 4.255-1.686.937.62 1.008 1.849.937 2.698-.012.054-.244.018-.244.018s-.16.937.257.937h1.838c.749-.03 1.472.478 1.472.478l.176-.643-4.026-5.244zm7.5 0h-5.59l3.207 5.36.296.038.187.245v.229l.202.041.188.255v.221l.21.037.211.23v.51c.252.228.536.418.843.563.283.108.315.562.486.803.213.352.505.493.444.69-.143.526-.682 1.414-1.184 1.456h-1.986v.85h2.488a1.3 1.3 0 001.294-1.311V7.534h-.002a1.285 1.285 0 00-1.294-1.3zM4.022 14.404a.888.888 0 01-.638 1.513.879.879 0 01-.88-.888.888.888 0 011.518-.625z"/></svg></a></li>
|
||||
<li><a href="https://nhlbite.com"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>NHL</title><path d="M19.35,9.5c.15-.62-.2-1.14-.54-1.47h3.24s-1.44,6.26-1.44,6.26h3.38c-.11,.33-.27,.89-.37,1.7h-5.77l1.5-6.49Z"/><path d="M1.52,9.51c.15-.62-.19-1.14-.53-1.47h3.13s2.07,5.09,2.07,5.09l1.2-5.1h2.31l-1.87,7.96h-2.59l-1.87-4.54-1.07,4.55H0l1.52-6.49Z"/><path d="M10.64,9.51c.14-.63-.2-1.14-.54-1.48h3.24s-.71,3.1-.71,3.1h2.77s.71-3.12,.71-3.12h2.24s-1.83,7.95-1.83,7.95h-2.24l.7-3.08h-2.77s-.7,3.09-.7,3.09h-2.37l1.49-6.46Z"/></svg></a></li>
|
||||
<li><a href="https://nbabite.com"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>NBA</title><path d="M9.19 0a2.486 2.486 0 0 0-2.485 2.484v19.029A2.488 2.488 0 0 0 9.19 24h5.615a2.493 2.493 0 0 0 2.49-2.487V2.484A2.488 2.488 0 0 0 14.81 0zm0 .584h3.21c-.62.237-.707.508-.73 1.366-.105.01-.325-.087-.25.434 0 0 .043.346.18.286-.133.918.023.99-.93 1.031l-.047.067c-.95.093-1.25-.027-2.05 1.603 0 0-.207.505-.268.714-.197.415-.674 1.328-.819 1.919-.046.2-.14.264-.01.553.185.417-.124.527.95.496V9.3s-.286.247-.346.398c-.061.147-.226.89-.22 1.237.019.917.767 1.683.992 2.597l.492.07c.282.634 1.495 2.355 1.743 2.582.057.159.365.355.545.551.149.141 1.025 1.1 2.054 1.692-.007-.001.164.344.249.618-.342.275.32.777.52 1.609.012.107-.19.222.114.495-.022 1.256-.402 1.918.241 2.266H9.191a1.9 1.9 0 0 1-1.9-1.901V2.486a1.9 1.9 0 0 1 1.9-1.902zm3.804.002h1.815a1.9 1.9 0 0 1 1.897 1.898v9.193a1.653 1.653 0 0 0-.22-.397c0-.255-.272-.249-.346-.344-.07-.081.067-.128-.407-.235-.09-.05-.158-.747-.158-.747-.07-.447-.229-.754-.467-1.227-.12-.243-.177-1.001-.305-1.386.071-1.767-.493-2.28-.95-2.569-.174-.11-.262-.191-.433-.29l-.005-.082c-.133-.126-.402-.264-.623-.362-.068-.07-.037-.22.01-.276.15-.02.348-.356.513-.703.129.009.174-.118.214-.19.138-.222.288-.413.096-.542.435-.777.154-1.301-.08-1.321-.095-.195-.26-.316-.551-.42zm.551 6.338c.06.319.34 1.929.456 2.187.123.259.535 1.05.73 1.54a1.69 1.69 0 0 0-1.294 1.646 1.692 1.692 0 0 0 1.693 1.691 1.692 1.692 0 0 0 1.576-1.066v8.59a1.887 1.887 0 0 1-1.598 1.877h-.017c.833-.502.319-1.46.16-2.022-.012-.033.014-.074.026-.1.045-.08-.045-.257-.045-.257-.098-.09-.127-.561-.182-.772-.089-.358.157-.971.157-1.18 0-.206-.156-.491-.445-.858-.069-.078-.276-1.86-.462-2.313-.258-.623-.339-.526-.64-1.266-.24-.525-.055-1.295-.59-3.085.005.006.12-.113.12-.113s-.422-1.55-.561-1.975c-.14-.426-.385-.456-.385-.456s.002-.172.012-.216c.02-.07.516-1.367.558-1.407.001-.03.717-.514.731-.445Z"/></svg></a></li>
|
||||
<li><a href="https://mmastreams.cc/"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>UFC</title><path d="M6.308 7.843h2.797s-1.86 6.639-1.951 6.998c-.177.69-.353 1.316-2.043 1.316-2.037 0-3.22-.007-3.777 0-.698.007-1.521-.633-1.296-1.464l1.91-6.85H4.8S3.2 13.553 3.166 13.7c-.029.148-.19.557.698.564.64.014.69-.155.803-.564.268-.922 1.64-5.857 1.64-5.857zm10.272 0l-.507 1.824H9.986l.507-1.824zm-8.404 8.314l1.459-5.244h6.086l-.507 1.823h-3.262l-.95 3.421zm11.47-5.385c-.26.957-.493 1.774-.754 2.738-.05.17-.162.416-.127.57.078.367 1.29.226 1.726.226h1.945c-.155.612-.33 1.21-.5 1.81h-4.63c-.676-.064-1.557-.353-1.472-1.226.028-.274.156-.584.24-.887a1189.7 1189.7 0 001.24-4.463c.176-.648.317-1.197.83-1.457.333-.17.861-.218 1.255-.24H24c-.162.606-.331 1.211-.5 1.81h-2.643c-.317 0-.669-.036-.845.084-.19.141-.295.775-.366 1.035z"/></svg></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<section id="search">
|
||||
@ -82,6 +88,10 @@
|
||||
<img src="https://icons.duckduckgo.com/ip3/supercluster.com.ico" class="favicon" alt="Supercluster favicon">
|
||||
<a href="https://www.supercluster.com">Supercluster</a>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://icons.duckduckgo.com/ip3/publicdomainreview.org.ico" class="favicon" alt="The Public Domain Review favicon">
|
||||
<a href="https://publicdomainreview.org">Public Domain Review</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
|
||||
@ -13,14 +13,15 @@ function weatherBalloon(cityID) {
|
||||
return resp.json()
|
||||
})
|
||||
.then(function(data) {
|
||||
let tempK = parseFloat(data.main.temp);
|
||||
let weatherIcon = data.weather[0].icon;
|
||||
let tempK = parseFloat(data.main.temp);
|
||||
let tempC = Math.round(tempK - 273.15);
|
||||
let tempF = Math.round((tempK - 273.15) * 1.8) + 32;
|
||||
document.getElementById('weather').innerHTML = '<p id="location">' + data.name + '</p><p id="details" ' + 'title="' + tempF + '°F">' + data.weather[0].description + '<span class="separator">|</span>' + tempC + '°C</p>';
|
||||
document.getElementById('weather').innerHTML = '<p id="location">' + data.name + '</p><p id="details" ' + 'title="' + tempF + '°F">' + '<img src="http://openweathermap.org/img/wn/' + weatherIcon + '@2x.png">' + data.weather[0].description + '<span class="separator">|</span>' + tempC + '°C</p>';
|
||||
});
|
||||
}
|
||||
|
||||
function traichu() {
|
||||
dateTime();
|
||||
weatherBalloon(6254926);
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user