index.php.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="j5" xml:lang="pt-br" lang="pt-br" dir="ltr">

<head>
  
  <meta charset="utf-8">
	<meta name="author" content="Ribamar FS">
	<meta name="generator" content="Joomla! - Open Source Content Management">
	<title>Início - Blog do RibaFS</title>
	<link href="images/ribafscircularmobile.png" rel="shortcut icon" type="image/vnd.microsoft.icon">
<link href="plugins/system/t4/themes/base/vendors/font-awesome5/css/all.min.css@00310f.css" rel="stylesheet" />
	<link href="plugins/system/t4/themes/base/vendors/font-awesome/css/font-awesome.min.css@00310f.css" rel="stylesheet" />
	<link href="templates/t4_bs5_blank/css/extras/com_docman.css@00310f.css" rel="stylesheet" />
	<link href="templates/t4_bs5_blank/css/extras/com_easyblog.css@00310f.css" rel="stylesheet" />
	<link href="templates/t4_bs5_blank/css/extras/com_easydiscuss.css@00310f.css" rel="stylesheet" />
	<link href="templates/t4_bs5_blank/css/extras/com_virtuemart.css@00310f.css" rel="stylesheet" />
	<link href="templates/t4_bs5_blank/css/extras/com_kunena.css@00310f.css" rel="stylesheet" />
	<link href="templates/t4_bs5_blank/css/extras/com_jomsocial.css@00310f.css" rel="stylesheet" />
	<link href="media/vendor/joomla-custom-elements/css/joomla-alert.min.css@0.2.0.css" rel="stylesheet" />
	<link href="media/com_comment/templates/default/css/bootstrap.css" rel="stylesheet" />
	<link href="media/com_comment/templates/default/css/style.css" rel="stylesheet" />
	<link href="media/com_comment/js/vendor/sceditor/themes/compojoom.css" rel="stylesheet" />
	<link href="media/lib_compojoom/third/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
	<link href="media/lib_compojoom/third/galleria/themes/compojoom/galleria.compojoom.css" rel="stylesheet" />
	<link href="media/lib_compojoom/css/jquery.fileupload.css" rel="stylesheet" />
	<link href="media/lib_compojoom/css/jquery.fileupload-ui.css" rel="stylesheet" />
	<link href="media/lib_compojoom/css/fields/fileupload.css" rel="stylesheet" />
	<link href="https://fonts.googleapis.com/css?family=Inter%3A300%2C400%2C500%2C600%2C700%2C800" rel="stylesheet" />
	<link href="templates/t4_bs5_blank/css/template.css@1872e6e98a6bc7aa7eebc1b41e23bc2e.css" rel="stylesheet" />
	<link href="media/t4/css/18.css@3e503685c4b7963b88888af7ae6dc7d1.css" rel="stylesheet" />
