Download as
Browse Code »

Commit 402d22ed5c54dba0da94735b8ee479ff74d670f8

Authored by Edmar Moretti
1 parent a1637e1c
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

ajuste no layout da página inicial para funcionar em smtfone

Showing 2 changed files with 27 additions and 37 deletions   Show diff stats
@@ -26,7 +26,7 @@ echo " @@ -26,7 +26,7 @@ echo "
26 <link href='" . ONDEI3GEO . "/pacotes/bootstrap/css/ie10-viewport-bug-workaround.css' rel='stylesheet'> 26 <link href='" . ONDEI3GEO . "/pacotes/bootstrap/css/ie10-viewport-bug-workaround.css' rel='stylesheet'>
27 27
28 <!-- Custom styles for this template --> 28 <!-- Custom styles for this template -->
29 - <link href='" . ONDEI3GEO . "/init/offcanvas.css' rel='stylesheet'> 29 +
30 <link href='" . ONDEI3GEO . "/pacotes/font-awesome/css/font-awesome.min.css' rel='stylesheet'> 30 <link href='" . ONDEI3GEO . "/pacotes/font-awesome/css/font-awesome.min.css' rel='stylesheet'>
31 31
32 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 32 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
init/nindex.php
  Diff comments   View file @402d22e
@@ -76,23 +76,15 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; ); @@ -76,23 +76,15 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
76 #bandeiras { 76 #bandeiras {
77 width: 100px; 77 width: 100px;
78 text-align: left; 78 text-align: left;
79 - //position: absolute;  
80 - //left: 0.2cm;  
81 - //z-index: 10;  
82 } 79 }
83 </style> 80 </style>
84 </head> 81 </head>
85 82
86 -<body style="background-color: #eeeeee;"> 83 +<body style="background-color: #eeeeee; padding-top: 80px;">
  84 +
87 <nav class="navbar navbar-fixed-top navbar-inverse"> 85 <nav class="navbar navbar-fixed-top navbar-inverse">
88 <div class="container"> 86 <div class="container">
89 <div class="navbar-header"> 87 <div class="navbar-header">
90 -  
91 - <p class="pull-right visible-xs" style="padding:0px;">  
92 - <button type="button" class="navbar-toggle collapsed" data-toggle="offcanvas">  
93 - <i class="fa fa-chevron-left"></i><i class="fa fa-chevron-right"></i>  
94 - </button>  
95 - </p>  
96 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 88 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
97 <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> 89 <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
98 </button> 90 </button>
@@ -106,51 +98,49 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; ); @@ -106,51 +98,49 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
106 <li><a href="#"><i class="fa fa-home fa-2x"></i></i></a></li> 98 <li><a href="#"><i class="fa fa-home fa-2x"></i></i></a></li>
107 </ul> 99 </ul>
108 </div> 100 </div>
109 - <!-- /.nav-collapse -->  
110 </div> 101 </div>
111 - <!-- /.container -->  
112 </nav> 102 </nav>
113 - <!-- /.navbar -->  
114 -  
115 <div class="container"> 103 <div class="container">
116 -  
117 - <div class="row row-offcanvas row-offcanvas-right">  
118 - <div id="mensagemLogin"> 104 + <div class="row" >
  105 + <div class="col-sm-12" id="mensagemLogin">
119 </div> 106 </div>
120 - <div class="col-xs-12 col-sm-9"> 107 + <div class="col-sm-12">
121 <div class="jumbotron" id="jumbotron"> 108 <div class="jumbotron" id="jumbotron">
122 </div> 109 </div>
123 - <div class="row" id="botoes"></div>  
124 - <!--/row-->  
125 </div> 110 </div>
126 - <!--/.col-xs-12.col-sm-9-->  
127 -  
128 - <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar">  
129 - <div class="btn-group-vertical" id="atalhos">  
130 - </div>  
131 - <div class="panel panel-default"> 111 + <div id="botoes">
  112 + </div>
  113 + <div class="col-sm-12" style="width:260px;">
  114 + <div class="panel panel-default" >
132 <div class="panel-body"> 115 <div class="panel-body">
133 - <a class="twitter-timeline" href="https://twitter.com/i3geo" data-widget-id="288061915689787392" height="350">Tweets @i3Geo</a> 116 + <a class="twitter-timeline" href="https://twitter.com/i3geo" data-widget-id="288061915689787392" height="300">Tweets @i3Geo</a>
134 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 117 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
135 </div> 118 </div>
136 </div> 119 </div>
137 - <div class="panel panel-default"> 120 + </div>
  121 + <div class="col-sm-12" style="width:260px;">
  122 + <div class="panel panel-default" >
