jocile/aulasteste.html

## aulasteste.html
---
layout: page
# All the disciplinas of posts
---

{% assign HEAD_PREFIX = "h_" %}
{% assign LIST_PREFIX = "l_" %}

{% assign group_index = 0 %}

{% assign sort_disciplinas = site.data.disciplines | sort: 'name' %}

{% for disciplina in sort_disciplinas %}

  {% assign disciplina_name = disciplina | first %}
  {% assign posts_of_disciplina = disciplina | last %}
  {% assign first_post = posts_of_disciplina | first %}
  {% assign sub_disciplinas = "" | split: "" %}

  {% for post in site.posts %}
    {% for tag in post.tags %}
      {% if tag == disciplina.tag %}
        {% assign second_disciplina = post %}
        {% if second_disciplina %}
          {% unless sub_disciplinas contains second_disciplina %}
            {% assign sub_disciplinas = sub_disciplinas | push: second_disciplina %}
          {% endunless %}
        {% endif %}
      {% endif %}
    {% endfor %}
  {% endfor %}

  {% assign sub_disciplinas = sub_disciplinas | sort %}
  {% assign sub_disciplinas_size = sub_disciplinas | size %}

  <div class="card categories">
    <!-- top-disciplina -->
    <div id="{{ HEAD_PREFIX }}{{ group_index }}" class="card-header d-flex justify-content-between hide-border-bottom">
      <span>
        <i class="far fa-folder-open fa-fw"></i>
        {{ disciplina.name }}
      </span>

      <!-- arrow -->
      {% if sub_disciplinas_size > 0 %}
        <a
          href="#{{ LIST_PREFIX }}{{ group_index }}"
          data-toggle="collapse"
          aria-expanded="true"
          aria-label="{{ HEAD_PREFIX }}{{ group_index }}-trigger"
          class="category-trigger hide-border-bottom">
          <i class="fas fa-fw fa-angle-down"></i>
        </a>
      {% else %}
        <span data-toggle="collapse" class="category-trigger hide-border-bottom disabled">
          <i class="fas fa-fw fa-angle-right"></i>
        </span>
      {% endif %}

    </div>
    <!-- .card-header -->

    <div
      id="{{ LIST_PREFIX }}{{ group_index }}"
      class="collapse show"
      aria-expanded="true">
      <ul class="post-content pl-0">

        {% for post in site.posts %}
          {% for tag in post.tags %}
            {% if tag == disciplina.tag %}
              <li class="d-flex justify-content-between pl-md-3 pr-md-3">
                <a href="{{ post.url | relative_url }}">{{ post.title }}
                </a>
                <span class="dash flex-grow-1"></span>
                {% include datetime.html date=post.date wrap = 'span' class = 'text-muted small' %}
              </li>
            {% endif %}
          {% endfor %}
        {% endfor %}
      </ul>
    </div>
    <!-- .card -->
  </div>

  {% assign group_index = group_index | plus: 1 %}

{% endfor %}

## jekyll.md

      
    Raw
  

              jekyll.md
            
          
    Jekyll examples

header

---
title:  "Explorando redes no Packet Tracer"
author: Prof. Jocilé Serra
date: 2022-09-07 20:00:00 -0300
categories: [AULAS, MEIOS DE COMUNICAÇÃO]
tags: [redes, meios, simulador]
mermaid: true
---
Descriptive text.
Images

![img-description](/path/to/image){: w="700" h="400" }
_Image Caption_
![REDES CLIENTE-SERVIDOR]({{site.data.images.redes-cliente-serv.link}})
_{{site.data.images.redes-cliente-serv.caption}}_
Data includes

[Apostila sobre {{ site.data.references.apostilas.redes[0].name }}]({{ site.data.references.apostilas.redes[0].link }})

{% include curriculo-list.html disciplina="curriculum-infraestrutura" %}
Slideshare include

{% include slideshare.html
 key="4ENo34rO1oj8Hy"
 link="//www.slideshare.net/charleslima/aula-2-introduo-ao-mercado-de-trabalho"
 caption="Aula 2 - Introdução ao Mercado de Trabalho - de Charles Lima"
 %}
Caption stylesheet

Aula 1
{: style="color:gray; font-size: 80%; text-align: center;"}
Prompts

There are several types of prompts: tip, info, warning, and danger.
> Example line for prompt.
{: .prompt-info }
footnotes

note [^1]

[^1]: reference in footnotes
Tooltips

<a href="#" data-toggle="tooltip"
 data-original-title="{{site.data.glossary.jekyll_platform}}">
  Jekyll
</a>
  is my favorite tool for building websites.
Page insert

[Simulador de redes]({% post_url 2022-08-09-simulador-de-redes %})
Post clone

{% include_relative 2022-08-05-Tipos-de-redes.md %}
Video embedding

{% include embed/{Platform}.html id='{ID}' %}
Youtube

{% include embed/youtube.html id='ro00gYCjExY' %}
Thumbnail link
{: w="350" h="200" }
detalhes e colapse

<details>
  <summary>Clique aqui para expandir/colapsar o bloco</summary>
  
  Este é o conteúdo que será exibido dentro do bloco. Ele pode conter vários parágrafos, listas, imagens e outros elementos de formatação em Markdown.

</details>
References


Markdown Guide
jeckyll manual
Posts
Tags Filters
Chirpy theme post reference
Raw Chirpy theme post reference
Writing a New Post
Tooltips
Glossary layout
Jekyll Doc Theme 6.0 - Special layouts overview