<script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"COM_COMMENT_PLEASE_FILL_IN_ALL_REQUIRED_FIELDS":"Please fill in all required fields.","COM_COMMENT_ANONYMOUS":"Anônimos","ERROR":"Erro","MESSAGE":"Mensagem","NOTICE":"Aviso","WARNING":"Atenção","JCLOSE":"Fechar","JOK":"OK","JOPEN":"Abrir","JLIB_FORM_CONTAINS_INVALID_FIELDS":"O formulário não pode ser enviado por falta de dados necessários.<br>Por favor, corrija os campos assinalados e tente novamente.","JLIB_FORM_FIELD_REQUIRED_VALUE":"Por favor, preencha este campo","JLIB_FORM_FIELD_REQUIRED_CHECK":"Uma das opções deve ser selecionada","JLIB_FORM_FIELD_INVALID_VALUE":"Esse valor não é válido"},"system.paths":{"root":"/blog","rootFull":"http://backup/blog/","base":"/blog","baseFull":"http://backup/blog/"},"csrf.token":"e4c07e6ed8eeb8ea06bc7520a11f92aa","system.keepalive":{"interval":840000,"uri":"/blog/index.php/component/ajax/?format=json"}}</script>
	<script src="media/system/js/core.min.js@83f2c9"></script>
	<script src="media/system/js/fields/validate.min.js@c50f3a" defer></script>
	<script src="media/system/js/keepalive.min.js@08e025" type="module"></script>
	<script src="media/vendor/jquery/js/jquery.min.js@3.7.1"></script>
	<script src="media/legacy/js/jquery-noconflict.min.js@504da4"></script>
	<script src="media/vendor/jquery-migrate/js/jquery-migrate.min.js@3.4.1"></script>
	<script src="media/system/js/messages.min.js@7a5169" type="module"></script>
	<script src="media/vendor/bootstrap/js/dropdown.min.js@5.3.2" type="module"></script>
	<script src="media/vendor/bootstrap/js/collapse.min.js@5.3.2" type="module"></script>
	<script src="media/lib_compojoom/third/polyfills/assign.min.js"></script>
	<script src="media/lib_compojoom/third/polyfills/promise.min.js"></script>
	<script src="templates/t4_bs5_blank/js/template.js"></script>
	<script src="plugins/system/t4/themes/base/js/base.js@00310f"></script>
	<script src="plugins/system/t4/themes/base/js/megamenu.js"></script>
	<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"http://backup/blog/#/schema/Organization/base","name":"Blog do RibaFS","url":"http://backup/blog/"},{"@type":"WebSite","@id":"http://backup/blog/#/schema/WebSite/base","url":"http://backup/blog/","name":"Blog do RibaFS","publisher":{"@id":"http://backup/blog/#/schema/Organization/base"}},{"@type":"WebPage","@id":"http://backup/blog/#/schema/WebPage/base","url":"http://backup/blog/index.php","name":"Início - Blog do RibaFS","isPartOf":{"@id":"http://backup/blog/#/schema/WebSite/base"},"about":{"@id":"http://backup/blog/#/schema/Organization/base"},"inLanguage":"pt-BR","breadcrumb":{"@id":"http://backup/blog/#/schema/BreadcrumbList/17"}},{"@type":"Article","@id":"http://backup/blog/#/schema/com_content/article/7","name":"Início","headline":"Início","inLanguage":"pt-BR","author":{"@type":"Person","name":"Ribamar FS"},"thumbnailUrl":"images/blog.jpg","image":"images/blog.jpg","articleSection":"Genérica","dateCreated":"2023-10-25T23:13:51+00:00","interactionStatistic":{"@type":"InteractionCounter","userInteractionCount":7428},"isPartOf":{"@id":"http://backup/blog/#/schema/WebPage/base"}}]}</script>


  <meta name="viewport"  content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes"/>
  <style  type="text/css">
    @-webkit-viewport   { width: device-width; }
    @-moz-viewport      { width: device-width; }
    @-ms-viewport       { width: device-width; }
    @-o-viewport        { width: device-width; }
    @viewport           { width: device-width; }
  </style>
  <meta name="HandheldFriendly" content="true"/>
  <meta name="apple-mobile-web-app-capable" content="YES"/>
  <!-- //META FOR IOS & HANDHELD -->
  
</head>

<body class="site-default navigation-default theme-architect layout-default nav-breakpoint-lg com_content view-article item-101 loaded-bs5" data-jver="5">
  
  
  <main>
    <div class="t4-wrapper">
      <div class="t4-content">
        <div class="t4-content-inner">
          
<div id="t4-header" class="t4-section  t4-header"><!-- HEADER BLOCK -->
<header class="header-block header-block-2">
  <div class="container-xxl">
    <div class="header-wrap d-flex align-items-center justify-content-between collapse-static">
      <div class="navbar-brand logo-image logo-control">
    <a href="index.html" title="Blog do RibaFS">
            <img class="logo-img-sm d-block d-sm-none" src="images/ribafscircularmobile.png" alt="Blog do RibaFS" />
      	
          <img class="logo-img d-none d-sm-block" width="67" height="68" src="images/ribafscircularmobile.png" alt="Blog do RibaFS" />
    
    </a>
  </div>


      <div class="t4-navbar mx-auto collapse-static">
        
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#t4-megamenu-mainmenu" aria-controls="t4-megamenu-mainmenu" aria-expanded="false" aria-label="Toggle navigation" style="display: none;">
    <i class="fa fa-bars toggle-bars"></i>
</button>
	<div id="t4-megamenu-mainmenu" class="t4-megamenu collapse navbar-collapse slide animate" data-duration="400">

