diff --git a/etec/itweek-2018/.gitattributes b/etec/itweek-2018/.gitattributes new file mode 100644 index 00000000..dfe07704 --- /dev/null +++ b/etec/itweek-2018/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/etec/itweek-2018/LICENSE b/etec/itweek-2018/LICENSE new file mode 100644 index 00000000..cd1f7734 --- /dev/null +++ b/etec/itweek-2018/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 Guilherme H. Abe + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/etec/itweek-2018/README.md b/etec/itweek-2018/README.md new file mode 100644 index 00000000..5f724750 --- /dev/null +++ b/etec/itweek-2018/README.md @@ -0,0 +1,21 @@ +# itweek-2018-website + A website that I created in 2018 when I was learning web development and stuff, for the IT week of my school. + +I didn't know so much about web development but I tried really hard on making a different and good looking website, I'm really proud of myself sinceIi remember it was a little bit hard to learn javascript when almost everyone wasn't using at all. + +I tried using jquery but there at that time I didn't know so much about, so the code must be pretty bad. + +As you can see, almost all the content are in portuguese since I'm from Brazil and in that time I wasn't really worried about it but I plan to remove the images (bc they probably are licensed) and translate to english. + +Also, feel free to copy the code or fork it and pull a request :) + +## How do I run it? + +it's really simple, you only need to download the repository and run index.html and you are ready to run it. + +## License + +This project is under MIT license, check license file for more details + + + diff --git a/etec/itweek-2018/assets/bg1.jpg b/etec/itweek-2018/assets/bg1.jpg new file mode 100644 index 00000000..0725364b Binary files /dev/null and b/etec/itweek-2018/assets/bg1.jpg differ diff --git a/etec/itweek-2018/assets/bg2.jpg b/etec/itweek-2018/assets/bg2.jpg new file mode 100644 index 00000000..750941e8 Binary files /dev/null and b/etec/itweek-2018/assets/bg2.jpg differ diff --git a/etec/itweek-2018/assets/bg3.jpg b/etec/itweek-2018/assets/bg3.jpg new file mode 100644 index 00000000..15cd1f0c Binary files /dev/null and b/etec/itweek-2018/assets/bg3.jpg differ diff --git a/etec/itweek-2018/assets/bg4.jpg b/etec/itweek-2018/assets/bg4.jpg new file mode 100644 index 00000000..22509f2d Binary files /dev/null and b/etec/itweek-2018/assets/bg4.jpg differ diff --git a/etec/itweek-2018/assets/bg5.jpg b/etec/itweek-2018/assets/bg5.jpg new file mode 100644 index 00000000..97a4e39b Binary files /dev/null and b/etec/itweek-2018/assets/bg5.jpg differ diff --git a/etec/itweek-2018/assets/bg6.jpg b/etec/itweek-2018/assets/bg6.jpg new file mode 100644 index 00000000..b5fd61bb Binary files /dev/null and b/etec/itweek-2018/assets/bg6.jpg differ diff --git a/etec/itweek-2018/assets/icon.png b/etec/itweek-2018/assets/icon.png new file mode 100644 index 00000000..f8dc2402 Binary files /dev/null and b/etec/itweek-2018/assets/icon.png differ diff --git a/etec/itweek-2018/src/index.css b/etec/itweek-2018/src/index.css new file mode 100644 index 00000000..0c557732 --- /dev/null +++ b/etec/itweek-2018/src/index.css @@ -0,0 +1,385 @@ +*{ margin: 0px; padding: 0px; box-sizing: border-box;} +@-webkit-keyframes swing +{ + 15% + { + -webkit-transform: translateX(5px); + transform: translateX(5px); + } + 30% + { + -webkit-transform: translateX(-5px); + transform: translateX(-5px); + } + 50% + { + -webkit-transform: translateX(3px); + transform: translateX(3px); + } + 65% + { + -webkit-transform: translateX(-3px); + transform: translateX(-3px); + } + 80% + { + -webkit-transform: translateX(2px); + transform: translateX(2px); + } + 100% + { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes swing { + 15% + { + -webkit-transform: translateX(5px); + transform: translateX(5px); + } + 30% + { + -webkit-transform: translateX(-5px); + transform: translateX(-5px); + } + 50% + { + -webkit-transform: translateX(3px); + transform: translateX(3px); + } + 65% + { + -webkit-transform: translateX(-3px); + transform: translateX(-3px); + } + 80% + { + -webkit-transform: translateX(2px); + transform: translateX(2px); + } + 100% + { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +[data-anime]{ + opacity: 1; + transition: .3s; + +} +@-webkit-keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } +} +@-moz-keyframes fadeIn { + 0% { opacity: 0;} + 100% { opacity: 1; } +} +@-o-keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } +} +@keyframes fadeIn { + 0% { opacity: 0; } + 100% { opacity: 1; } +} +.fadeIn { + -webkit-animation: fadeIn 2s ease-in-out; + -moz-animation: fadeIn 2s ease-in-out; + -o-animation: fadeIn 2s ease-in-out; + animation: fadeIn 2s ease-in-out; +} +body{ /* Corpo da página*/ + background: #ececec; + font-family: Roboto; /*importa do google e precisa colocar no html acima do link do estilo*/ +} +#menu{ /* Menu*/ + width: 100%; + height: 100px; + border-radius:0px; + color: white; + margin: 0 auto; + position: fixed; + top: 0px; + background: rgba(0, 0, 0, 0); + +} + + +#topo { + margin-top:0px; +} +#sobreref { + margin-top: 0px; +} + +.center{ + width: 80%; + height: 60px; + float: left; + margin: 0 auto; +} + +.center li{ + display:block; +} +#iconehome{ /* Icones do lado dos */ + float:left; + color: #fff; + line-height: 60px; + height: 60px; + padding: 0px 10px; + margin-left:10px; + margin-right:30px; + margin-top:20px; + + +} +.center i.left{ /* Icones do lado dos */ + float: left; + height: 60px; + line-height: 50px; + margin-right: 5px; + } +#iconehome:hover{ /*Icone grande do pesquisador que aumenta de tamanho quando tu coloca o ponteiro em cima */ + -webkit-transform: scale(1.2); + -ms-transform: scale(1.2); + transform: scale(1.2); + +} +#nav { + float:left; + text-decoration:none; /*tira os marcadores*/ + color: #fff; + text-transform: uppercase; + line-height: 50px; + height: 50px; + padding: 0px 10px; + margin-left:0px; + margin-top:25px; + margin-right:30px; +} + +#nav:hover{ /* efeito cor mouse*/ + -webkit-animation: swing 1s ease; + animation: swing 1s ease; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} +.slogan{ /*Como se tornar um acadêmico ? */ + font-size: 60px; + font-family: montserrat; + color: #ffffff ; + text-transform: uppercase; + margin: 55px; + margin-top: 150px; + margin-left:250px; + width: 720px; + height: 150px; +} +.subslogan{ /*Atualmente, milhares de pessoas... */ + font-size: 17px; + font-family: montserrat; + color: black; + margin: 55px; + margin-top: 85px; + margin-left:370px; + text-indent: 30px; + width: 720px; + height: 300px; + +} +.subslogan p { /* Parágrafos do subslogan */ + -webkit-margin-before: 0.5em; + -webkit-margin-after: 0.5em; + -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); + -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); + box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); + color: white; + padding:10px; + background-color:#333333; + border-radius: 10px; +} +.conteudo p{ + font-family: Times New Roman, sans-serif; + font-size: 15px; + text-align:justify; + padding:10px; + +} +.entrepag { /* espaço entre páginas */ + width: 100%; + height: 70px; + float:left; + background-color: #333333; + -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); + -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); + box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); +} +.conteudofundo{ /*Primeiro plano de fundo */ + width: 100%; + height: 1080px; + float:left; + margin-top: 0px; + background-image: url(../assets/bg1.jpg); + background-attachment: fixed; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + +} +.conteudofundo2{ /*Segundo plano de fundo*/ + width: 100%; + height: 1000px; + float:left; + background-image: url(../assets/bg4.jpg); + background-position: center; +} +.conteudofundo3{ /*Terceiro plano de fundo*/ + width: 100%; + height: 1000px; + float:left; + background-image: url(../assets/bg5.jpg); + background-attachment: fixed; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + z-index: 3; +} +.conteudofundo4{ /*Quarto plano de fundo*/ + width: 100%; + height: 843px; + float:left; + background-attachment: fixed; + background-repeat: no-repeat; + background-size:100%,100%; + background-image: url(../assets/bg3.jpg); +} +.conteudofundo5{ /*Quarto plano de fundo*/ + width: 100%; + height: 900px; + background-repeat: no-repeat; + float:left; + background-size:100% 100%; + background-image: url(../assets/bg6.jpg); +} +.rodape{ /*rodapé da página */ + width: 100%; + height: 100px; + float:left; + background: linear-gradient(145deg, #000000, #333333); + background-attachment: fixed; + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} +.rodape p { + color:white; + text-align:center; + line-height:100px; + font-size: 15px; + font-family: montserrat; + + +} +#sobre { /*texto do sobre*/ + background-color: white ; + margin: 55px; + margin-top: 145px; + width: 60%; + height: 800px; + padding:10px; +} +#formacao { /*texto da formação*/ + background-color: white ; + margin: 55px; + margin-top: 145px; + margin-left:38%; + width: 60%; + height: 750px; + padding:10px; + -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); + -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); + box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); +} +#carreira { /*texto da carreira*/ + background-color: #333333 ; + margin-left:10%; + margin-top: 145px; + width: 80%; + height: 600px; + padding:10px; + -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); + -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); + box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); +} +#contato { /*texto do contato*/ + margin-left:10%; + margin-top: 105px; + width: 80%; + height: 600px; + padding:10px; + color: white; + +} +#tit{ /* Título de textos*/ + font-size: 60px; + font-family: montserrat; + text-transform: uppercase; +} +#titw{ /* Título de textos branca*/ + font-size: 60px; + font-family: montserrat; + text-transform: uppercase; + color:white; +} +#corp1{ + font-size:20px; + font-family: montserrat; +} +#corp{ /* Corpo de textos*/ + font-size: 15px; + font-family: montserrat; + padding: 5px; +} +#corpw{ /* Corpo de textos branca*/ + font-size: 15px; + font-family: montserrat; + padding: 5px; + color:white; +} +#comentario{ + -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); + -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); + box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); +} +button { + display:block; + width:80px; + height:26px; + font-weight:bold; + color:white; + background-color:#333; + border:1px; + float:left; + margin-right:3px; +} +button:hover { + background-color:red; + +} +input[type=text]{ + border-radius:4px; + width:150px; + border:1px solid #000000; +} +textarea{ + border-radius:4px; + border:1px solid #000000; +} +input[type=text]:hover, textarea:hover{ + background: #fff; border:1px solid red; +} \ No newline at end of file diff --git a/etec/itweek-2018/src/index.html b/etec/itweek-2018/src/index.html new file mode 100644 index 00000000..b29af86b --- /dev/null +++ b/etec/itweek-2018/src/index.html @@ -0,0 +1,133 @@ + + + Como se tornar um Acadêmico ? + + + + + + + + + + + + + +
+ + +
+

