diff --git a/Assets/css/main.css b/Assets/css/main.css index 4501ebc..08f1739 100644 --- a/Assets/css/main.css +++ b/Assets/css/main.css @@ -20,7 +20,7 @@ --secondary-text-color: var(--verde-salvia); --shandow-color: var(--onyx); - + --line-color: var(--azul-nevoeiro); --error-color: var(--coral); --success-color: var(--emerald); @@ -69,6 +69,14 @@ body{ width: 80px; height: auto; } + +.top-bar .branding a{ + display: flex; + flex-direction: row; + + text-decoration: none; + color: var(--background-color); +} top-bar .branding h1{ font: var(--font-family); font-weight: bold; @@ -214,7 +222,7 @@ top-bar .branding h1{ } .box{ - height: 200px; + min-height: 200px; width: 40%; margin: 15px; @@ -267,7 +275,6 @@ top-bar .branding h1{ /* */ .pessoal-page{ - height: 100%; width: 81%; color: var(--primary-color); @@ -277,9 +284,9 @@ top-bar .branding h1{ } .pessoal-page .box{ - min-height: 550px; + width: 40%; - margin: 15px; + margin: 0; box-shadow: 0px 5px 5px var(--shandow-color); background-color: var(--primary-color); @@ -297,15 +304,27 @@ top-bar .branding h1{ } .pessoal-page .box .box-info { - height: 100%; - width: 93%; + width: 100%; text-align: justify; - margin: 5px; + margin: 0; - background-color: #23CE6B; + display: flex; + flex-direction: column; + + justify-content: start; + align-items: center; + + + /* background-color: #23CE6B; */ } +.pessoal-page .box .box-info hr{ + border: 1px solid var(--line-color); + width: 99%; +} + + .pessoal-page .box .box-info h1{ font-size: 24px; text-align: center; @@ -354,8 +373,9 @@ top-bar .branding h1{ height: 100%; } -/* ================================================================================================================================== */ -/* PUBLICATION */ +/* */ +/* PUB */ +/* */ .publication{ margin: 5%; @@ -390,4 +410,120 @@ top-bar .branding h1{ font-family: var(--font-family); font-weight: 900; color: var(--charcoal-blue); - } \ No newline at end of file + } + +/* */ +/* Sobre */ +/* */ + +.sobre{ + width: 80%; + text-align: justify; +} + +.sobre p{ + line-height: 1.8; +} + + + /* RESPONSIVEL */ + + @media (max-width: 768px) { + /* Ajustar a top-bar */ + .top-bar { + flex-direction: column; + height: auto; + } + .top-bar .branding { + margin-left: 20px; + } + .top-bar .menu { + margin-right: 20px; + justify-content: center; + } + + /* Ajustar hero section */ + .hero { + flex-direction: column; + height: auto; + } + .hero .hero-section img { + width: 90%; + } + + /* Ajustar a seção de pessoas */ + .peoples { + flex-direction: column; + } + .box { + width: 90%; + margin: 10px 0; + } + + /* Ajustar página pessoal */ + .pessoal-page { + flex-direction: column; + width: 100%; + } + .pessoal-page .box { + width: 90%; + margin: 10px auto; + } + + /* Ajustar publicação */ + .publication { + margin: 10%; + } + .publication .pub-header { + flex-direction: column; + text-align: center; + } + .publication .pub-header h1 { + font-size: 24px; + } +} + +@media (min-width: 769px) and (max-width: 1024px) { + /* Ajustar a top-bar */ + .top-bar { + flex-direction: row; + height: auto; + } + .top-bar .branding { + margin-left: 50px; + } + .top-bar .menu { + margin-right: 50px; + } + + /* Ajustar hero section */ + .hero { + flex-direction: column; + height: 70vh; + } + .hero .hero-section img { + width: 80%; + } + + /* Ajustar a seção de pessoas */ + .box { + width: 48%; + } + + /* Ajustar página pessoal */ + .pessoal-page { + flex-direction: column; + } + .pessoal-page .box { + width: 90%; + margin: 20px auto; + } + + /* Ajustar publicação */ + .publication { + margin: 8%; + } + .publication .pub-header h1 { + font-size: 26px; + } +} diff --git a/_includes/topBar.html b/_includes/topBar.html index e4eef78..d2630e1 100644 --- a/_includes/topBar.html +++ b/_includes/topBar.html @@ -1,7 +1,9 @@
\ No newline at end of file diff --git a/_layouts/peoples.html b/_layouts/peoples.html index 4bf83d9..6642120 100644 --- a/_layouts/peoples.html +++ b/_layouts/peoples.html @@ -22,10 +22,19 @@ layout: default+ As Orquideas são plantas que, assim como a arte e a música, existem em todos os continentes habitados por nós. Aqui, as orquídeas são orquestras de ideias, grupos de criação de arte cujas raízes se ligam e se conectam por meio da Internet para a sua integração no nosso ecossistema coletivo. Como as orquídeas, que são diferentes em cada região do planeta, neste projeto iremos valorizar as particularidades do espaço de cada participante ao mesmo tempo que pretendemos auxiliar na fertilização e polinização das ideias entre estes espaços por meio da colaboração. Para isso, o projeto irá fomentar o repasse tecnológico, cultural e artístico de forma rizomática entre os grupos participantes e a comunidade externa, transitando pela rede ideias, projetos, ferramental teórico, discussões, e criações artísticas e de software em torno dos temas propostos. Nossa intenção é transformar nossas diferenças em possibilidades de ações interdisciplinares envolvendo arte e tecnologia sem que uma área predomine sobre a outra. Estamos sobre um terreno fértil, a RNP, que possui muito potencial mas que precisa ser alimentada com ideias. Assim, abordaremos de forma prática a questão dos processos criativos colaborativos mediados pela tecnologia para nos debruçar sobre a questão: Como transformar a rede em um espaço de criação artística que respeite e colabore com a individualidade de cada participante? Para alcançar tal objetivo, cada pesquisador apresentará um projeto de criação local e contará com a colaboração de colegas de outras localidades para sua execução. Esta colaboração será estimulada por meio de oficinas práticas/teóricas que irão alimentar esta rede de ideias e mediar o tráfego de informação entre os grupos. Tudo isso será registrado em diários de bordo que servirá para acompanhar o andamento dos projetos, o levantamento e o desenvolvimento de sistemas para estas colaborações e permitir, ao final, que os modelos aqui desenvolvidos possam ser replicados em outras instituições +
+