<ul class="nav navbar-nav level0"  itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement">
<li class="nav-item default current active" data-id="101" data-level="1"><a href="index.php.html" itemprop="url" class="nav-link" aria-current="page"><span itemprop="name"><span class="menu-item-title">Início</span></span></a></li><li class="nav-item" data-id="238" data-level="1"><a href="index.php/abundancia.html" itemprop="url" class="nav-link"><span itemprop="name"><span class="menu-item-title">Abundância</span></span></a></li><li class="nav-item" data-id="176" data-level="1"><a href="index.php/reflexoes.html" itemprop="url" class="nav-link"><span itemprop="name"><span class="menu-item-title">Reflexões</span></span></a></li><li class="nav-item" data-id="174" data-level="1"><a href="index.php/saude.html" itemprop="url" class="nav-link"><span itemprop="name"><span class="menu-item-title">Saúde</span></span></a></li><li class="nav-item" data-id="175" data-level="1"><a href="index.php/educacao.html" itemprop="url" class="nav-link"><span itemprop="name"><span class="menu-item-title">Educação</span></span></a></li><li class="nav-item" data-id="177" data-level="1"><a href="index.php/programacao.html" itemprop="url" class="nav-link"><span itemprop="name"><span class="menu-item-title">Prog</span></span></a></li><li class="nav-item" data-id="178" data-level="1"><a href="index.php/devops.html" itemprop="url" class="nav-link"><span itemprop="name"><span class="menu-item-title">DevOps</span></span></a></li><li class="nav-item" data-id="202" data-level="1"><a href="index.php/superacao.html" itemprop="url" class="nav-link"><span itemprop="name"><span class="menu-item-title">Superação</span></span></a></li><li class="nav-item" data-id="203" data-level="1"><a href="index.php/produtividade.html" itemprop="url" class="nav-link"><span itemprop="name"><span class="menu-item-title">Produtividade</span></span></a></li></ul></div>
</nav>

      </div>

      <div class="t4-header-r d-flex align-items-center">
        
        <nav class="navbar-expand-lg">
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#t4-megamenu-mainmenu" aria-controls="t4-megamenu-mainmenu" aria-expanded="false" aria-label="Toggle navigation">
        <i class="fa fa-bars toggle-bars"></i>
    </button>
</nav>
        
      </div>
    </div>
  </div>
</header>
<!-- // HEADER BLOCK --></div>


<div id="t4-main-body" class="t4-section  t4-main-body">
<div class="t4-section-inner container"><div class="t4-row row">
<div class="t4-col col-md">
<div id="system-message-container" aria-live="polite"></div>
<div class="com-content-article item-page" itemscope itemtype="https://schema.org/Article">
	<meta itemprop="inLanguage" content="pt-BR">

		<div class="page-header">
		<h1> Início </h1>
	</div>
	
	
		<div class="page-header">
					<h2 itemprop="headline">
				Início			</h2>
		
					
	</div>
	
	<div class="article-aside">

				<dl class="article-info text-muted">

	
		<dt class="article-info-term">
							Detalhes					</dt>

					<dd class="createdby" itemprop="author" itemscope itemtype="https://schema.org/Person">
					<span  class="author-img">
				<a href="index.php/inicio/author/ribamarfs.html" title="Ribamar FS">
				<img src="http://backup/blog//media/t4/author/default.jpg" alt="Ribamar FS">				</a>
				</span>
				By <a href="index.php/inicio/author/ribamarfs.html" itemprop="url"><span itemprop="name">Ribamar FS</span></a>	</dd>

<span style="display: none;" itemprop="publisher" itemtype="http://schema.org/Organization" itemscope>
			<span itemprop="name">Ribamar FS</span></span>
		
		
					<dd class="category-name">
						Categoria: <a href="index.php@view=category&amp;id=2.html" itemprop="genre">Genérica</a>	</dd>		
		
					<dd class="published">
	<span class="fa fa-calendar" aria-hidden="true"></span>
	<time datetime="2023-10-25T20:13:51-03:00" itemprop="datePublished">
		25 Outubro 2023	</time>
