Skip to content

Commit

Permalink
Merge pull request #79 from portabilis/demo
Browse files Browse the repository at this point in the history
Adiciona ambientes de demonstração
  • Loading branch information
edersoares authored May 6, 2024
2 parents 0d70fc4 + 06679c2 commit 0eca17c
Show file tree
Hide file tree
Showing 5 changed files with 249 additions and 23 deletions.
11 changes: 7 additions & 4 deletions website/core/Footer.js
Original file line number Diff line number Diff line change
Expand Up @@ -40,19 +40,22 @@ class Footer extends React.Component {
<a href="index">Home</a>
</li>
<li>
<a href="index.html#quemusa" >Quem Usa?</a>
<a href="/#quemusa">Quem Usa?</a>
</li>
<li>
<a href ={this.pageUrl('blog')}>Blog</a>
<a href={this.pageUrl('blog')}>Blog</a>
</li>
<li>
<a href="https://forum.ieducar.org">Fórum</a>
</li>
<li>
<a href="docs" >Documentação</a>
<a href="docs">Documentação</a>
</li>
<li>
<a href="https://github.com/portabilis/i-educar" >Github</a>
<a href="/demo">Demonstração</a>
</li>
<li>
<a href="https://github.com/portabilis/i-educar">Github</a>
</li>
</ul>
</nav>
Expand Down
155 changes: 155 additions & 0 deletions website/pages/en/demo.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,155 @@
/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/

const React = require('react');

const CompLibrary = require('../../core/CompLibrary.js');
const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;
const DocsBlock = require(process.cwd()+ '/core/DocsBlock.js');

const siteConfig = require(process.cwd() + '/siteConfig.js');

function imgUrl(img) {
return siteConfig.baseUrl + 'img/' + img;
}

function docUrl(doc, language) {
return siteConfig.baseUrl + 'docs/' + (language ? language + '/' : '') + doc;
}

function pageUrl(page, language) {
return siteConfig.baseUrl + (language ? language + '/' : '') + page;
}

class Button extends React.Component {
render() {
return (
<div className="pluginWrapper buttonWrapper">
<a className="button" href={this.props.href} target={this.props.target}>
{this.props.children}
</a>
</div>
);
}
}

Button.defaultProps = {
target: '_self',
};

const BlockHeader = props => (
<Container
padding={['bottom', 'top']}
id={props.id}
background={props.background}
className={props.class}
>
<GridBlock className={props.classNameGrid} align="left" contents={props.children} layout={props.layout} />
</Container>
);

const Block = props => (
<Container
padding={['bottom', 'top']}
id={props.id}
background={props.background}
className={props.className}>
<DocsBlock className={props.classNameGrid} align="left" contents={props.children} layout={props.layout} />
<span className='docsText'>
<p>Veja algo que precisa ser corrigido? Propor uma mudança na <a href="https://github.com/portabilis/i-educar/issues" >fonte</a></p>
<p>Precisa de uma versão diferente dos documentos?<a> Veja as versões disponíveis.</a></p>
</span>
</Container>
);








class Docs extends React.Component {
render() {
let language = this.props.language || '';

return (
<div>
<div className="demo container docsContainerHeader paddingBottom paddingTop">
<div className="wrapper">
<div>
<div className="blockElement docsGridHeader twoByGridBlock">
<div className="blockContent">
<h2>
<div><span><p>Demonstração</p></span></div>
</h2>
<div><span><p>Explore o ambiente de demonstração e experimente as funcionalidades dos softwares i-Educar e i-Diário.</p></span></div>
</div>
</div>
</div>
</div>
</div>
<div className="demo container docsContainer paddingBottom paddingTop">
<div className="wrapper">
<div className="gridBlock">
<div className="blockElement docsGrid fourByGridBlock imageAlignTop">
<div className="docsGridTitle">
<div>
<h2 className="i-educar">i-Educar</h2>
</div>
</div>
<div className="blockContent">
<p>
Um software livre que facilita a gestão das unidades escolares de ensino, assim como da própria Secretaria de Educação por meio dos dados, transparência e tecnologia, garantindo a eficiência dos processos.
</p>
<p>
<strong>Login de acesso</strong>
<br/>
Matrícula: comunidade
<br/>
Senha: Comunidade@1
</p>
<div className="demo-link">
<a href="https://comunidade.ieducar.com.br" target="_blank">Acessar</a>
</div>
</div>
</div>
<div className="blockElement docsGrid fourByGridBlock imageAlignTop">
<div className="docsGridTitle">
<div>
<h2 className="i-diario">i-Diário</h2>
</div>
</div>
<div className="blockContent">
<p>
Facilita a gestão das salas de aulas para os professores e coordenadores pedagógicos, acompanhando o registro escolar dos alunos, das frequências e avaliações de forma interligada com o i-Educar.
</p>
<p>
<strong>Login de acesso</strong>
<br/>
Usuário: comunidade
<br/>
Senha: Comunidade@1
</p>
<div className="demo-link">
<a href="https://idiario.ieducar.com.br" target="_blank">Acessar</a>
</div>
</div>
</div>
</div>
<span className="docsText"><p>Veja algo que precisa ser corrigido? Propor uma mudança na <a
href="https://github.com/portabilis/i-educar/issues">fonte</a></p><p>Precisa de uma versão diferente dos documentos?<a> Veja as versões disponíveis.</a></p></span>
</div>
</div>
</div>
);
}
}

module.exports = Docs;
34 changes: 19 additions & 15 deletions website/pages/en/docs.js
Original file line number Diff line number Diff line change
Expand Up @@ -60,32 +60,36 @@ const Block = props => (
id={props.id}
background={props.background}
className={props.className}>
<DocsBlock className={props.classNameGrid} align="left" contents={props.children} layout={props.layout} />
<span className='docsText'>
<p>Veja algo que precisa ser corrigido? Propor uma mudança na <a href="https://github.com/portabilis/i-educar/issues" >fonte</a></p>
<p>Precisa de uma versão diferente dos documentos?<a> Veja as versões disponíveis.</a></p>
</span>
<DocsBlock className={props.classNameGrid} align="left" contents={props.children} layout={props.layout}/>
<div className="docs-video">
<p>Assista ao vídeo e veja passo a passo como instalar o i-Educar versão comunidade</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/KKmvJtD3Mw8?si=RQNwqMuRlWch8pGW"
title="YouTube video player" frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerPolicy="strict-origin-when-cross-origin" allowFullScreen></iframe>
</div>
<div>
<span className='docsText'>
<p>Veja algo que precisa ser corrigido? Propor uma mudança na <a
href="https://github.com/portabilis/i-educar/issues">fonte</a></p>
<p>Precisa de uma versão diferente dos documentos?<a> Veja as versões disponíveis.</a></p>
</span>
</div>
</Container>
);








class Docs extends React.Component {
render() {
let language = this.props.language || '';

return (
<div>
<BlockHeader class="docsContainerHeader" classNameGrid="docsGridHeader">
{[
{
title: 'Documentação',
content: 'Guias com foco no usuário final. É preciso criar um corpo organizado de documentos para consulta de professores, secretários de escola e administradores do i-educar. Importante ter guias distintos para cada tipo de usuário. Conteúdo dos guias pode conter webcasts.',
{[
{
title: 'Documentação',
content: 'Guias com foco no usuário final. É preciso criar um corpo organizado de documentos para consulta de professores, secretários de escola e administradores do i-educar. Importante ter guias distintos para cada tipo de usuário. Conteúdo dos guias pode conter webcasts.',
textAlign: 'left',
}
]}
Expand Down
3 changes: 2 additions & 1 deletion website/siteConfig.js
Original file line number Diff line number Diff line change
Expand Up @@ -88,10 +88,11 @@ const siteConfig = {
// For no header links in the top nav bar -> headerLinks: [],
headerLinks: [
{page: 'index', label: 'Home'},
{href: 'index.html#quemusa', label: 'Quem Usa?'},
{href: '/#quemusa', label: 'Quem Usa?'},
{blog: true, label: 'Blog'},
{href : "https://forum.ieducar.org", label: 'Fórum' },
{page: "docs", label: 'Documentação'},
{page: "demo", label: 'Demonstração'},
],

// If you have users set above, you add it here:
Expand Down
69 changes: 66 additions & 3 deletions website/static/css/docs.css
Original file line number Diff line number Diff line change
Expand Up @@ -104,10 +104,7 @@
}

.docsText {
display: flex;
text-align: justify;
flex-direction: column;
margin-top: -143px;
margin-bottom: 80px;
}

Expand Down Expand Up @@ -152,6 +149,72 @@ font-family: $titleFont;
text-align: justify;
}

.demo .wrapper {
width: 70%;
}

.demo .docsGridTitle h2 {
margin-left: 0;
}

.demo.docsContainerHeader {
background: linear-gradient(75.17deg, #2696FF 0%, #8007F8 100.41%);
}

.demo .i-educar,
.demo .i-diario {
color: #2696FF;
text-align: center;
font-size: 32px;
font-family: Muli, sans-serif;
display: block;
}

.demo .i-diario {
color: #8007F8;
}

.demo .docsGridTitle {
border-bottom: none;
padding: 50px 50px 10px;
display: block;
}

.demo .gridBlock {
padding: 0 50px 50px;
}
.demo .blockContent {
padding: 0 50px 50px;
}
.demo-link {
text-align: center;
padding-top: 25px;
}
.demo-link a {
border: 1px solid #2696FF;
border-radius: 3px;
padding: 14px 60px;
margin: 10px auto;
}
.demo-link a:hover {
background: rgba(38, 150, 255, 0.1);
}

.docs-video {
margin-top: -143px;
padding-bottom: 50px;
}

.docs-video p {
text-align: center;
padding-bottom: 50px;
}
.docs-video p,
.docs-video iframe {
display: block;
margin: 0 auto;
}

@media only screen and ( max-width: 745px ) {

.docsContainerHeader {
Expand Down

0 comments on commit 0eca17c

Please sign in to comment.