Como se tornar um acadêmico ?

+
+
+

Atualmente, milhares de pessoas se dedicam a trabalhar em grandes corporações, empresas, estados como meio da obtenção de dinheiro, mas o que muitos não sabem é o fato de que há outra forma de ganhar dinheiro, sendo essa através do meio acadêmico.

+

Porém para se atentar a este tipo de trabalho, é necessário muito esforço e dedicação, no entanto, os resultários são satisfatórios.

+

Viaje por diversos países elaborando teses, descubra coisas novas, e, ainda seja recompensado!

+
+
+ +
+
+

Sobre

+

Um acadêmico é um profissional que executa uma atividade sistemática para atingir o conhecimento sobre algo. Através do método científico, realiza pesquisas para compreender de forma clara e exata algum fato pertencente à dimensão física, matemática, química ou social do ambiente ou objeto estudado.Eles possuem uma formação avançada e trabalham como pesquisador ou professor em uma universidade ou faculdade, normalmente elas são escolhidas por pessoas que desejam continuar os estudos. +

+

Entre os principais acadêmicos estão : Stephen Hawking, Albert Einstein, Isaac Newnton, Galileu Galilei, Marie Curie e entre outros cujo o legado que foi deixado é incomensurável

+

O “método científico” é a principal atividade usada por acadêmicos e ciêntistas trata-se de observar um fato, coletar dados, levantar um questionamento, formular hipóteses, realizar experimentos monitorados, avaliar seus resultados e elaborar as conclusões. Os fatos são embasados em evidências reais, empíricas e comprováveis através da materialidade dos fenômenos investigados. +