</dd>
		
	
					<dd class="hits">
	<span class="fa fa-eye" aria-hidden="true"></span>
	<meta itemprop="interactionCount" content="UserPageVisits:7428">
	Acessos: 7428</dd>
			</dl>
		
						
	</div>

	
			<figure class="pull-left item-image">
	<img src="images/blog.jpg" itemprop="image" alt="https://tiinside.com.br/23/10/2023/departamentos-de-ti-dificultam-o-trabalho-das-equipes-de-seguranca-diz-pesquisa/" width="400" height="300" loading="lazy">			<figcaption class="caption">https://tiinside.com.br/23/10/2023/departamentos-de-ti-dificultam-o-trabalho-das-equipes-de-seguranca-diz-pesquisa/</figcaption>
	</figure>

		
	<div itemprop="articleBody" class="article-body">
		<p> </p>
<p><strong><a href="index.php/abundancia.html">Abundância</a>  <a href="index.php/reflexoes.html">Reflexões</a>  <a href="index.php/saude.html">Saúde</a>  <a href="index.php/educacao.html">Educ</a>  <a href="index.php/programacao.html">Prog</a>  <a href="index.php/devops.html">DevOps</a>  <a href="index.php/superacao.html">Superação</a>  </strong><a href="index.php/produtividade.html"><strong>Prod</strong></a></p>
<p><strong>Aqui eu compartilho reflexões, informações em geral.<br></strong></p>
<p> </p> 	</div>

	
<nav class="pagenavigation">
    <span class="pagination ms-0">
                <a class="btn btn-sm btn-secondary previous" href="index.php@view=article&amp;id=13%253Aentrada&amp;catid=2.html" rel="prev">
            <span class="visually-hidden">
                Artigo anterior: Entrada            </span>
            <span class="icon-chevron-left" aria-hidden="true"></span> <span aria-hidden="true">Anterior</span>            </a>
            </span>
</nav>

	
		<script type="text/x-template" id="ccomment-pagination">
	<nav class="pagination text-center" v-if="pagination.last_page > 0">
		<ul >
			<li v-if="showPrevious()" :class="{ 'disabled' : pagination.current_page <= 1 }">
				<span v-if="pagination.current_page <= 1">
					<span aria-hidden="true">Anterior</span>
				</span>
				<a href="index.php.html#" v-if="pagination.current_page > 1 " :aria-label="config.ariaPrevioius"
				   @click.prevent="changePage(pagination.current_page - 1)">
					<span aria-hidden="true">Anterior</span>
				</a>
			</li>
			<li v-for="num in array" :class="{ 'active': num === pagination.current_page }">
				<a href="index.php.html#" @click.prevent="changePage(num)">{{ num }}</a>
			</li>
			<li v-if="showNext()"
			    :class="{ 'disabled' : pagination.current_page === pagination.last_page || pagination.last_page === 0 }">
				<span v-if="pagination.current_page === pagination.last_page || pagination.last_page === 0">
					<span aria-hidden="true">Próximo</span>
				</span>
				<a href="index.php.html#" v-if="pagination.current_page < pagination.last_page" :aria-label="config.ariaNext"
				   @click.prevent="changePage(pagination.current_page + 1)">
					<span aria-hidden="true">Próximo</span>
				</a>
			</li>
		</ul>
	</nav>
</script>
	<script type="text/x-template" id="ccomment-avatar">
		<div class="ccomment-avatar">
			<a v-if="profileLink" v-bind:href="profileLink">
				<img v-bind:src="avatar"/>
			</a>
			<img v-else v-bind:src="avatar"/>
		</div>
	</script>

	<script type="text/x-template" id="ccomment-user-name">
		<a v-if="profileLink" :href="profileLink">
			<span class="ccomment-author">{{name}}</span>
		</a>
		<span v-else class="ccomment-author">{{name}}</span>
	</script>

	<script type="text/x-template" id="ccomment-created">
		<a :href="'#!/ccomment-comment=' + id" class="muted ccomment-created">
			{{date}}
		</a>
	</script>

	<div id="ccomment-token" style="display:none;">
		<input type="hidden" name="e4c07e6ed8eeb8ea06bc7520a11f92aa" value="1">	</div>

	
<script type="text/x-template" id="ccomment-customfields">
	<div class="ccomment-customfields" v-if="customfields">
		<strong>Custom fields</strong>
		<dl class="dl-horizontal">
			<template v-for="customfield in customfields">
				<dt>{{customfield.title}}</dt>
				<dd>{{customfield.value}}</dd>
			</template>
		</dl>
	</div>
