Skip to content

Commit 60abea5

Browse files
0e10e1
committed
Ajustes na interface. osm-codes/SV#1 
1 parent 2c259b6 commit 60abea5

File tree

1 file changed

+51
-53
lines changed

1 file changed

+51
-53
lines changed

‎index.html

Lines changed: 51 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,14 @@
1-
<!DOCTYPE html><html lang="pt-br">
2-
<head><title>AFAcodes: AddressForAll Codes</title>
3-
<meta charset="utf-8" />
4-
<meta name="viewport" content="width=device-width, initial-scale=1" />
5-
<meta name="description" content="Logistic and Scientific geocode"/>
6-
<meta name="keywords" content="geocode"/>
7-
<meta name="author" content="AddressForAll"/>
8-
<link rel="shortcut icon" type="image/png" href="/resources/img/address_for_all-01-colorful.ico.png" />
9-
<style>
10-
.youtube-video-container{position:relative;overflow:hidden;width:750px}
11-
.youtube-video-container:after{display:block;content:"";padding-top:56.25%}
12-
.youtube-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
13-
</style>
14-
1+
<!DOCTYPE html>
2+
<html lang="pt-br">
3+
<head>
4+
<title>AFAcodes: AddressForAll Codes</title>
5+
<meta charset="utf-8"/>
6+
<meta name="viewport" content="width=device-width, initial-scale=1"/>
7+
<meta name="description" content="Logistic and Scientific geocode"/>
8+
<meta name="keywords" content="geocode"/>
9+
<meta name="author" content="AddressForAll"/>
10+
<link rel="shortcut icon" type="image/png" href="/resources/img/address_for_all-01-colorful.ico.png"/>
11+
<link rel="stylesheet" href="/logistic/style.css"/>
1512
<script>
1613
function sel_jurL1(abbrev,optc) {
1714
if (abbrev>'') {
@@ -75,52 +72,53 @@
7572
</script>
7673
</head>
7774

78-
<body style="padding:1em">
79-
<img src="https://afa.codes/resources/img/OSMcodes-logo.png" alt="A logo representing the AFAcodes project" style="float:right;width:30%;">
80-
<p>The <abbr title="AddressForAll Codes">AFAcodes</abbr> infrastructure <b>is under testing and construction</b>.</p>
81-
<p><a href="./" title="Homepage for AFA.codes">AFA.codes</a> is the "AddressForAll Codes", and a project maintained by <a target="_blanck" href="https://AddressForAll.org" title="Homepage for AddressForAll Institute">AddressForAll Institute</a>.
82-
</p>
75+
<body>
76+
<header class="afa-header">
77+
<div class="wrapper afa-header_wrapper">
78+
<div>
79+
<p>The <abbr title="AddressForAll Codes">AFAcodes</abbr> infrastructure <b>is under testing and construction</b>.</p>
80+
<p><a href="./" title="Homepage for AFA.codes">AFA.codes</a> is the "AddressForAll Codes", and a project maintained by <a target="_blanck" href="https://AddressForAll.org" title="Homepage for AddressForAll Institute">AddressForAll Institute</a>.</p>
81+
</div>
82+
<img src="./resources/img/OSMcodes-logo.png" alt="A logo representing the AFAcodes project">
83+
</div>
84+
</header>
8385

8486
<h2>Options</h2>
8587
<p><abbr title="AddressForAll Codes">AFAcodes</abbr> are sovereign decisions of each country about its <a target="_blanck" title="see Wikipedia explanation on geocodes" href="https://en.wikipedia.org/wiki/Geocode">geocodes</a>,
86-
and some countries are implementing it. Logistic and Scientific <abbr title="AddressForAll Codes">AFAcodes</abbr> applications are interoperable.
88+
and some countries are implementing it. <i>Logistic</i> and <i>Scientific</i> <abbr title="AddressForAll Codes">AFAcodes</abbr> applications are interoperable.
8789
</p>
8890

89-
<p><b><i>Logistic <abbr title="AddressForAll Codes">AFAcodes</abbr></i></b>, by jurisdiction:
91+
<p><b><i>Logistic <abbr title="AddressForAll Codes">AFAcodes</abbr></i></b>, by jurisdiction:</p>
9092
<ul>
9193
<li>Work cases:
92-
<select name="countries1" id="wrk_jurL1" onchange="sel_jurL1(this.value,'wrk')">
93-
<option value="" selected="1">-- Country --</option>
94-
<!-- <option value="BR">BR - Brazil</option> -->
95-
<option value="CM">CM - Camarões</option>
96-
<option value="CO">CO - Colombia</option>
97-
</select> &nbsp; <span id="wrk_jurL2"></span> &nbsp; <span id="wrk_jurL3"></span>
98-
<br/>&nbsp;</li>
94+
<select name="countries1" id="wrk_jurL1" onchange="sel_jurL1(this.value,'wrk')">
95+
<option value="" selected="1">-- Country --</option>
96+
<option value="CM">CM - Cameroon</option>
97+
<option value="CO">CO - Colombia</option>
98+
</select> &nbsp; <span id="wrk_jurL2"></span> &nbsp; <span id="wrk_jurL3"></span>
99+
</li>
99100
<li>(draft) Full list, only for list-test:
100-
<select name="countries2" id="sel_jurL1" onchange="sel_jurL1(this.value,'sel')">
101-
<option value="">-- Country --</option>
102-
<option value="BR">BR - Brazil</option>
103-
<option value="CM">CM - Camarões</option>
104-
<option value="CO">CO - Colombia</option>
105-
<option value="EC">EC - Equador</option>
106-
<option value="UY">UY - Uruguay</option>
107-
</select> &nbsp; <span id="sel_jurL2"></span> &nbsp; <span id="sel_jurL3"></span>
108-
</li>
101+
<select name="countries2" id="sel_jurL1" onchange="sel_jurL1(this.value,'sel')">
102+
<option value="">-- Country --</option>
103+
<option value="BR">BR - Brazil</option>
104+
<option value="CM">CM - Cameroon</option>
105+
<option value="CO">CO - Colombia</option>
106+
<option value="UY">UY - Uruguay</option>
107+
</select> &nbsp; <span id="sel_jurL2"></span> &nbsp; <span id="sel_jurL3"></span>
108+
</li>
109109
</ul>
110-
</p>
111110

112-
<p>(draft) <b><i>Scientific <abbr title="AddressForAll Codes">AFAcodes</abbr></i></b> and <i>scientific grid</i>, by country:
111+
<p><b><i>Scientific <abbr title="AddressForAll Codes">AFAcodes</abbr></i></b> and <i>scientific grid</i> (draft), by country:</p>
113112
<ul>
114-
<li><a href="./BR+D" title="View Scientific AFAcodes for Brazil">Brazil</a></li>
115-
<li><a href="./CM+9" title="View Scientific AFAcodes for Camarões">Camarões</a></li>
116-
<li><a href="./CO+08" title="View Scientific AFAcodes for Colombia">Colombia</a></li>
117-
<li><a href="./EC+08" title="View Scientific AFAcodes for Ecuador">Ecuador</a></li>
113+
<li><a href="./BR+A" title="View Scientific AFAcodes for Brazil">Brazil</a></li>
114+
<li><a href="./CM+9" title="View Scientific AFAcodes for Cameroon">Cameroon</a></li>
115+
<li><a href="./CO+C" title="View Scientific AFAcodes for Colombia">Colombia</a></li>
116+
<!-- <li><a href="./EC+08" title="View Scientific AFAcodes for Ecuador">Ecuador</a></li>-->
117+
<li><a href="./SV+A" title="View Scientific AFAcodes for El Salvador">El Salvador</a></li>
118118
<li><a href="./UY+B" title="View Scientific AFAcodes for Uruguay">Uruguay</a></li>
119119
</ul>
120-
</p>
121-
122-
<hr/>
123120

121+
<section class="section-divider">
124122
<div class="youtube-video-container">
125123
<iframe
126124
title="Embedded YouTube video."
@@ -132,16 +130,15 @@ <h2>Options</h2>
132130
srcdoc="<style>*{padding:0;margin:0;overflow:hidden}img:first-child{position:absolute;top:calc(50vh - 36px);left:calc(50vw - 36px);}img:nth-child(2){width:100%;height:auto}</style><a href='https://www.youtube-nocookie.com/embed/KSxutg7PAjo?autoplay=1&rel=0'><img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAA8FBMVEUAAAAAAADq6ur6+voAAAAuLi4GBgYAAABfX18AAAD19fUAAACenp7z8/Pw8PBOTk4REREAAAAAAAAAAADc3Nyvr69mZmZHR0cAAAAAAAAAAAAWFhYMDAwAAACjo6Nvb29sbGz8/Pzs7Ozp6emxsbFAQEAmJibQ0NDNzc3CwsK8vLyZmZkpKSkAAAAAAAAAAAAAAAAAAAAAAAAAAACgoKA7OzvHx8fFxcWAgIDm5uZYWFhUVFRLS0snJycODg4AAAAAAADl5eXY2NjExMSWlpaVlZUAAAAAAAAAAAAAAACoqKgAAACDg4MyMjIAAAD///9SmF7MAAAAT3RSTlOzAPf9Br20lMqn+7Dc+vnFt6yjgfHhy8NoR0G4tizezs3++Pbiwrvt7Ofm2rxYUU4lGxML3MDq6dP1x8fEvLZ8MfXw6NnZmolgPN+g0757xSwr/gAAA8RJREFUeAGtmGdT21oXhVdUJKsIW+7YuBcKpmBsTIeXlwtJSLL+/7+5xxLMBaxyRPx8Y0bzDPvI2mfvhW8JHG9+/2O++ID/Yv75vnmc9GysaHp0Z+ET1t3RNJtIazwjGqfU0KRFpwdFBOgdd7es2KStlHfdjo6A4sGplEg7DEu6rCj8hFK5DEs81NJFrScIxu6AkQzcMQRPrRSRVg9KqqhcYp/td2vjAlAY17r7ZzaXqJWgxLqWJDoxARRmvaCO9rWBDxjX7QEFvVkBgHkSL7q3AFQVCrZzBiIwctsUKFUA1n2cqOEAWz8p2MkjlvwOBT+3AKcRLdoEMHkg2e8gkU6f5MMEwGaU6IcDjPok95pIoblHsj8CnB+ropYD1DxS/QUJfqmkVwOc1mfRiQXMbdK+ghR5j7TngHXyUaSZwFghN0aQZLRBKmPA1D6I6sBtmbRHkGZkk+VboP5e1AJQIdUrZOBKJYcAWu9EJlAleY5MnJOsAuZ/okOgoJB7yMgeqRSAwzfRqQXMSKWJjDQVcgZYp6+iA0DvkVVkpkr2dOAgFGnF4KR38AV2gvMuaoGoAdyoZB5fIE+qN0AjEJUAl9zGl9gmXaC0FE0dGBtkDqv8X0caOXLDgDMVoqO3v1ah+s8WEgn+h0vgSIhKwVG3EQHJ/+WQTJusACUh8oFBzFFzSUp9eXIA+BqOAZ20jVhRSn2GTeoQmk2gQ54hXpRS3xnZgdDUAZfcTxCl1LdPuhCaErBLdlNECfV1yV3gDibwQNZSRAn11cgyYKIYvLRxiiihvjHZB4rwAY8spIgS6iuQNuBDoJJIESXVRxICJ5PoYlVkvIqsLKU9RpTWfC3tRf6wFzoimISHLf/6L1Jev+wP8jH5B1lCHZilfyKL1E9E6qO9kPloJdrIY2Ib8V7biOYDSlJjW6Q2NgXwtbRWeyHbalOa/6NM88+FzX+K2OtoIXsdYSpE356B2V9ekM9vV/ZkLVe2VgSG6xgi/nKs+Q0cvBu02l8dtNqAdbqu0W/9w2gwHg+zjsf5t/E4YmD35pBm7kUM7MEKMdnIskLMl09PAFNbXWpGWZeaUbDUxK1ZUid+HrtmhYvfXJFf/JR5sPjFraJlkv0uEun2SZZjV1HZ5fh6h4LhLeA0pNZ1RCK1rr8FCO0eBYPZaoDghgFCOwwQJCKNocol3kJEGnrTMJq6iDQWHpeow99hpCEVsty4CiNR3BsInu7XHvvIB1F9mz3vQjqIyh6NyYd1JR+f8EtZw7oQTcSHd2bRB/yieSfiQy3h4X8BIjMI7XNyKGoAAAAASUVORK5CYII=' alt='Play'><img src='https://img.youtube.com/vi/KSxutg7PAjo/0.jpg' alt='Thumbnail'></a>">
133131
</iframe>
134132
</div>
133+
</section>
135134

136-
<hr/>
137-
<p><small><a href="https://wiki.addressforall.org/doc/osmc:Vers%C3%B5es" title="View available software versions">Software versions</a></small></p>
138-
<p><small><a href="./_talk/" title="Contact AFA.codes team">Contact us</a></small></p>
135+
<footer class="section-divider">
136+
<p class="font_small"><a href="https://wiki.addressforall.org/doc/osmc:Vers%C3%B5es" title="View available software versions">Software versions</a></p>
137+
<p class="font_small"><a href="./_talk/" title="Contact AFA.codes team">Contact us</a></p>
138+
</footer>
139139

140140
<!--
141-
<hr/>
142-
143141
<h2>Foundations</h2>
144-
145142
<p>The country's sovereign decisions are limited by mathematical constraints and statistical evidence:
146143
<ul>
147144
<li>The geographic projections are limited to Statistical applications: population census and DGGS standard need <a href="https://en.wikipedia.org/wiki/Equal-area_map">Equal Area projection</a>.
@@ -153,4 +150,5 @@ <h2>Foundations</h2>
153150
</p>
154151
-->
155152
<script src="/resources/js/jurisdictions_select.js"></script>
156-
</body></html>
153+
</body>
154+
</html>

0 commit comments

Comments
 (0)