Commit 40cc2166aa2a6d62661015f185f9a486aa7f37bf

Authored by Daniela Feitosa
1 parent c98399e6

Styling programme article

Showing 3 changed files with 181 additions and 0 deletions   Show diff stats
programacao.html 0 → 100644
... ... @@ -0,0 +1,105 @@
  1 +<div id="dates">
  2 + <div class="date date-active" id="date-1">
  3 + <span>21</span>
  4 + <br/>
  5 + Maio
  6 + </div>
  7 + <div class="date" id="date-2">
  8 + <span>22</span>
  9 + <br/>
  10 + Maio
  11 + </div>
  12 + <div class="date" id="date-3">
  13 + <span>23</span>
  14 + <br/>
  15 + Maio
  16 + </div>
  17 +</div>
  18 +<div id="lectures">
  19 + <div class="lectures date-1">
  20 + <div class='lecture-type'>Abertura</div>
  21 + <ul>
  22 + <li>
  23 + <span class='time'>18:00</span>
  24 + <span class='lecture-title'>[#ARENA] Abertura dos Diálogos Sociais</span>
  25 + </li>
  26 + </ul>
  27 + </div>
  28 + <div class="lectures date-2" style="display: none;">
  29 + <div class='lecture-type'>Painéis</div>
  30 + <ul>
  31 + <li>
  32 + <span class='time'>09:00</span>
  33 + <span class='lecture-title'>[#MROSC] Balanço da agenda do Marco Regulatório das Organizações da Sociedade Civil</span>
  34 + </li>
  35 + <li>
  36 + <span class='time'>09:30</span>
  37 + <span class='lecture-title'>[#Contratualização] Por uma nova relação de parcerias entre o Estado e as Organizações da Sociedade Civil</span>
  38 + </li>
  39 + <li>
  40 + <span class='time'>11:30</span>
  41 + <span class='lecture-title'>[#MROSC] Panorama global sobre as Organizações da Sociedade Civil</span>
  42 + </li>
  43 + <li>
  44 + <span class='time'>19:00</span>
  45 + <span class='lecture-title'>[#Conhecimento] (Des)construção dasnarrativas sobre as Organizações da Sociedade Civil</span>
  46 + </li>
  47 + </ul>
  48 + <div class='lecture-type'>Atividades paralelas - 14:00 às 18:00</div>
  49 + <ul>
  50 + <li>
  51 + <div class='place'>Sala 01</div>
  52 + <span class='lecture-title'>[#Contratualização] Boas práticas nas parcerias entre Estado e OSCs</span>
  53 + <p class='lecture-description'>As parcerias entre o Estado e as organizações da sociedade civil se constituem por meio diferentes etapas como planejamento e seleção; execução; monitoramento e avaliação; e prestação de contas. O objetivo desta atividade é, a partir do intercâmbio de experiências existentes ou de propostas, apontar diretrizes inspiradoras em cada uma dessas etapas que possam contribuir para uma boa relação entre o Estado e as Organizações da Sociedade Civil. O agrupamento das diretrizes será feito por etapa e a sistematizaçao será divulgada posteriormente.</p>
  54 + </li>
  55 + <li>
  56 + <div class='place'>Sala 02</div>
  57 + <span class='lecture-title'>[#Sustentabilidade] Experiências de fundos no universo das OSCs</span>
  58 + <p class='lecture-description'>Aprofundar o conhecimento sobre fundos nacionais e internacionais, públicos e privados, bem como, promover o intercâmbio entre eles, são propostas da atividade paralela "Experiências de fundos no universo das OSCs", que reunirá gestores e interessados no tema. Na oportunidade, serão formadas quatro cirandas paralelas reunindo as experiências, conforme afinidades. As experiências inspiradoras se agruparão nas áreas de Bancos, Fundos e Moedas Solidárias; Fundos Públicos; Fundos Patrimoniais; e Fundos Independentes. Sínteses dos diálogos serão apresentadas e intercambiadas posteriormente.</p>
  59 + </li>
  60 + <li>
  61 + <div class='place'>Sala 03</div>
  62 + <span class='lecture-title'>[#Sustentabilidade] Oficina da Lei de Incentivo ao Esporte</span>
  63 + <p class='lecture-description'>Com o intuito de contribuir para a melhoria na aplicação da Lei de Incentivo ao Esporte - Lei n.11.438/2006 - que dispõe sobre o fomento para as atividades de caráter desportivo e paradesportivo, o Ministério dos Esportes e a Rede Esporte Pela Mudança Social (REMS) promovem esta oficina para o encontro de experiências e de acompanhamento na evolução da legislação. A REMS reúne atualmente 52 organizações da sociedade civil que trabalham com esporte para desenvolvimento humano no país e que possuem experiência na elaboração e execução de projetos incentivados.</p>
  64 + </li>
  65 + <li>
  66 + <div class='place'>Sala 04</div>
  67 + <span class='lecture-title'>[#Conhecimento] Pensando as Organizações da Sociedade Civil: a formação de uma rede de pesquisa</span>
  68 + <p class='lecture-description'>A articulação em torno da criação de uma rede de pesquisa sobre as organizações da sociedade civil tem o intuito de promover a reflexão crítica e a troca de conhecimentos sobre a produção acadêmica atual sobre os temas relacionados às organizações da sociedade civil e de suas parcerias entre o Estado no Brasil e na América Latina. O encontro reunirá pesquisadores, pensadores e articuladores do país sobre o tema, bem como Observatórios da Sociedade Civil e de Políticas Públicas que produzem reflexão sobre o campo, com vistas ao mapeamento das pesquisas e à construção de uma agenda para a rede de pesquisa.</p>
  69 + </li>
  70 + <li>
  71 + <div class='place'>Sala 05</div>
  72 + <span class='lecture-title'>[#Contratualização] Oficina decriação de interface própria do SICONV para as OSCs</span>
  73 + <p class='lecture-description'>Esta oficina compõe o processo de aperfeiçoamento do Sistema de Convênios, Contratos de Repasse e Termos de Parceria do Governo Federal (SICONV) e tem o objetivo de sistematizar sugestões para a criação de uma interface própria que atenda de maneira adequada e facilitada as demandas das organizações da sociedade civil. Participarão gestores, administradores, partícipes de OSCs interessadas, representantes da SLTI (Secretaria de Logística e Tecnologia de Informação) e do SERPRO (Serviço Federal de Processamento de Dados), responsáveis estes ultimos, respectivamente, pela gestão e desenvolvimento do SICONV.</p>
  74 + </li>
  75 + <li>
  76 + <div class='place'>Sala 06</div>
  77 + <span class='lecture-title'>[#MROSC] Cenários futuros da sociedade civil organizada no Brasil - 2023</span>
  78 + <p class='lecture-description'>Um grupo diverso de todas as regiões do Brasil que representam organizações da sociedade civil, movimentos sociais, governo, empresas, universidades, mídias e coletivos de jovens, expressaram suas visões sobre o presente e o futuro da sociedade civil organizada para 2023 em entrevistas, oficinas presenciais e mensagens pela internet. O grupo batizou seus quatro cenários inspirado por brincadeiras infantis: o mestre mandou; a amarelinha; o passa anel e a ciranda. A partir da perspectiva de que o futuro não é dado, mas construído, esta atividade busca estimular a reflexão sobre as possibilidades de atuação nos cenários da sociedade civil para os próximos anos.</p>
  79 + </li>
  80 + <li>
  81 + <div class='place'>Sala 07</div>
  82 + <span class='lecture-title'>[#DIREITOS HUMANOS] Relatoria especial da ONU sobre liberdade de associação, reunião e manifestação pacificas</span>
  83 + <p class='lecture-description'>A Relatoria Especial das Nações Unidas sobre os direitos à liberdade de reunião pacífica e de associação funciona de forma independente e propõe recomendações ao Conselho de Direitos Humanos das Nações Unidas por meio de relatórios e sistematização de informações sobre este tema em diversos países. O Relator Especial, Maina Kiai, apresentou dois relatórios sobre boas práticas na promoção das liberdades de reunião e de associação (maio de 2012) e da capacidade da sociedade civil de acesso a financiamento de recursos que fortaleçam a sua sustentabilidade (abril 2013). O objetivo desta atividade é discutir esses conteúdos, avaliar as possibilidades de atuação e trocar experiências.</p>
  84 + </li>
  85 + </ul>
  86 + </div>
  87 + <div class="lectures date-3" style="display: none;">
  88 + <div class='lecture-type'>Painéis</div>
  89 + <ul>
  90 + <li>
  91 + <span class='time'>09:00</span>
  92 + <span class='lecture-title'>[#Certificação] Certificações das OSCs: por que e por quem?</span>
  93 + </li>
  94 + <li>
  95 + <span class='time'>11:00</span>
  96 + <span class='lecture-title'>[#Sustentabilidade] Economias e sustentabilidade das OSCs</span>
  97 + </li>
  98 + <li>
  99 + <span class='time'>12:30</span>
  100 + <span class='lecture-title'>[#MROSC] Perspectivas e desafios da agenda do Marco Regulatório das Organizações da Sociedade Civil</span>
  101 + </li>
  102 + </ul>
  103 + </div>
  104 +</div>
  105 +<p>Curta&nbsp;<a href="https://www.facebook.com/mroscs">a página do Marco Regulatório das Organizações da Sociedade Civil no Facebook</a>&nbsp;e acompanhe as novidades sobre o Seminário.&nbsp;</p>
... ...
style.css
... ... @@ -694,3 +694,68 @@ outline: 1px dotted #DFDFDF;
694 694 text-decoration: none;
695 695 background: #FB0;
696 696 }
  697 +
  698 +/* Programação */
  699 +
  700 +#dates {
  701 + display: inline-block;
  702 + vertical-align: top;
  703 + width: 100px;
  704 + font-family: 'frente_h1regular';
  705 + font-weight: bold;
  706 +}
  707 +
  708 +#dates .date {
  709 + cursor: pointer;
  710 + background-color: #17B387;
  711 + color: #FFFFFF;
  712 + font-size: 30px;
  713 + line-height: normal;
  714 + text-align: center;
  715 + margin: 10px 0px;
  716 + padding: 10px;
  717 +}
  718 +
  719 +#dates .date.date-active {
  720 + background-color: #F3593A;
  721 +}
  722 +
  723 +#lectures {
  724 + display: inline-block;
  725 + width: 600px;
  726 + margin-top: 10px;
  727 + margin-left: 15px;
  728 +}
  729 +
  730 +#lectures ul {
  731 + margin-top: 10px;
  732 + padding-left: 0px;
  733 +}
  734 +
  735 +#lectures li {
  736 + margin-bottom: 15px;
  737 +}
  738 +
  739 +#lectures .lecture-type {
  740 + font-family: 'frente_h1regular';
  741 + font-weight: bold;
  742 + font-size: 30px;
  743 + color: #F3593A;
  744 +}
  745 +
  746 +#lectures .time {
  747 + font-weight: bold;
  748 + font-size: 20px;
  749 + color: #17B387;
  750 +}
  751 +
  752 +#lectures .lecture-title {
  753 + color: #0080FF;
  754 + font-size: 18px;
  755 +}
  756 +
  757 +#lectures .place {
  758 + color: #E36C0A;
  759 + font-size: 18px;
  760 + font-weight: bold;
  761 +}
... ...
theme.js
... ... @@ -55,4 +55,15 @@
55 55 jQuery(".box-2 .link-list-block .block-title").click(function(){
56 56 jQuery(this).parent().children("ul").stop().slideToggle();
57 57 });
  58 +
  59 + $('#dates .date').click (
  60 + function() {
  61 + var element = $(this);
  62 + $('.date').removeClass('date-active');
  63 + element.addClass('date-active');
  64 + var dateId = element.attr('id');
  65 + $('.lectures').hide();
  66 + $('#lectures').find('.' + dateId).show();
  67 + });
  68 +
58 69 })(jQuery);
... ...