</script>

<script type="text/x-template" id="ccomment-template">
	<li v-bind:class="model.class+' ccomment-level-'+model.level">
		<div class="ccomment-comment-content" v-bind:id="'ccomment-comment-'+model.id">
			<div class="ccomment-data">
									<ccomment-avatar
							v-bind:avatar="model.avatar"
							v-bind:profileLink="model.profileLink"/>
								<div class="ccomment-content">
					<div class="ccomment-meta">
						<ccomment-user-name v-bind:name="model.name" v-bind:profileLink="model.profileLink"></ccomment-user-name>
						<ccomment-created v-bind:date="model.date" v-bind:id="model.id"></ccomment-created>
					</div>

					<div v-html="model.comment">
					</div>


					<div v-if="model.galleria" class="js-ccomment-galleria galleria ccomment-galleria"></div>

					<ccomment-customfields v-bind:customfields="model.customfields"></ccomment-customfields>
					<div class="ccomment-actions">
													<span class="muted">
					{{model.votes}}
					<i class="ccomment-thumbs-up ccomment-voting" v-on:click="vote(+1, model.id)"></i>
					<i class="ccomment-thumbs-down ccomment-voting" v-on:click="vote(-1, model.id)"></i>
				</span>
						
													<button class="btn btn-small ccomment-quote btn-link" v-on:click="quote(model.id)">
								Quote							</button>
						
						
						<div class="pull-right ccomment-moderation">
							<button v-if="model.commentModerator" class="btn btn-mini btn-ccomment-edit" v-on:click="edit(model.id)">
								Edit							</button>

													</div>
					</div>
				</div>
			</div>


			<keep-alive>
				<ccomment-form v-if="reply" :ref="'form-'+model.id" v-bind:focus="true">
					<input slot="parent-id" name="jform[parentid]" type="hidden" v-bind:value="model.id"/>
				</ccomment-form>
			</keep-alive>
		</div>

		<ul v-if="hasChildren">
			<ccomment-comment class="item" v-for="model in getChild()" v-bind:key="model.id" v-bind:model="model">
			</ccomment-comment>
		</ul>
	</li>

</script>
	
	
		<script type="text/x-template" id="ccomment-form">
			<form class="ccomment-form" v-on:submit.prevent="onSubmit">
				<div class="ccomment-error-form row-fluid  margin-bottom" v-if="error">
					<div class="alert alert-error">
						{{errorMessage}}
					</div>
				</div>
				<div class="ccomment-info-form row-fluid  margin-bottom" v-if="info">
					<div class="alert alert-info">
						{{infoMessage}}
					</div>
				</div>
				<div class="row-fluid margin-bottom">
											<div class="span1 hidden-phone">
							<ccomment-avatar v-bind:avatar="getAvatar"></ccomment-avatar>
						</div>
					
					<div class="span11">
						<textarea v-on:focus="toggle"
								  name="jform[comment]"
								  class='js-ccomment-textarea ccomment-textarea span12 required'
								  placeholder="Leave a comment"
						></textarea>

						<div v-show="uploadImage">
							
