info/faq.html info/fontes-de-material-creative-commons.html info/instrucoes.html info/readme.html info/release-notes.html @@ -190,6 +190,15 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h5>Links do projeto Be on the Net estático:</h5> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body> </html> 01(pictures)_best_galleries_index.html @@ -383,7 +383,7 @@ <dd>Lidu (21-25471452)</dd> <dt>Buquê:</dt> <dd>Edla Barros <a href="#">www.edla.barros.nom.br</a></dd> - <dt>Jóias:</dt> + <dt>Joias:</dt> <dd>Amsterdam Sauer <a href="#">www.amsterdamsauer.com</a></dd> <dt>Roupa do Noivo:</dt> <dd>NightLine <a href="#">www.nightline.com.br</a></dd> @@ -458,5 +458,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 02(pictures)_best_galleries_gallery.html @@ -101,7 +101,7 @@ <dd>Lidu (21-25471452)</dd> <dt>Buquê:</dt> <dd>Edla Barros <a href="#">www.edla.barros.nom.br</a></dd> - <dt>Jóias:</dt> + <dt>Joias:</dt> <dd>Amsterdam Sauer <a href="#">www.amsterdamsauer.com</a></dd> <dt>Roupa do Noivo:</dt> <dd>NightLine <a href="#">www.nightline.com.br</a></dd> @@ -177,5 +177,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 03(pictures)_best_galleries_picture(1_horizontal).html @@ -101,7 +101,7 @@ <dd>Lidu (21-25471452)</dd> <dt>Buquê:</dt> <dd>Edla Barros <a href="#">www.edla.barros.nom.br</a></dd> - <dt>Jóias:</dt> + <dt>Joias:</dt> <dd>Amsterdam Sauer <a href="#">www.amsterdamsauer.com</a></dd> <dt>Roupa do Noivo:</dt> <dd>NightLine <a href="#">www.nightline.com.br</a></dd> @@ -177,5 +177,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 03(pictures)_best_galleries_picture(2_vertical).html @@ -267,5 +267,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 04(pictures)_best_galleries_selection(01_initial).html @@ -259,5 +259,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> \ No newline at end of file 04(pictures)_best_galleries_selection(02_facebox_spinner).html @@ -263,5 +263,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> \ No newline at end of file 04(pictures)_best_galleries_selection(03_facebox).html @@ -349,5 +349,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 04(pictures)_best_galleries_selection(04_pictures_in_cart).html @@ -191,5 +191,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 05(pictures)_best_galleries_checkout(01_initial).html @@ -199,5 +199,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> \ No newline at end of file 05(pictures)_best_galleries_checkout(02_facebox_spinner).html @@ -200,5 +200,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> \ No newline at end of file 05(pictures)_best_galleries_checkout(03_facebox).html @@ -192,5 +192,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 05(pictures)_best_galleries_checkout(04_form_spinner).html @@ -194,5 +194,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 06(pictures)_best_galleries_pictures_sent(01_error).html @@ -80,6 +80,14 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body> </html> \ No newline at end of file 06(pictures)_best_galleries_pictures_sent(02_success).html @@ -76,5 +76,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> \ No newline at end of file 07(pictures)_search(01_invalid).html @@ -380,5 +380,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 07(pictures)_search(02_valid).html @@ -91,7 +91,7 @@ <dd>Lidu (21-25471452)</dd> <dt>Buquê:</dt> <dd>Edla Barros <a href="#">www.edla.barros.nom.br</a></dd> - <dt>Jóias:</dt> + <dt>Joias:</dt> <dd>Amsterdam Sauer <a href="#">www.amsterdamsauer.com</a></dd> <dt>Roupa do Noivo:</dt> <dd>NightLine <a href="#">www.nightline.com.br</a></dd> @@ -168,5 +168,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 08(pictures)_full_galleries_search_picture.html @@ -35,13 +35,6 @@ <li class="quem_somos current"><a href="#">Quem somos</a></li> <li class='contact'><a href="10(contact)_index(01_initial).html">Contato</a></li> </ul> - -<form action="busca" id="global_search" method="get"> - <fieldset> - <input id="search_type" name="search_type" type="hidden" value="text" /> - <input id="query" maxlength="500" name="query" size="60" type="text" value="buscar fotos" /> - </fieldset> -</form> </div> <hr /> @@ -80,5 +73,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 09(text)_quem_somos_index.html @@ -34,13 +34,6 @@ <li class="quem_somos"><a href="09(text)_quem_somos_index.html">Quem somos</a></li> <li class='contact current'><a href="10(contact)_index(01_initial).html">Contato</a></li> </ul> - -<form action="busca" id="global_search" method="get"> - <fieldset> - <input id="search_type" name="search_type" type="hidden" value="text" /> - <input id="query" maxlength="500" name="query" size="60" type="text" value="buscar fotos" /> - </fieldset> -</form> </div> <hr /> @@ -79,5 +72,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 10(contact)_index(01_initial).html @@ -34,13 +34,6 @@ <li class="quem_somos"><a href="09(text)_quem_somos_index.html">Quem somos</a></li> <li class='contact current'><a href="10(contact)_index(01_initial).html">Contato</a></li> </ul> - - <form action="busca" id="global_search" method="get"> - <fieldset> - <input id="search_type" name="search_type" type="hidden" value="text" /> - <input id="query" maxlength="500" name="query" size="60" type="text" value="buscar fotos" /> - </fieldset> - </form> </div> <hr /> @@ -77,5 +70,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 10(contact)_index(02_form_spinner).html @@ -34,13 +34,6 @@ <li class="quem_somos"><a href="09(text)_quem_somos_index.html">Quem somos</a></li> <li class='contact current'><a href="10(contact)_index(01_initial).html">Contato</a></li> </ul> - -<form action="busca" id="global_search" method="get"> - <fieldset> - <input id="search_type" name="search_type" value="text" type="hidden" /> - <input id="query" maxlength="500" name="query" size="60" value="buscar fotos" type="text" /> - </fieldset> -</form> </div> <hr /> @@ -80,5 +73,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6>s </div> </body></html> \ No newline at end of file 10(contact)_index(03_error).html @@ -33,13 +33,6 @@ <li class="quem_somos"><a href="09(text)_quem_somos_index.html">Quem somos</a></li> <li class='contact current'><a href="10(contact)_index(01_initial).html">Contato</a></li> </ul> - -<form action="/busca" id="global_search" method="get"> - <fieldset> - <input id="search_type" name="search_type" value="text" type="hidden" /> - <input id="query" maxlength="500" name="query" size="60" value="buscar fotos" type="text" /> - </fieldset> -</form> </div> <hr /> @@ -74,5 +67,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> \ No newline at end of file 10(contact)_index(04_success).html @@ -35,13 +35,6 @@ <li class="quem_somos"><a href="09(text)_quem_somos_index.html">Quem somos</a></li> <li class='contact'><a href="10(contact)_index(01_initial).html">Contato</a></li> </ul> - -<form action="busca" id="global_search" method="get"> - <fieldset> - <input id="search_type" name="search_type" type="hidden" value="text" /> - <input id="query" maxlength="500" name="query" size="60" type="text" value="buscar fotos" /> - </fieldset> -</form> </div> <hr /> @@ -73,5 +66,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 11(application)_page_not_found.html @@ -35,13 +35,6 @@ <li class="quem_somos"><a href="09(text)_quem_somos_index.html">Quem somos</a></li> <li class='contact'><a href="10(contact)_index(01_initial).html">Contato</a></li> </ul> - -<form action="busca" id="global_search" method="get"> - <fieldset> - <input id="search_type" name="search_type" type="hidden" value="text" /> - <input id="query" maxlength="500" name="query" size="60" type="text" value="buscar fotos" /> - </fieldset> -</form> </div> <hr /> @@ -70,5 +63,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 12(application)_server_error.html @@ -34,13 +34,6 @@ <li class="quem_somos"><a href="09(text)_quem_somos_index.html">Quem somos</a></li> <li class='contact'><a href="10(contact)_index(01_initial).html">Contato</a></li> </ul> - -<form action="busca" id="global_search" method="get"> - <fieldset> - <input id="search_type" name="search_type" type="hidden" value="text" /> - <input id="query" maxlength="500" name="query" size="60" type="text" value="buscar fotos" /> - </fieldset> -</form> </div> <hr /> @@ -69,5 +62,13 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body></html> 13(application)_timeout.html @@ -34,13 +34,6 @@ <li class="quem_somos"><a href="09(text)_quem_somos_index.html">Quem somos</a></li> <li class='contact'><a href="10(contact)_index(01_initial).html">Contato</a></li> </ul> - -<form action="busca" id="global_search" method="get"> - <fieldset> - <input id="search_type" name="search_type" type="hidden" value="text" /> - <input id="query" maxlength="500" name="query" size="60" type="text" value="buscar fotos" /> - </fieldset> -</form> </div> <hr /> @@ -194,6 +187,14 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body> </html> \ No newline at end of file 14(videos)_all_videos_index.html @@ -34,13 +34,6 @@ <li class="quem_somos"><a href="09(text)_quem_somos_index.html">Quem somos</a></li> <li class='contact'><a href="10(contact)_index(01_initial).html">Contato</a></li> </ul> - -<form action="busca" id="global_search" method="get"> - <fieldset> - <input id="search_type" name="search_type" type="hidden" value="text" /> - <input id="query" maxlength="500" name="query" size="60" type="text" value="buscar fotos" /> - </fieldset> -</form> </div> <hr /> @@ -96,7 +89,7 @@ <dd>Zé Carlos</dd> <dt>Buquê:</dt> <dd>Saulo Henriques</dd> - <dt>Jóias:</dt> + <dt>Joias:</dt> <dd>H.Stern</dd> <dt>Roupa do Noivo:</dt> <dd>Ele Et Lui</dd> @@ -152,6 +145,14 @@ <h6> Powered by <a href="http://beonthe.net" title="Be on the Net. Finalmente, online de verdade.">Beonthe.net</a>, um produto da <a href="http://improveit.com.br" title="Improve It">Improve It</a>. </h6> + <h6> + <a href="info/readme.html">Mapa da Mina, o ponto de partida</a> / + <a href="info/instrucoes.html">Instruções para fazer CSS</a> / + <a href="info/faq.html">F.A.Q.</a> / + <a href="info/release-notes.html">Release notes</a> / + <a href="info/fontes-de-material-creative-commons.html">Fontes de material Creative Commons</a> / + <a href="modelo-do-contrato.pdf">Modelo do contrato (.PDF)</a> + </h6> </div> </body> </html> \ No newline at end of file 15(videos)_all_videos_video.html @@ -8,13 +8,13 @@ Para compreender como utilizar este projeto, leia os seguintes arquivos: * intrucoes.html - Contém informações preliminares e instruções básicas para os designers que quiserem criar templates para o [Be on the Net][1]. -* faq.text - Contém perguntas mais freqüentes e suas respectivas respostas. Se você tiver novas dúvidas, por favor, [entre em contato][2]. +* faq.text - Contém perguntas mais frequentes e suas respectivas respostas. Se você tiver novas dúvidas, por favor, [entre em contato][2]. * release-notes.txt - Contém uma descrição das modificações que vêm sendo feitas no projeto. Leia para compreender o que mudou desde a última vez que você atualizou os arquivos. * fontes-de-material-creative-commons.txt - Contém uma lista de sites que costumam conter material disponibilizado como Creative Commons Attribution. -* modelo-do-contrato.pdf - Este é o modelo do contrato de compra de teplates que a Improve It utiliza com os designers que produzem templates para o Be on the Net. É recomendável que você leia este modelo para conhecer as exatas condições em que as compras de templates são feitas. +* modelo-do-contrato.pdf - Este é o modelo do contrato de compra de templates que a Improve It utiliza com os designers que produzem templates para o Be on the Net. É recomendável que você leia este modelo para conhecer as exatas condições em que as compras de templates são feitas. [1]: http://beonthe.net [2]: http://www.improveit.com.br/br/contato README.markdown @@ -1,12 +1,12 @@ -# A marcação (HTML) poderá ser alterada? +## A marcação (HTML) poderá ser alterada? Em princípio não, isto é, o designer não tem como alterar o HTML. Entretanto, até a data do lançamento, podemos fazer alterações no HTML com base nas sugestões de vocês, caso consideremos adequado ao sistema como um todo. Sendo assim, se houver algo que você queira sugerir, por favor, faça isso. -# Caso o item acima seja falso, sem poder alterar a marcação, as imagens deverão ter sempre os mesmos nomes das imagens da pasta /images, correto? +## Caso o item acima seja falso, sem poder alterar a marcação, as imagens deverão ter sempre os mesmos nomes das imagens da pasta /images, correto? Não, as imagens podem assumir o nome que você considerar mais conveniente. Na área administrativa do site de cada cliente do Be on the Net, ele poderá fazer upload das imagens com o nome que achar melhor. No seu CSS, coloque os nomes correspondentes das imagens que você for utilizar. Em princípio, você como designer só tem como alterar nomes de imagens que são referenciadas no CSS como imagens de fundo. Uma exceção é a parte de logotipo que será explicada a seguir. -# Os logotipos serão sempre em padrão texto estilizado? (até porque o cliente vai escolher o template e vai desejar dar um nome qualquer ao site) +## Os logotipos serão sempre em padrão texto estilizado? (até porque o cliente vai escolher o template e vai desejar dar um nome qualquer ao site) Não. Caso o cliente tenha um logotipo em forma de imagem, ele poderá fazer o upload através da área administrativa. O Be on the Net segue uma convenção que determina o seguinte: @@ -14,21 +14,21 @@ Não. Caso o cliente tenha um logotipo em forma de imagem, ele poderá fazer o u * Se houver um arquivo chamado logo_print.gif (ou .jpg, .jpeg, .png), será gerada outra tag <img> no source do HTML para que este logo seja mostrado apenas no caso de impressão da página. * Se nenhum destes arquivos for localizado, o sistema simplesmente mostrará o nome fantasia do domínio (nome do site). No caso da Patricia, por exemplo, seria "Patricia Figueira". Este nome é cadastrado na área administrativa do Be on the Net. -Em suma, um cliente pode ter um logo em formato de imagem, desde que ele nos forneça um. Mas há aqueles que vão usar logos textuais mesmo. No exercício que você irá fazer de criar um template, sugerimos que você **ignore o atual logotipo da Patricia Figueira e estilize o atributo ``alt`` como se fosse um logotipo textual**. +Em suma, um cliente pode ter um logo em formato de imagem, desde que ele nos forneça um. Mas há aqueles que vão usar logos textuais mesmo. No exercício que você irá fazer de criar um template, sugerimos que você **ignore o atual logotipo da Patricia Figueira e estilize o atributo ``alt`` como se fosse um logotipo textual e a tag ``a`` que fica em volta da imagem**. -# Será possível inserir tags de CSS e/ou Script adicionais (para image replacement, talvez)? +## Será possível inserir tags de CSS e/ou Script adicionais (para image replacement, talvez)? Scripts adicionais não são permitidos em princípio. Porém, se você tiver alguma sugestão neste sentido, por favor nos envie explicando a motivação e, dependendo de como for, poderemos adotar. -# O layout poderá sofrer modificações "drásticas"? Tipo menu na lateral ou algo parecido? +## O layout poderá sofrer modificações "drásticas"? Tipo menu na lateral ou algo parecido? Sim. O layout pode ser feito da maneira que você preferir, desde que, para isso, você utilize apenas CSS. Mas, voltando à primeira pergunta, se você tiver alguma sugestão de mudança nas marcações, por favor nos envie. -# Os arquivos CSS estão divididos de modo a separar tipografia, formatação e cores. Nunca trabalhei desta forma. Sou obrigado a usar este padrão? +## Os arquivos CSS estão divididos de modo a separar tipografia, formatação e cores. Nunca trabalhei desta forma. Sou obrigado a usar este padrão? -Não. Este padrão reflete uma organização que o Leandro adotou e vem funcionando bem para nós. Entretanto, se você preferir se organizar de outra forma, sinta-se à vontade para fazê-lo. Apenas sugerimos que, como exercício, você tente se organizar também neste padrão para ver se funciona para você. Em nossa experiência, ele tem sido bastante útil e facilita bastante as modificações. +**Não**. Este padrão reflete uma organização que o Leandro adotou e vem funcionando bem para nós. Entretanto, se você preferir se organizar de outra forma, sinta-se à vontade para fazê-lo. Apenas sugerimos que, como exercício, você tente se organizar também neste padrão para ver se funciona para você. Em nossa experiência, ele tem sido bastante útil e facilita bastante as modificações. -# Como é o funcionamento dos spinners? +## Como é o funcionamento dos spinners? Chamamos de spinners aqueles gifs animados que são apresentados ao usuário quando alguma operação mais lenta precisa ser efetuada pelo sistema. Os dois casos de uso disso no Be on the Net são: @@ -40,58 +40,66 @@ Os spinners seguem uma convenção de nomes que deve ser respeitada pelo desgine * Spinners para formulário: spinner_form.gif * Spinner para a ampliação de foto na seleção: spinner_selection.gif -# Existe algum briefing mesmo que mínimo para ser seguido? +## Existe algum briefing mesmo que mínimo para ser seguido? -Não há nenhum briefing. Mas, nossa sugestão inicial é que você leia com atenção as instruções que seguem juntamente com os arquivos HTML. Em seguida, pense em como você refaria o site da Patricia Figueira, que está no exemplo, mas com um layout diferente. Neste momento, isso é tudo de que precisamos. +Não há nenhum briefing. Mas, nossa sugestão inicial é que você leia com atenção as instruções que seguem juntamente com os arquivos HTML (arquivo ``instrucoes.html``). Em seguida, pense em como você refaria o site da Patricia Figueira, que está no exemplo, mas com um layout diferente. Neste momento, isso é tudo de que precisamos. -# No template, os designers fariam a direção de arte, os htmls, css e javascripts? +## No template, os designers fariam a direção de arte, os htmls, css e javascripts? A parte que cabe aos designers é a direção de arte e CSS. HTMLs são os que já estão lá e não podem sofrer alterações. Javascripts também são conosco. -# É permitido uso de Image Replacement para convenções como menu e Títulos (h1, h2)? +## É permitido uso de Image Replacement para convenções como menu e Títulos (h1, h2)? Se estivéssemos construindo um layout personalizado para um cliente do Be on the Net, não haveria nenhum problema em usar Image Replacement para estes elementos. Entretanto, em se tratando de um template, isso certamente seria problemático. O que acontece é que boa parte dos títulos, bem como o menu, são formados de conteúdo dinâmico. Por exemplo, cada cliente vai ter, no menu, um conjunto específico de opções, cada qual com um nome em particular. Enquanto a Pati usa "melhores" e "álbuns completos", outros usarão "fotos de 15 anos", "fotos de formatura" etc. Sendo assim, usar image replacement para substituir o texto seria ok para algo bem personalizado, mas compromete bastante quando se trata de um template. -Há, no entanto, espaço para image replacement em dois pontos: na paginação (div="pages") e na página de imagens e vídeos grandes, nos links Anterior e Próximo. Nestes casos, há um ``span`` vazio à espera de image replacement, para imagens como setas. +Há, no entanto, espaço para image replacement em dois pontos: na paginação (p="pages") e na página de imagens e vídeos grandes, nos links Anterior e Próximo. Nestes casos, há um ``span`` vazio à espera de image replacement, para imagens como setas. -# Vocês usarão algum tipo de framework Javascript para convenções como animações, tooltip? +## Vocês usarão algum tipo de framework Javascript para convenções como animações, tooltip? Não. Não haverá nenhum tipo de Javascript para isso. A única parte que usa Javascript intensivamente é a seleção de fotos para um álbum. -# Posso usar PNG transparente para alguns elementos? +## Posso usar PNG transparente para alguns elementos? -PNG transparente é problemático com o IE6. Então, você pode usar, desde que faça uma exceção para o IE6, na qual coloque uma alternativa que funcione para ele. +PNG transparente é problemático com o IE6. Então, você pode usar, desde que faça uma exceção para o IE6, na qual coloque uma alternativa que funcione para ele (como um PNG de 8 bits ou um GIF com transparência). -# Vocês estão usando já o CSS3? E é obrigatório somente o uso dele? +## Vocês estão usando já o CSS3? E é obrigatório somente o uso dele? Não é necessário que se use CCS3. O que precisamos é que o CSS seja sempre válido e que funcione em todos os principais navegadores: IE (6 e 7), Firefox, Safari, Opera e Chrome. -# Posso usar os ícones e ilustrações que se encontram no exemplo da Patricia Figueira? +## Posso usar os ícones e ilustrações que se encontram no exemplo da Patricia Figueira? Não. O designer deverá criar seus próprios ícones e ilustrações, ou obtê-los na internet. -Caso o designer crie seus próprios ícones ou ilustrações, os arquivos fontes deverão ser incluídos no template. Portanto, deveremos receber o arquivo fonte no formato PSD (Photoshop), ou AI (Adobe Illustrator), ou CDR (Corel) ou outro de sua preferência. Eventuais camadas que tenham sido produzidas devem vir abertas, de modo a permitir fácil edição futura. +Caso o designer crie seus próprios ícones ou ilustrações, os arquivos fontes deverão ser incluídos no template. Ou seja, deveremos receber o arquivo fonte no formato PSD (Photoshop), ou AI (Adobe Illustrator), ou CDR (Corel) ou outro de sua preferência. Eventuais camadas que tenham sido produzidas devem vir abertas, de modo a permitir fácil edição futura. -Se preferir, o designer pode obter imagens na internet desde que elas estejam disponíveis como [Creative Commons Atribuição (a partir do 2.0)][1]. O link onde as imagens foram obtidas tem que ser informado para que possamos comprovar que o autor delas realmente as libera explicitamente como [Creative Commons Atribuição (2.0 para cima)][1] (infelizmente, a imagem ser "royalty-free" não significa o mesmo que ser Creative Commons, portanto tenha o cuidado de verificar). +Se preferir, o designer pode obter imagens na internet desde que elas estejam disponíveis como [Creative Commons Atribuição (a partir do 2.0)][1]. O link onde as imagens foram obtidas **tem que ser informado**, para que possamos comprovar que o autor delas realmente as libera explicitamente como [Creative Commons Atribuição (2.0 para cima)][1] (infelizmente, a imagem ser "royalty-free" não significa o mesmo que ser Creative Commons, portanto tenha o cuidado de verificar). -# Devo criar imagens específicas para as páginas de erro? +Há inúmeras fontes de imagens que seguem o padrão [Creative Commons Atribuição)][1]. Algumas delas estão citadas no arquivo "fontes-de-material-creative-commons.txt" que vem com este pacote. + +## Devo criar imagens específicas para as páginas de erro? Sim. Nas páginas de erro, é importante o recurso de usar uma imagem divertida para ajudar o usuário a não se desesperar quando dá um erro no site. Você deve criar suas próprias imagens ou pode usar imagens obtidas nas internet, desde que estas respeitem as condições citadas anteriormente sobre licenciamento (Creative Commons). -# Posso usar fontes com serifa? +## Posso usar fontes com serifa? -Em princípio sim, mas recomendamos extrema cautela no uso de fontes com serifa. Elas podem ser perigosas, porque serrilham muito em browsers e monitores não tão modernos. O Internet Explorer é especialmente ruim em renderizar este tipo de fonte (e ironicamente é o mais usado por aí). Eu (Leandro) pessoalmente sou mais tolerante a elas do que o resto do pessoal aqui -- mas que elas são perigosas, são; portanto, procure usá-las com muita cautela, e testando bem para ver se o serrilhamento não fica muito tosco. Dependendo de como ficar, podemos chegar ao ponto de pedir para que seja substituída por uma fonte sem serifa. +Em princípio sim, mas recomendamos extrema cautela no uso de fontes com serifa. Elas podem ser perigosas, porque serrilham muito em browsers e monitores não tão modernos. O Internet Explorer é especialmente ruim em renderizar este tipo de fonte (e ironicamente é o mais usado por aí). Eu (Leandro) pessoalmente sou mais tolerante a elas do que o resto do pessoal aqui -- mas que elas são perigosas, são; portanto, procure usá-las com muita cautela, e testando bem para ver se o serrilhamento não fica muito tosco. Dependendo de como ficar, podemos deixar passar ou chegar ao ponto de pedir para que seja substituída por uma fonte sem serifa. -# Posso ter um design muito parecido com o da Patricia Figueira, que está no exemplo? +## Posso ter um design muito parecido com o da Patricia Figueira, que está no exemplo? Muitas pessoas têm adotado a diagramação em três colunas, que ainda é um tanto parecida com a do site da Patricia Figueira. Compreendo (Leandro) que isto é bem típico de "primeiro design", quando ainda não descobrimos toda a liberdade que temos. Afinal, como escapamos a um layout pronto que nos foi dado? Ele vira meio que nosso universo, nosso parâmetro de partida. Imagino. E como encaixar mais ou menos que três colunas? Felizmente, o HTML permite uma flexibilidade enorme, e nós incentivamos os designers a, tanto quanto possível, abstrair o layout da Patricia e inventar a moda que quiserem. Nosso interesse é comprar templates, e para isso daremos todo o suporte que pudermos para ajudar a dar asas à criatividade. Questione tudo o que você vê no layout da Patricia e, nos trabalhos que estão por vir, chute o balde mesmo, viaje alto. -# As medidas usadas no CSS precisam ser em em's? +Para ajudar: + +* Há neste pacote uma pasta "exemplos", com imagens de um outro CSS feito sobre este mesmo beonthenet-estatico. É um caso real, de um site que está no ar. +* Dê uma olhada nos [templates já produzidos][templates], para se inspirar. Você pode baixar o CSS de qualquer um deles livremente, para aprender como se chegou a tal e tal resultado. + +## As medidas usadas no CSS precisam ser em em's? Não, você pode usar medidas em px ou qualquer outra unidade de sua preferência. -# Suponha que eu faça um template e este seja aprovado e, portanto, comprado pela Improve It. Digamos que eu queira propor um segundo template onde a única alteração será na paleta de cores. Isso seria considerado válido? +## Suponha que eu faça um template e este seja aprovado e, portanto, comprado pela Improve It. Digamos que eu queira propor um segundo template no qual a única alteração será na paleta de cores. Isso seria considerado válido? -Não. A idéia é que cada template seja basta específico em termos de tipografia, posicionamento de elementos, cores e imagens. Portanto, um template, para ser considerado como tal, precisa ter características específicas em cada uma das dimensões citadas (tipografia, posicionamentos, cores e imagens). +Não. A ideia é que cada template seja bastante específico em termos de tipografia, posicionamento de elementos, cores e imagens. Portanto, um template, para ser considerado como tal, precisa ter características específicas em cada uma das dimensões citadas (tipografia, posicionamentos, cores e imagens). -[1]: http://creativecommons.org/licenses/by/2.5/br/ \ No newline at end of file +[1]: http://creativecommons.org/licenses/by/2.5/br/ +[templates]: http://github.com/search?q=beonthenet-template&type=Repositories \ No newline at end of file faq.text @@ -1,4 +1,4 @@ -Abaixo seguem alguns locais que costumam ter material disponível como Creative Commons Atribuição. Nota que estas não são as únicas fontes existentes deste tipo de material. O objetivo desta lista é apenas servir como um ponto de partida para suas pesquisas. +Abaixo seguem alguns locais que costumam ter material disponível como Creative Commons Atribuição. Note que estas não são as únicas fontes existentes deste tipo de material. O objetivo desta lista é apenas servir como um ponto de partida para suas pesquisas. * Vetores fontes-de-material-creative-commons.txt @@ -1,71 +1,75 @@ -# 17/nov/2008 +# Release notes: -* Retiramos o conteúdo da tag <title> para deixar os arquivos menos poluídos, e os substituímos pelos respectivos nomes dos arquivo HTML. -* Retiramos a maior parte das tags <meta> para reduzir a poluição dos arquivos. -* Renomeamos form_spinner.gif para spinner_form.gif. -* Renomeados facebox_spinner.gif para spinner_selection.gif. -* Retiramos os números que havia após os nomes dos arquivos CSS. Exemplo: layout_ie.css?1234567890 passou a ser apenas layout_ie.css. Estes números não tinham nenhuma importância para o trabalho de estilização, mas tornavam o código ligeiramente mais poluído. -* Retiramos as referências para os arquivos javascript, pois são desnecessárias para o processo de estilização. -* Retiramos as referências para o arquivo 04_admin.css. A parte de admin não é englobada pelo template. -* Reduzimos o tamanho das propriedades alt e title para reduzir a poluição. -* Fizemos com que todos os links passem a apontar apenas para "#". Isso também ajudou a reduzir a poluição visual. -* Retiramos uma chamada javascript relativa ao Google Analytics que aparecia ao final de cada arquivo. -* Indentação nos links para os arquivos CSS. -* Movemos os diretórios images e stylesheets para a raiz. -* Retiramos todos os eventos de javascript que estavam presentes em algumas páginas HTML. -* Melhoramos a formatação da ficha técnica para facilitar a compreensão de sua organização. - -# 18/nov/2008 +## 12/fev/2009 -* Página de instruções atualizada, com índice. -* Consertamos os links da página instrucoes.html. Agora eles levam a algum lugar. -* Inserimos uma linha com a folha de estilo 03_color_screen_handheld contendo efetivamente o media="handheld". -* Novas seções, e uma tabela com todas as situações possíveis. +* Mais links funcionam; aumentou a usabilidade. +* Eliminamos o scroll horizontal que browsers tipo Webkit (Safari e Chrome) mostravam na página de seleção. Deu uma enxugada no CSS. +* Páginas do módulo de texto (aquelas com body.text) agora têm CSS unificado. São a página Quem Somos (arquivo "09(text)_quem_somos_index.html") e a de Instruções (arquivo "instrucoes.html"). +* Reformatamos o release-notes para vir com as mudanças mais recentes no topo. +* Implementamos no rodapé de todas as das páginas um sistema de links para _todos_ os arquivos de informações do Be on the Net estático. -# 05/dez/2008 +## 11/fev/2009 -* Adicionamos o modelo do contrato ao pacote. +* A maioria dos links agora funciona. Agora, o beonthenet-estatico é um pouco menos estático: é possível navegar por todas as páginas clicando nos links, menus, tags, imagens e botões. O designer vai ter uma noção melhor do workflow do sistema, e de que página leva a que página. +* Melhoramos a legibilidade dos arquivos HTML, com melhores indentações em trechos relevantes. +* Retocamos o CSS da página de erros. -# 12/dez/2008 +## 10/fev/2009 -* Acrescentamos o arquivo fontes-de-material-creative-commons.txt. Ele contém uma lista de sites onde é possível achar material comumente disponibilizado como Creative Commons Attribution. +* Refatoramos o CSS. Agora o projeto está tinindo no IE6 e 7. +* Os links para as fichas técnicas agora realmente levam às fichas técnicas. +* Renomeamos o arquivo "05(pictures)_best_galleries_pictures_sent(05_error).html" (ver dia 06/fev/2009) para "06(pictures)_best_galleries_pictures_sent(01_error).html". +* Páginas com body.text agora têm padding maior no div##main_content. Vimos que é uma boa prática manter estreitas as colunas de texto corrido. +* Atualizamos o arquivo "instrucoes.html". Não se esqueça de dar uma olhada neste arquivo! -# 20/dez/2008 +## 06/fev/2009 -* Nos arquivos de CSS, toda vez que o identificador 'checkout' era usado, passou a ser necessário usar também o identificador 'pictures_sent'. A razão disso é uma mudança estrutural que foi implementada, que passa a permitir que, na seleção de imagens, o usuário final coloque mais dados de contato: nome, telefones e e-mail. +* Novo formulário de checkout, com três campos em vez de um. +* Novo arquivo: erro de envio no checkout -- arquivo "05(pictures)_best_galleries_pictures_sent(05_error).html" (ver 20/dez/2008). +* Novo div: ##picture_description, nas páginas de imagem grande -- "03(pictures)_best_galleries_picture(1_horizontal).html" e "03(pictures)_best_galleries_picture(2_vertical).html". +* CSS para tudo isso. +* Atualizamos o arquivo "instrucoes.html". -# 21/jan/2009 +## 21/jan/2009 -* Mudanças no div #header: - - Inserimos o h2#slogan, uma tag em que o usuário poderá veicular o slogan de seu negócio. +* Mudanças no div ##header: + - Inserimos o h2##slogan, uma tag em que o usuário poderá veicular o slogan de seu negócio. - No menu principal, acrescentamos a classe .current a cada <li> ativo. Isso traz simplicidade e flexibilidade ao CSS deste trecho. - Retiramos os ícones do menu prinicpal, para deixá-lo flexível a qualquer tipo de negócio. Percebemos que os ícones limitavam a versatilidade do template. * Atualizamos os thumbnails da página de vídeos 14(videos)_all_videos_index.html; agora os thumbnails aparecem de novo. -# 06/fev/2009 +## 20/dez/2008 -* Novo formulário de checkout, com três campos em vez de um. -* Novo arquivo: erro de envio no checkout -- arquivo "05(pictures)_best_galleries_pictures_sent(05_error).html" (ver 20/dez/2008). -* Novo div: #picture_description, nas páginas de imagem grande -- "03(pictures)_best_galleries_picture(1_horizontal).html" e "03(pictures)_best_galleries_picture(2_vertical).html". -* CSS para tudo isso. -* Atualizamos o arquivo "instrucoes.html". +* Nos arquivos de CSS, toda vez que o identificador 'checkout' era usado, passou a ser necessário usar também o identificador 'pictures_sent'. A razão disso é uma mudança estrutural que foi implementada, que passa a permitir que, na seleção de imagens, o usuário final coloque mais dados de contato: nome, telefones e e-mail. -# 10/fev/2009 +## 12/dez/2008 -* Refatoramos o CSS. Agora o projeto está tinindo no IE6 e 7. -* Os links para as fichas técnicas agora realmente levam às fichas técnicas. -* Renomeamos o arquivo "05(pictures)_best_galleries_pictures_sent(05_error).html" (ver dia 06/fev/2009) para "06(pictures)_best_galleries_pictures_sent(01_error).html". -* Páginas com body.text agora têm padding maior no div#main_content. Vimos que é uma boa prática. -* Atualizamos o arquivo "instrucoes.html". Não se esqueça de dar uma olhada neste arquivo! +* Acrescentamos o arquivo fontes-de-material-creative-commons.txt. Ele contém uma lista de sites onde é possível achar material comumente disponibilizado como Creative Commons Attribution. -# 11/fev/2009 +## 05/dez/2008 -* A maioria dos links agora funciona. Agora, o beonthenet-estatico é um pouco menos estático: é possível navegar por todas as páginas clicando nos links, menus, tags, imagens e botões. O designer vai ter uma noção melhor do workflow do sistema, e de que página leva a que página. -* Melhoramos a legibilidade dos arquivos HTML, com melhores indentações em trechos relevantes. -* Retocamos o CSS da página de erros. +* Adicionamos o modelo do contrato ao pacote. -# 12/fev/2009 +## 18/nov/2008 -* Mais links funcionam; aumentou a usabilidade. -* Eliminamos o scroll horizontal que browsers tipo Webkit (Safari e Chrome) mostravam na página de seleção. Deu uma enxugada no CSS. -* Página de texto (aquelas com body.text) agora têm CSS unificado. São a página Quem Somos (arquivo "09(text)_quem_somos_index.html") e a de Instruções (arquivo "instrucoes.html"). \ No newline at end of file +* Página de instruções atualizada, com índice. +* Consertamos os links da página instrucoes.html. Agora eles levam a algum lugar. +* Inserimos uma linha com a folha de estilo 03_color_screen_handheld contendo efetivamente o media="handheld". +* Novas seções, e uma tabela com todas as situações possíveis. + +## 17/nov/2008 + +* Retiramos o conteúdo da tag <title> para deixar os arquivos menos poluídos, e os substituímos pelos respectivos nomes dos arquivo HTML. +* Retiramos a maior parte das tags <meta> para reduzir a poluição dos arquivos. +* Renomeamos form_spinner.gif para spinner_form.gif. +* Renomeados facebox_spinner.gif para spinner_selection.gif. +* Retiramos os números que havia após os nomes dos arquivos CSS. Exemplo: layout_ie.css?1234567890 passou a ser apenas layout_ie.css. Estes números não tinham nenhuma importância para o trabalho de estilização, mas tornavam o código ligeiramente mais poluído. +* Retiramos as referências para os arquivos JavaScript, pois são desnecessárias para o processo de estilização. +* Retiramos as referências para o arquivo 04_admin.css. A parte de admin não é englobada pelo template. +* Reduzimos o tamanho das propriedades alt e title para reduzir a poluição. +* Fizemos com que todos os links passem a apontar apenas para "##". Isso também ajudou a reduzir a poluição visual. +* Retiramos uma chamada JavaScript relativa ao Google Analytics que aparecia ao final de cada arquivo. +* Indentação nos links para os arquivos CSS. +* Movemos os diretórios images e stylesheets para a raiz. +* Retiramos todos os eventos de JavaScript que estavam presentes em algumas páginas HTML. +* Melhoramos a formatação da ficha técnica para facilitar a compreensão de sua organização. \ No newline at end of file release-notes.txt @@ -4,7 +4,7 @@ html * { font: normal normal normal 1em/1em "Geneva", Helvetica, "Lucida Grande", "Trebuchet MS", Arial, sans-serif; } -p, li, dd, dt { +p, li, dd, dt, dt a { font-size: 75%; line-height: 1.7em; } @@ -286,10 +286,17 @@ body.text #main_content h4 { line-height: 1.2em; } -body.text #main_content dt { +body.text #main_content dt, +body.text #main_content dt a { font-weight: bold; font-size: 80%; } +body.text #main_content dt a { + font-size: 100%; +} +body.text #main_content dt a:hover { + text-decoration: none; +} body.text #main_content dd, body.text #main_content ul li { @@ -385,11 +392,15 @@ body.application #main_content li { /* Footer */ -#footer p, #footer h6 { +#footer * { text-align: right; line-height: 1.25em; } +#footer h5 { + font-size: 75%; +} + #footer h6 { font-size: 70%; } stylesheets/01_typography.css @@ -539,7 +539,11 @@ body.text #main_content ul li { } body.text #main_content ul ul { - margin: 0 1em; + margin: 1em 1.5em; +} + +body.text #main_content ul ul li { + margin-bottom: .5em; } /* Text pages */ @@ -722,6 +726,10 @@ body > #facebox { margin-bottom: .5em; } +#footer h5 { + margin: 2em 0 .5em 0; +} + body#selection #footer, body#checkout #footer, body#pictures_sent #footer { stylesheets/02_layout_screen.css @@ -350,10 +350,15 @@ body.text #main_content h4 { } body.text #main_content dt, +body.text #main_content dt a, body.text #main_content strong, cite { color: #940029; } +body.text #main_content dt a:hover { + color: #FFF; + background: #940029; +} /* Text pages */ @@ -469,4 +474,8 @@ body#timeout #main_content h2 { #footer p { margin-bottom: .5em; } + +#footer h5 { + color: #940029; +} /* /Footer */ \ No newline at end of file stylesheets/03_color_screen_handheld.css images/favicon.ico instrucoes.html f39c4f8d9d65e819cece997228991898e5687c20 Leandro Mello leandro@improveit.com.br http://github.com/viniciusteles/beonthenet-estatico/commit/b5a9900909112432371d3b976f27ba6c69411280 b5a9900909112432371d3b976f27ba6c69411280 2009-02-12T13:22:04-08:00 2009-02-12T13:22:04-08:00 12/fev/2009 * Mais links funcionam; aumentou a usabilidade. * Eliminamos o scroll horizontal que browsers tipo Webkit (Safari e Chrome) mostravam na página de seleção. Deu uma enxugada no CSS. * Páginas do módulo de texto (aquelas com body.text) agora têm CSS unificado. São a página Quem Somos (arquivo "09(text)_quem_somos_index.html") e a de Instruções (arquivo "instrucoes.html"). * Reformatamos o release-notes para vir com as mudanças mais recentes no topo. * Implementamos no rodapé de todas as das páginas um sistema de links para _todos_ os arquivos de informações do Be on the Net estático. a84f86003fa539a5ae9ac8c5cedb962396210333 Leandro Mello leandro@improveit.com.br