+

A atuação de um acadêmico pode ser teórica, desenvolvendo novos modelos em busca de resultados diferentes para explicar dados já existentes. Pode ser pesquisador, tendo como instrumento de trabalho computadores, documentos, artigos de especialistas da área, teses e demais notícias do meio. +

+

Ou pode ser experimentalista, testando modelos ainda desconhecidos e mensurando os possíveis resultados. Dessa forma pode atuar em laboratórios, onde as atividades são variadas. Terá contato com equipamentos específicos, por exemplo, microscópio, centrífuga, tubos de ensaio. Fará seus estudos através de reações químicas ou físicas dos materiais. Atualmente as análises são feitas por diversas técnicas e sempre surgem novos equipamentos, como os aceleradores de partículas. A análise também pode ser externa ao laboratório e feita “in loco” na própria natureza, se o objeto de estudo for uma planta em seu habitat nas florestas, etc. +

+

Na prática, muitos profissionais atuam executando esse dois tipos de tarefas e o mercado de trabalho é variado. +

+

A maior parte dos acadêmicos acabam trabalhando pra universidades e faculdades, já que o polo ciêntífico está lá, porém atualmente diversas empresas estão contratando acadêmicos e pesquisadores, pois a longo prazo isso pode trazer um grande lucro para a empresa, por isso são bem recompensados, porém para possuir uma formação satisfatória é necessário muito esforço e dedicação. +