<div class="fileupload">
    <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
    <div class="row fileupload-buttonbar">
        <input type="file" name="files[]" class="js-ccomment-file-upload-real ccomment-file-upload-real" multiple/>
        <div class="panel panel-default compojoom-notes">
            <div class="panel-body">
                <!-- The global file processing state -->
                <span class="fileupload-process"><span class="fa fa-spinner fa-pulse"></span></span>
                Attach images by dragging & dropping or <span type="button" class="js-file-upload-fake ccomment-file-upload-fake btn-link"> by selecting them.</span>                <br/>
                <small class="muted">The maximum file size for uploads is <strong>10MB</strong>.                    Only <strong>gif,jpg,png</strong> files are allowed.</small>

                <!-- The global progress state -->
                <div class="fileupload-progress fade hide d-none">
                    <!-- The global progress bar -->
                    <div class="progress progress-striped active" role="progressbar" aria-valuemin="0"
                         aria-valuemax="100">
                        <div class="progress-bar progress-bar-success" style="width:0%;"></div>
                    </div>
                    <!-- The extended global progress state -->
                    <div class="progress-extended">&nbsp;</div>
                </div>
                <div class="ccomment-file-list">
                    <div class="alert alert-warning hide d-none compojoom-max-number-files">
                        The maximum number of 3 allowed files to upload has been reached. If you want to upload more files you have to delete one of the existing uploaded files first.                    </div>
                    <table role="presentation" class="table table-striped">
                        <thead></thead>
                        <tbody class="files"></tbody>
                    </table>
                    <div class="alert alert-warning hide d-none compojoom-max-number-files">
                        The maximum number of 3 allowed files to upload has been reached. If you want to upload more files you have to delete one of the existing uploaded files first.                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
						</div>

						<div v-show="active">
							<div class="span4 muted small">
								Posting as																	<button type="button"
											v-on:click="display = !display"
											class="btn-link btn-small ccomment-posting-as">{{getDefaultName}}
									</button>
															</div>
															<label class="checkbox pull-right small ccomment-notify">
									<input type="checkbox" value="1" name="jform[notify]ƒ"
										   v-on:click="notify = !notify"/>
									<span class="muted">
										Notify me of followup comments via e-mail									</span>
								</label>
							

						</div>
					</div>
											<div v-show="display"
							 class="row-fluid ccomment-user-info offset1					span11">
							<div class="span6">
								<input name="jform[name]"
									   class="ccomment-name span12 no-margin "
									   type='text'
									   v-bind:value="getName"
									   v-on:input="updateDefaultName"
																			   placeholder="Enter your name"
									   tabindex="2"
																	/>
								<span class="help-block pull-right small muted">
								Displayed next to your comments.							</span>
							</div>

															<div class="span6">
									<input name='jform[email]'
										   class="ccomment-email span12 no-margin "
										   type='text'
										   v-bind:value='getEmail'
										   v-on:input="updateUserEmail"
										   placeholder="Enter your email"
																				   tabindex="3"
																			/>
									<p class="help-block small pull-right muted">
										Not displayed publicly.																					<span class='gravatar'>
											<a href='http://gravatar.com' target='_blank'>Gravatar</a> enabled										</span>
																			</p>
								</div>
													</div>
					

					<div class="row-fluid ccomment-actions" v-show="active">
												<div class="pull-right">
							<button v-on:click="reset()"
									type="button"
									class="btn ccomment-cancel">
								Cancel</button>
							<button type="submit" class='btn btn-primary ccomment-send'
									tabindex="7"
									name='bsend'>
								<span v-if="isSending">
									Saving...								</span>
								<span v-else>
									Enviar								</span>
							</button>
						</div>
					</div>
				</div>

				<input type="hidden" name="jform[contentid]" v-bind:value="itemConfig.contentid"/>
				<input type="hidden" name="jform[component]" v-bind:value="itemConfig.component"/>
				<input type="hidden" name="jform[page]" v-bind:value="page"/>
				<slot name="parent-id"></slot>
			</form>
		</script>

	
<!-- The template to display files available for upload -->
<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <td>
            <span class="preview"></span>
        </td>
        <td>
         <span class="name"><i>{%=file.name%}</i></span>
            <div class="compojoom-single-file-progress">
	            <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
	                <div class="progress-bar progress-bar-success" style="width:0%;"></div>
	            </div>
	           <small><strong class="size">Processing...</strong></small>
			</div>
        </td>
        <td>
            {% if (!i && !o.options.autoUpload) { %}
                <button class="btn btn-default btn-xs start" disabled>
                    <i class="fa fa-upload"></i>
                    <span>Start</span>
                </button>
            {% } %}
            {% if (!i) { %}
                <button class="btn btn-default btn-xs btn-xs cancel pull-left">
                    <i class="fa fa-stop"></i>
                    <span>Cancel</span>
                </button>
            {% } %}
        </td>
    </tr>
{% } %}
</script>

