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
init/head.php
  Diff comments   View file @402d22e
... ... @@ -26,7 +26,7 @@ echo "
26 26 <link href='" . ONDEI3GEO . "/pacotes/bootstrap/css/ie10-viewport-bug-workaround.css' rel='stylesheet'>
27 27  
28 28 <!-- Custom styles for this template -->
29   - <link href='" . ONDEI3GEO . "/init/offcanvas.css' rel='stylesheet'>
  29 +
30 30 <link href='" . ONDEI3GEO . "/pacotes/font-awesome/css/font-awesome.min.css' rel='stylesheet'>
31 31  
32 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 76 #bandeiras {
77 77 width: 100px;
78 78 text-align: left;
79   - //position: absolute;
80   - //left: 0.2cm;
81   - //z-index: 10;
82 79 }
83 80 </style>
84 81 </head>
85 82  
86   -<body style="background-color: #eeeeee;">
  83 +<body style="background-color: #eeeeee; padding-top: 80px;">
  84 +
87 85 <nav class="navbar navbar-fixed-top navbar-inverse">
88 86 <div class="container">
89 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 88 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
97 89 <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
98 90 </button>
... ... @@ -106,51 +98,49 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
106 98 <li><a href="#"><i class="fa fa-home fa-2x"></i></i></a></li>
107 99 </ul>
108 100 </div>
109   - <!-- /.nav-collapse -->
110 101 </div>
111   - <!-- /.container -->
112 102 </nav>
113   - <!-- /.navbar -->
114   -
115 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 106 </div>
120   - <div class="col-xs-12 col-sm-9">
  107 + <div class="col-sm-12">
121 108 <div class="jumbotron" id="jumbotron">
122 109 </div>
123   - <div class="row" id="botoes"></div>
124   - <!--/row-->
125 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 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 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 118 </div>
136 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 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 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 126 </div>
142 127 </div>
143   - <script type='text/javascript' src='https://www.openhub.net/p/i3geo/widgets/project_users?format=js&style=blue'></script>
144 128 </div>
145   - <!--/.sidebar-offcanvas-->
146 129 </div>
147   - <!--/row-->
148 130  
149 131 <hr>
150 132  
151 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 144 </footer>
155 145  
156 146 </div>
... ... @@ -168,7 +158,7 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
168 158 ?>
169 159 <script>
170 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 162 <?php
173 163 if ($i3geomaster [0] ["usuario"] == "admin" && $i3geomaster [0] ["senha"] == "admin") {
174 164 echo "var men = $" . "trad(19,g_traducao_init);";
... ... @@ -176,7 +166,7 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
176 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 171 </script>
182 172 </body>
... ...