## markdown.md

      
    Raw
  

              markdown.md
            
          
  title
  date
  categories
  tags
  
  
  Referência de formatação em Markdown
  2022-09-18 17:05:00 -0300
  
  
  DESENVOLVIMENTO
  MARKDOWN
  
  
  web
  github
  estilo
  markdown
  
  
Markdown é um estilo de texto na web. Você controla a exibição do documento; formando palavras como negrito ou itálico adicionar imagens e cria listas, etc.
Editor online
Títulos

# Título 1
## Subtítulo nível 2
### Subtítulo nível 3
Formatação

_Italico_
**Negrito**
**_Italico e negrito_**
Links: [Texto do link](https://jocile.com/)
 Listas:
* Item 1
* Item 2
* Item 3
Imagens

 Imagens:
Inline-style: 
![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 1")

Reference-style: 
![alt text][logo]

Código

`Código` em linha tem `áspas ao redor`.
 ```
Blocos de código são envoltas por linhas com três áspas ```, 
ou são identadas com quatro espaços.
 ```

Tabelas

| Tabelas            | são                     | legais |
| -----------------  |:-----------------------:| ------:|
| col 3 é            | alinhada para à direita |  $1600 |
| col 2 is           | centralizada            |    $12 |
| listras das zebras | são legais              |     $1 |

Devem haver ao menos 3 hifens ('-') separando cada célula do cabeçalho.
As barras externas (`|`) são opcionais e você não precisa fazer as células em Markdown estarem bem alinhadas.

Markdown | menos | bonito
--- | --- | ---
_ainda_ | `renderiza` | **bem**
1 | 2 | 3


Tabelas
são
legais


col 3 é
alinhada para à direita
$1600


col 2 is
centralizada
$12


listras das zebras
são legais
$1


Markdown
menos
bonito


ainda
renderiza
bem


1
2
3


Citações

> Citações são muito úteis em em email para emular respostas textuais.
> Esta linha faz parte da mesma citação.

Citações são muito úteis em em email para emular respostas textuais.
Esta linha faz parte da mesma citação.

Referências


Handbook Markdown Guide
Markdown and Visual Studio Code
Referência da syntaxe markdown na UFRGS
Referência da syntaxe markdown no firebal
Referência da syntaxe markdown no GitHub
Markdown Cheatsheet
criando um readme bonitao para o seu github
	---
	layout: page
	# All the disciplinas of posts
	---

	{% assign HEAD_PREFIX = "h_" %}
	{% assign LIST_PREFIX = "l_" %}

	{% assign group_index = 0 %}

	{% assign sort_disciplinas = site.data.disciplines \| sort: 'name' %}

	{% for disciplina in sort_disciplinas %}

	{% assign disciplina_name = disciplina \| first %}
	{% assign posts_of_disciplina = disciplina \| last %}
	{% assign first_post = posts_of_disciplina \| first %}
	{% assign sub_disciplinas = "" \| split: "" %}

	{% for post in site.posts %}
	{% for tag in post.tags %}
	{% if tag == disciplina.tag %}
	{% assign second_disciplina = post %}
	{% if second_disciplina %}
	{% unless sub_disciplinas contains second_disciplina %}
	{% assign sub_disciplinas = sub_disciplinas \| push: second_disciplina %}
	{% endunless %}
	{% endif %}
	{% endif %}
	{% endfor %}
	{% endfor %}

	{% assign sub_disciplinas = sub_disciplinas \| sort %}
	{% assign sub_disciplinas_size = sub_disciplinas \| size %}

	<div class="card categories">
	<!-- top-disciplina -->
	<div id="{{ HEAD_PREFIX }}{{ group_index }}" class="card-header d-flex justify-content-between hide-border-bottom">
	<span>
	<i class="far fa-folder-open fa-fw"></i>
	{{ disciplina.name }}
	</span>

	<!-- arrow -->
	{% if sub_disciplinas_size > 0 %}
	<a
	href="#{{ LIST_PREFIX }}{{ group_index }}"
	data-toggle="collapse"
	aria-expanded="true"
	aria-label="{{ HEAD_PREFIX }}{{ group_index }}-trigger"
	class="category-trigger hide-border-bottom">
	<i class="fas fa-fw fa-angle-down"></i>
	</a>
	{% else %}
	<span data-toggle="collapse" class="category-trigger hide-border-bottom disabled">
	<i class="fas fa-fw fa-angle-right"></i>
	</span>
	{% endif %}

	</div>
	<!-- .card-header -->

	<div
	id="{{ LIST_PREFIX }}{{ group_index }}"
	class="collapse show"
	aria-expanded="true">
	<ul class="post-content pl-0">

	{% for post in site.posts %}
	{% for tag in post.tags %}
	{% if tag == disciplina.tag %}
	<li class="d-flex justify-content-between pl-md-3 pr-md-3">
	<a href="{{ post.url \| relative_url }}">{{ post.title }}
	</a>
	<span class="dash flex-grow-1"></span>
	{% include datetime.html date=post.date wrap = 'span' class = 'text-muted small' %}
	</li>
	{% endif %}
	{% endfor %}
	{% endfor %}
	</ul>
	</div>
	<!-- .card -->
	</div>

	{% assign group_index = group_index \| plus: 1 %}

	{% endfor %}
Tabelas	são	legais
col 3 é	alinhada para à direita	$1600
col 2 is	centralizada	$12
listras das zebras	são legais	$1