+
+
+ +
+ +
+
+

Formação

+

A formação necessária é longa, baseada em muita dedicação: além da graduação é necessário fazer mestrado e também doutorado. Paralelamente é preciso realizar projetos de pesquisa na área escolhida, participar de congressos científicos e publicar os resultados estudados. +

+

O processo começa na escola e continua durante a graduação na faculdade. Faça aulas que trabalhem o pensamento analítico e crítico necessário a um cientista. Isso é requisito básico para sair em vantagem mais para frente. +

+

É interessante também se especializar em matemática. Os cientistas de ciências físicas trabalham com muita matemática, particularmente álgebra, cálculo e geometria analítica; já os que atuam em ciências biológicas precisam da matemática com menos frequência. Todos os cientistas precisam de um conhecimento prático em estatística também. +

+

Participe de eventos científicos durante o ensino médio. Eles oferecem projetos mais intensivos do que os feitos nas aulas regulares de ciência.

+

Provavelmente você se especializará em uma determinada disciplina mais tarde, por isso é necessário fazer cursos básicos de biologia, química e física para ter uma base de cada ciência e para aprender o método científico de observar, levantar hipóteses e fazer experimentos. Você também pode selecionar disciplinas optativas com base em áreas de interesse ou descobrir novos campos que o ajudem a definir sua especialidade. Em um ano ou dois, você pode se comprometer a um ramo mais específico da ciência. +

+

Se souber uma ou duas linguas estrangeiras, vai ser de grande vantagem, pois a maior parte dos artigos ciêntificos são produzidos por outros países.As línguas mais comuns incluem inglês, francês, alemão e russo. +

+

Após isso procure por um estágio de pesquisa em qualquer lugar que seja de sua área, conforme o tempo, você vai adquirindo mais experiências dentro da área e logo poderá ser reconhecidas +

+

É importante manter-se atualizado em seu campo e em outros relacionados, participando de conferências e lendo revistas e jornais especializados. A ciência está em constante mudança - vacile, e você ficará para trás. +