<!-- The template to display files available for download -->
<script id="template-download" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-download fade">
        <td style="">
        {% if (file.thumbnailUrl) { %}
            <span class="preview">
                {% if (file.url) { %}
					<a href="http://backup/blog/{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery>
						<img src='http://backup/blog/{%=file.thumbnailUrl%}'>
					</a>
				{% } else { %}
					<img src='http://backup/blog/{%=file.thumbnailUrl%}'>
				{% } %}
            </span>
		{% } %}
        </td>
        <td>
        {% if (!file.error) { %}
	        <div class="file-meta">
			    <div class="row">
			        <div class="col-lg-4">
			           <input type="text" class="form-control"
			                placeholder="Title"
							name="jform[picture_data][{%=file.name%}][title]"
					        value="{%=file.title%}" />
			        </div>
			        <div class="col-lg-8">
			            <input type="text" placeholder="Description" class="form-control"
					                name="jform[picture_data][{%=file.name%}][description]"

					                value="{%=file.description%}" />
			        </div>
			    </div>
	        </div>
		 {% } %}
        {% if (file.error) { %}
            <div><span class="label label-danger">Error</span> {%=file.error%}</div>
        {% } %}
        </td>
        <td style="text-align: center">
            {% if (file.deleteUrl) { %}
                            {% } else { %}
                 <button class="btn btn-default btn-xs btn-xs cancel">
                    <i class="fa fa-stop"></i>
                    <span>Cancel</span>
                </button>
            {% }%}
            {% if (!file.error) { %}
            <input type="hidden" name="jform[picture][]" value="{%=file.name%}" />
            {% } %}
        </td>
    </tr>
{% } %}
</script>
	
<script type="text/x-template" id="ccomment-menu">
	<div class="row-fluid ccomment-menu">
		<h4 class="pull-left">
			Comentários			(<span class="ccomment-comment-counter">{{pagination.total_with_children}}</span>)
		</h4>
		<div class="pull-right">
							<button
						v-on:click="newComment"
						class="ccomment-add-new btn btn-mini" title='Adicionar Novo'>
					Adicionar Novo				</button>
														</div>
	</div>