138 <div class="panel-body"> 123 <div class="panel-body">
139 - <a class="twitter-timeline" href="https://twitter.com/hashtag/i3geo" data-widget-id="643417277208133633">i3geo Tweets</a> 124 + <a class="twitter-timeline" href="https://twitter.com/hashtag/i3geo" data-widget-id="643417277208133633" height="300">i3geo Tweets</a>
140 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 125 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
141 </div> 126 </div>
142 </div> 127 </div>
143 - <script type='text/javascript' src='https://www.openhub.net/p/i3geo/widgets/project_users?format=js&style=blue'></script>  
144 </div> 128 </div>
145 - <!--/.sidebar-offcanvas-->  
146 </div> 129 </div>
147 - <!--/row-->  
148 130
149 <hr> 131 <hr>
150 132
151 <footer> 133 <footer>
152 - <a rel="license" href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank"><img alt="Licen&ccedil;a Creative Commons" style="border-width: 0" src="https://i.creativecommons.org/l/GPL/2.0/88x62.png" /></a><br />O i3Geo est&aacute; licenciado com uma Licen&ccedil;a <a  
153 - rel="license" href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank">Creative Commons - Licen&ccedil;a P&uacute;blica Geral GNU (&#34;GNU General Public License&#34;)</a> 134 + <div class="row" >
  135 + <div class="col-sm-10"
  136 + <a rel="license" href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank"><img alt="Licen&ccedil;a Creative Commons" style="border-width: 0" src="https://i.creativecommons.org/l/GPL/2.0/88x62.png" /></a><br />O i3Geo est&aacute; licenciado com uma Licen&ccedil;a <a
  137 + rel="license" href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank">Creative Commons - Licen&ccedil;a P&uacute;blica Geral GNU (&#34;GNU General Public License&#34;)</a>
  138 + </div>
  139 + <div class="col-sm-2">
  140 + <script type='text/javascript' src='https://www.openhub.net/p/i3geo/widgets/project_users?format=js&style=blue'></script>
  141 + </div>
  142 +
  143 + </div>
154 </footer> 144 </footer>
155 145
156 </div> 146 </div>
@@ -168,7 +158,7 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; ); @@ -168,7 +158,7 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
168 ?> 158 ?>
169 <script> 159 <script>
170 $(document).ready(function(){ 160 $(document).ready(function(){
171 - var template = '<div class="col-xs-6 col-lg-4"><div class="panel panel-default"><div class="panel-body" style="height: 250px;"><div class="thumbnail" style="height:90px;"><img class="img-rounded" style="height: 100%; width: 100%" src="{{{img}}}" /></div><h4>{{{titulo}}}</h4><div style="overflow:auto;height:200px;"><p>{{{subtitulo}}}</p></div></div><div class="panel-footer text-right" style="border:0px;background-color:white;"><p><a class="btn btn-primary btn-raised" href="{{{href}}}" role="button" target="_blank" >Abrir <i class="fa fa-{{{fa}}}" aria-hidden="true" ></i></a></p></div></div></div>'; 161 + var template = '<div class="col-sm-12" style="width:260px;"><div class="panel panel-default"><div class="panel-body" style="height: 250px;"><div class="thumbnail" style="height:90px;"><img class="img-rounded" style="height: 100%; width: 100%" src="{{{img}}}" /></div><h4>{{{titulo}}}</h4><div style="overflow:auto;height:200px;"><p>{{{subtitulo}}}</p></div></div><div class="panel-footer text-right" style="border:0px;background-color:white;"><p><a class="btn btn-primary btn-raised" href="{{{href}}}" role="button" target="_blank" >Abrir <i class="fa fa-{{{fa}}}" aria-hidden="true" ></i></a></p></div></div></div>';
172 <?php 162 <?php
173 if ($i3geomaster [0] ["usuario"] == "admin" && $i3geomaster [0] ["senha"] == "admin") { 163 if ($i3geomaster [0] ["usuario"] == "admin" && $i3geomaster [0] ["senha"] == "admin") {
174 echo "var men = $" . "trad(19,g_traducao_init);"; 164 echo "var men = $" . "trad(19,g_traducao_init);";
@@ -176,7 +166,7 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; ); @@ -176,7 +166,7 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
176 echo "var men = '';"; 166 echo "var men = '';";
177 } 167 }
178 ?> 168 ?>
179 - mostraBotoesBT(template, '<div class="col-xs-12 col-sm-12"><div class="alert alert-danger">' + men + '</div></div>'); 169 + mostraBotoesBT(template, '<div class="alert alert-danger">' + men + '</div>');
180 }); 170 });
181 </script> 171 </script>
182 </body> 172 </body>