+

Após um longo tempo de experiência ciêntifica e acadêmica, você poderá atuar em grandes universidades como Harvard, Oxford e MIT, onde estão concentradas a comunidade ciêntifica, e consequentemente elaborar teses, artigos ciêntificos e participar ativamente da comunidade ciêntifica internacional. +

+
+
+ +
+ +
+
+

Carreira

+

Há normalmente duas opções para um acadêmico, a primeira seria atuar e trabalhar como pesquisador, ou seja, elaborar teses, artigos ciêntificos e dentre outros em uma determinada área, com o objetivo de preencher a lacuna de conhecimento, Já a segunda opção seria trabalhar como professor e possui a função de ensinar e transmitir determinados conhecimentos para outros, esta, dependendo, é mais valorizada, porém requer-se qualificações académicas e pedagógicas, para que consiga transmitir/ensinar a matéria de estudo da melhor forma possível ao aluno. +

+

A profissão pode até exigir um pouco mais de disciplina e de paciência, mas a maioria dos desafios se baseia na escassez de recursos, na saturação do mercado e na necessidade de sempre desenvolver trabalhos acadêmicos relevantes. +

+

Um acadêmico ou pesquisador precisa de finaciamento, o que o tornam bem importantes, porém sem financiamento, a produção de conhecimento de qualidade se torna ainda mais difícil, uma vez que o cientista precisa de suporte para dedicar boa parte de seu tempo à investigação. + +

+

E atualmente a falta de recursos não torna favorável a carreira acadêmica no brasil, e isso pode fazer então com que muitas pesquisas se tornem inviáveis. O Brasil tem vivido esse drama nos últimos anos. Com a constante redução do orçamento destinado ao Ministério da Ciência, Tecnologia e Inovação (MCTI), as agências de financiamento tiveram que suspender boa parte de seus editais, ficando sem recursos até para custear projetos que já foram aprovados. Com os últimos acontecimentos, muitos bolsistas tiveram que recorrer a outras fontes de renda para prosseguir em suas investigações e até para se sustentar – o bolsista precisa se dedicar exclusivamente à pesquisa, não podendo ser admitido em nenhum outro emprego. Se não recebe a bolsa, ele fica completamente desamparado. +

+

Por isso, muitos pesquisadores e acadêmicos estão atualmente fugindo do nosso país, procurando outros centros acadêmicos na europa e grandes universidades. +

+
+ + +
+ +
+ +
+
+

Contato

+


+
+
+

Informe os dados abaixo

+
+

NOME :

+

EMAIL :

+

+

COMENTÁRIO

+ +



+ +
+
+
+
+ +
+

Guilherme Hidek Abe @2018.Todos direitos reservados

+
+ + \ No newline at end of file diff --git a/etec/itweek-2018/src/main.js b/etec/itweek-2018/src/main.js new file mode 100644 index 00000000..1d7be104 --- /dev/null +++ b/etec/itweek-2018/src/main.js @@ -0,0 +1,53 @@ +jQuery(document).ready( +function($) +{ + $(".scroll").click( + function(event) + { + event.preventDefault(); + $('html,body').animate({scrollTop:$(this.hash).offset().top}, 1000); + } + ); +} +); + +jQuery +( +function () +{ + jQuery(window).scroll( + function () { + if (jQuery(this).scrollTop() > 120) + { + $("#menu").css('background-color', 'rgba(51,51,51,1)'); + } + else + { + $("#menu").css('background-color', 'rgba(0,0,0,0)'); + } + } + ); +} +); + +function validar(){ + var nome = form1.nome.value; + var email = form1.email.value; + var comentario = form1.comentario.value; + + if (nome ==""){ + alert('Por favor preencha o campo do seu nome'); + form1.nome.focus(); + return false; + } + if (email ==""){ + alert('Por favor preencha o campo do seu email'); + form1.email.focus(); + return false; + } + if (comentario=="") { + alert('Por favor deixe seu comentario :)'); + form1.comentario.focus(); + return false; + } +} \ No newline at end of file