</script>

	<!-- the ccomment root element -->
	<div class="ccomment" id="ccomment">

		<ccomment-menu></ccomment-menu>

		
		<ul class="ccomment-comments-list">
			<ccomment-comment v-for="item in comments"
							  v-if="item.parentid === -1"
							  class="item"
							  v-bind:key="item.id"
							  v-bind:model="item">
			</ccomment-comment>
		</ul>

					<pagination v-if="pagination.last_page > 1" :pagination="pagination" :callback="loadData" :options="paginationOptions"></pagination>
		
					<ccomment-form></ccomment-form>
		
			<div class="row-fluid small muted ccomment-powered">
		<p class="text-center">
			Comments powered by <a href='https://compojoom.com' rel='nofollow' target='_blank'>CComment</a>		</p>
	</div>
	</div>

	<script type="text/javascript">
		window.compojoom = compojoom = window.compojoom || {};
		compojoom.ccomment = {
			user: {"loggedin":false,"avatar":"http:\/\/backup\/blog\/media\/com_comment\/images\/noavatar.png"},
			item: {"contentid":7,"component":"com_content","count":1},
			config: {"comments_per_page":0,"sort":0,"tree":0,"use_name":0,"tree_depth":5,"form_position":0,"voting":1,"copyright":1,"pagination_position":0,"avatars":0,"gravatar":1,"support_ubb":1,"support_emoticons":1,"support_picture":0,"name_required":0,"email_required":0,"baseUrl":"http:\/\/backup\/blog\/","langCode":null,"emoticons_pack":{"hidden":[],"dropdown":{":D":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_biggrin.gif",":)":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_smile.gif",":(":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_sad.gif",":0":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_surprised.gif",":shock:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_eek.gif",":confused:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_confused.gif","8)":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_cool.gif",":lol:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_lol.gif",":x":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_mad.gif",":P":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_razz.gif"},"more":{":oops:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_redface.gif",":cry:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_cry.gif",":evil:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_evil.gif",":twisted:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_twisted.gif",":roll:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_rolleyes.gif",":wink:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_wink.gif",":!:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_exclaim.gif",":?:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_question.gif",":idea:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_idea.gif",":arrow:":"\/blog\/media\/com_comment\/emoticons\/default\/images\/icon_arrow.gif"}},"file_upload":{"url":"http:\/\/backup\/blog\/index.php?option=com_comment&amp;task=multimedia.doIt","formControl":"jform","fieldName":"picture","maxNumberOfFiles":3,"fileTypes":"gif,jpg,png","maxSize":"10","component":"com_comment","imageSize":{"x":"2400","y":"1800"}}}		};
	</script>

<script data-inline type="text/javascript" src="media/com_comment/cache/8e12eb270706cd6b2c8483104bf89b54.min.js"></script></div>

</div>
<div class="t4-col sidebar-l col-sm-12 col-lg-3 order-md-first">
<div class="t4-module module " id="Mod112"><div class="module-inner"><h3 class="module-title "><span>Novidades</span></h3><div class="module-ct"><ul class="mod-articleslatest latestnews mod-list">
    <li itemscope itemtype="https://schema.org/Article">
        <a href="index.php/educacao/como-aprender-melhor.html" itemprop="url">
            <span itemprop="name">
                Como aprender melhor            </span>
        </a>
    </li>
    <li itemscope itemtype="https://schema.org/Article">
        <a href="index.php/reflexoes/superar-um-vicio.html" itemprop="url">
            <span itemprop="name">
                Superar um vício            </span>
        </a>
    </li>
    <li itemscope itemtype="https://schema.org/Article">
        <a href="index.php/reflexoes/nao-reclamar.html" itemprop="url">
            <span itemprop="name">
                Não reclamar            </span>
        </a>
    </li>
    <li itemscope itemtype="https://schema.org/Article">
        <a href="index.php/reflexoes/livros-para-ficar-inteliigente.html" itemprop="url">
            <span itemprop="name">
                Livros para ficar inteliigente            </span>
        </a>
    </li>
    <li itemscope itemtype="https://schema.org/Article">
        <a href="index.php/reflexoes/as-melhores-mensagens-de-filmes.html" itemprop="url">
            <span itemprop="name">
                As melhores mensagens de filmes            </span>
        </a>
    </li>
</ul>
</div></div></div><div class="t4-module module " id="Mod121"><div class="module-inner"><h3 class="module-title "><span>Pensamento do dia</span></h3><div class="module-ct"><div id="pensamentos">Ninguém é maior do que aquele que está disposto a que lhe assinalem os seus erros. (Dave Barry)
</div></ br></div></div></div>
</div>
<div class="t4-col sidebar-r col-sm-12 col-lg-3">
<div class="t4-module module " id="Mod113"><div class="module-inner"><h3 class="module-title "><span>Populares</span></h3><div class="module-ct"><ul class="mostread mod-list">
    <li itemscope itemtype="https://schema.org/Article">
        <a href="index.php.html" itemprop="url">
            <span itemprop="name">
                Início            </span>
        </a>
    </li>
    <li itemscope itemtype="https://schema.org/Article">
        <a href="index.php@view=article&amp;id=13%253Aentrada&amp;catid=2.html" itemprop="url">
            <span itemprop="name">
                Entrada            </span>
        </a>
    </li>
    <li itemscope itemtype="https://schema.org/Article">
        <a href="index.php/programacao/aprender-a-programar-do-jeito-dificil.html" itemprop="url">
            <span itemprop="name">
                Aprender a programar do jeito difícil            </span>
        </a>
    </li>
    <li itemscope itemtype="https://schema.org/Article">
        <a href="index.php/programacao/ferramentas-auxiliares.html" itemprop="url">
            <span itemprop="name">
                Ferramentas Auxiliares            </span>
        </a>
    </li>
    <li itemscope itemtype="https://schema.org/Article">
        <a href="index.php/programacao/criacao-deste-site.html" itemprop="url">
            <span itemprop="name">
                Criação deste site            </span>
        </a>
    </li>
</ul>
</div></div></div>
</div>
</div></div>
</div>

<div id="t4-breadcrumbs" class="t4-section  t4-breadcrumbs">
<div class="t4-section-inner container"><nav role="navigation" aria-label="Breadcrumbs">
	<ol itemscope itemtype="https://schema.org/BreadcrumbList" class="mod-breadcrumbs breadcrumb">
					<li>
				Você está aqui: &#160;
			</li>
		
						<li aria-current="page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="mod-breadcrumbs__item breadcrumb-item active"><span itemprop="name">Início</span>					<meta itemprop="position" content="1">
				</li>
				</ol>
</nav>
</div>
</div>


<a href='javascript:' id='back-to-top'><i class='fa fa-chevron-up'></i></a>
        </div>
      </div>
    </div>
  </main>
  
</body>
</html>