Fist Commit in AliceHub
This commit is contained in:
EmersonJSC
parent
9af9e65fed
commit
874e50635d
|
|
@ -0,0 +1,2 @@
|
||||||
|
---
|
||||||
|
BUNDLE_PATH: "vendor/bundle"
|
||||||
|
|
@ -16,8 +16,10 @@ gem "minima", "~> 2.5"
|
||||||
# If you have any plugins, put them here!
|
# If you have any plugins, put them here!
|
||||||
group :jekyll_plugins do
|
group :jekyll_plugins do
|
||||||
gem "jekyll-feed", "~> 0.12"
|
gem "jekyll-feed", "~> 0.12"
|
||||||
|
gem "jekyll-archives"
|
||||||
end
|
end
|
||||||
|
|
||||||
|
|
||||||
# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
|
# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
|
||||||
# and associated library.
|
# and associated library.
|
||||||
platforms :mingw, :x64_mingw, :mswin, :jruby do
|
platforms :mingw, :x64_mingw, :mswin, :jruby do
|
||||||
|
|
|
||||||
|
|
@ -31,6 +31,8 @@ GEM
|
||||||
safe_yaml (~> 1.0)
|
safe_yaml (~> 1.0)
|
||||||
terminal-table (>= 1.8, < 4.0)
|
terminal-table (>= 1.8, < 4.0)
|
||||||
webrick (~> 1.7)
|
webrick (~> 1.7)
|
||||||
|
jekyll-archives (2.2.1)
|
||||||
|
jekyll (>= 3.6, < 5.0)
|
||||||
jekyll-feed (0.17.0)
|
jekyll-feed (0.17.0)
|
||||||
jekyll (>= 3.7, < 5.0)
|
jekyll (>= 3.7, < 5.0)
|
||||||
jekyll-sass-converter (3.0.0)
|
jekyll-sass-converter (3.0.0)
|
||||||
|
|
@ -76,6 +78,7 @@ PLATFORMS
|
||||||
DEPENDENCIES
|
DEPENDENCIES
|
||||||
http_parser.rb (~> 0.6.0)
|
http_parser.rb (~> 0.6.0)
|
||||||
jekyll (~> 4.3.2)
|
jekyll (~> 4.3.2)
|
||||||
|
jekyll-archives
|
||||||
jekyll-feed (~> 0.12)
|
jekyll-feed (~> 0.12)
|
||||||
minima (~> 2.5)
|
minima (~> 2.5)
|
||||||
tzinfo (>= 1, < 3)
|
tzinfo (>= 1, < 3)
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
---
|
||||||
|
author: Emerson Junio Silva Costa
|
||||||
|
description: Como criar uma aula no site
|
||||||
|
date: 19/03/2024
|
||||||
|
software: [Alice_Cast]
|
||||||
|
level: Basico
|
||||||
|
layout: aulas
|
||||||
|
---
|
||||||
|
|
||||||
|
Exportando dados do Hydrogen
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
|
|
@ -0,0 +1,10 @@
|
||||||
|
---
|
||||||
|
author: Emanuel Silva Sousa
|
||||||
|
description: Exportando dados no Hydrogen
|
||||||
|
date: 2023/10/01
|
||||||
|
software: [Hydrogen]
|
||||||
|
level: Intermediário
|
||||||
|
layout: aulas
|
||||||
|
---
|
||||||
|
|
||||||
|
Exportando dados do Hydrogen
|
||||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,10 @@
|
||||||
|
---
|
||||||
|
author: Emerson Junio Silva Costa
|
||||||
|
description: Importando soundfonts no LMMS
|
||||||
|
date: 2023/12/01
|
||||||
|
software: [Soundfonts, LMMS]
|
||||||
|
level: Avançado
|
||||||
|
layout: aulas
|
||||||
|
---
|
||||||
|
|
||||||
|
Importando soundfonts no LMMS
|
||||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,11 @@
|
||||||
|
---
|
||||||
|
author: Matheus De Bomfim Rodrigues Jordão
|
||||||
|
description: Introdução ao Hydrogen
|
||||||
|
date: 2023/10/01
|
||||||
|
software: [Hydrogen]
|
||||||
|
level: Intermediário
|
||||||
|
layout: aulas
|
||||||
|
---
|
||||||
|
|
||||||
|
Introdução ao Hydrogen
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,10 @@
|
||||||
|
---
|
||||||
|
author: Emerson Junio Silva Costa
|
||||||
|
description: Introdução ao LMMS
|
||||||
|
date: 2023/12/01
|
||||||
|
software: [LMMS]
|
||||||
|
level: Básico
|
||||||
|
layout: aulas
|
||||||
|
---
|
||||||
|
|
||||||
|
Este curso é uma introdução ao LMMS. Nele iremos aprender a criar um primeiro beat nesta ferramenta.
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,13 @@
|
||||||
|
---
|
||||||
|
author: Gabriel Lopes Rocha
|
||||||
|
description: Introdução ao Pure Data
|
||||||
|
software: [Pure Data]
|
||||||
|
level: Básico
|
||||||
|
layout: aulas
|
||||||
|
---
|
||||||
|
|
||||||
|
Introdução ao Pure Data
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare rutrum erat, et finibus erat volutpat a. Fusce euismod, ligula at pellentesque feugiat, eros eros tempor nisl, quis dictum dolor nulla sit amet elit. Cras id iaculis ante, vitae elementum quam. Nulla et lectus ac nisl euismod aliquam eget vel risus. Suspendisse pellentesque mollis tortor sed aliquam. Nunc vulputate, ante ut elementum vehicula, mi purus maximus purus, id efficitur lorem libero eget tortor. Nulla condimentum sem nec mi pharetra egestas. Etiam est diam, ultricies in euismod nec, aliquet non neque. Aliquam volutpat augue egestas pellentesque efficitur. Nullam non lorem eu nisl sollicitudin volutpat. Integer at elit vitae leo pulvinar blandit. Etiam porttitor vitae leo aliquet rutrum.
|
||||||
|
|
||||||
|
Morbi vitae dictum nibh, sed consectetur nunc. Vivamus euismod eu tellus id pellentesque. Mauris nec convallis dui, ut scelerisque lorem. In enim arcu, aliquam ac bibendum vitae, gravida eu quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin sagittis lectus pharetra leo sollicitudin, sit amet maximus purus convallis. Vivamus sit amet turpis eu sem rhoncus accumsan.
|
||||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,9 @@
|
||||||
|
---
|
||||||
|
author: Flávio Luiz Schiavoni
|
||||||
|
description: Introdução ao Sooper Looper
|
||||||
|
date: 2023/12/09
|
||||||
|
software: [Sooper Looper]
|
||||||
|
level: Básico
|
||||||
|
layout: aulas
|
||||||
|
---
|
||||||
|
Introdução ao Sooper Looper
|
||||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,10 @@
|
||||||
|
---
|
||||||
|
author: Emanuel Silva Sousa
|
||||||
|
description: Mixando no Hydrogen
|
||||||
|
date: 2023/10/01
|
||||||
|
software: [Hydrogen]
|
||||||
|
level: Básico
|
||||||
|
layout: aulas
|
||||||
|
---
|
||||||
|
|
||||||
|
Mixando no Hydrogen
|
||||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,8 @@
|
||||||
|
---
|
||||||
|
author: Carlos Eduardo Oliveira de Souza
|
||||||
|
description: Mixando no LMMS
|
||||||
|
date: 2023/12/01
|
||||||
|
software: [LMMS]
|
||||||
|
layout: aulas
|
||||||
|
---
|
||||||
|
Mixando no LMMS
|
||||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,11 @@
|
||||||
|
---
|
||||||
|
author: Flávio Luiz Schiavoni
|
||||||
|
description: Usando o Zynaddsub no LMMS
|
||||||
|
date: 2023/12/01
|
||||||
|
software: [LMMS, Zynaddsub]
|
||||||
|
level: Básico
|
||||||
|
layout: aulas
|
||||||
|
---
|
||||||
|
|
||||||
|
Usando o Zynaddsub no LMMS
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 538 KiB |
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
github: https://github.com/carlosbolin
|
||||||
|
lattes: http://lattes.cnpq.br/6697316832233182
|
||||||
|
layout: autores
|
||||||
|
---
|
||||||
|
Pessoa da Música. DJ.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 366 KiB |
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
github: https://github.com/R1nBa
|
||||||
|
lattes: http://lattes.cnpq.br/4966869639421090
|
||||||
|
layout: autores
|
||||||
|
---
|
||||||
|
Pessoa da computação. Toca violão.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
github: https://github.com/EmersonJSC/
|
||||||
|
lattes: http://lattes.cnpq.br/8494846056894900
|
||||||
|
layout: autores
|
||||||
|
---
|
||||||
|
Pessoa da computação. Manja HTML.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
|
|
@ -0,0 +1,7 @@
|
||||||
|
---
|
||||||
|
github: https://github.com/flschiavoni
|
||||||
|
lattes: http://lattes.cnpq.br/1259591090948385
|
||||||
|
layout: autores
|
||||||
|
---
|
||||||
|
|
||||||
|
Professor da computação com cara de professor da filosofia, papo de professor da música.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
github: https://github.com/gbr-cdc
|
||||||
|
lattes: http://lattes.cnpq.br/93125671276598013
|
||||||
|
layout: autores
|
||||||
|
---
|
||||||
|
Pessoa da computaçao. Joga malabares.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
github: https://github.com/theRealCarneiro
|
||||||
|
lattes: http://lattes.cnpq.br/2090658657681256
|
||||||
|
layout: autores
|
||||||
|
---
|
||||||
|
Pessoa da computação, especialista em Linux.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
lattes: http://lattes.cnpq.br/2626209451689208
|
||||||
|
layout: autores
|
||||||
|
---
|
||||||
|
Pessoa da música. Toca tambor.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 171 KiB |
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
github: https://github.com/JotaChina
|
||||||
|
lattes: http://lattes.cnpq.br/0724666760175162
|
||||||
|
layout: autores
|
||||||
|
---
|
||||||
|
Pessoa do Hip Hop.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
github: https://github.com/MatheusJordao03/
|
||||||
|
lattes: http://lattes.cnpq.br/9330669827537598
|
||||||
|
layout: autores
|
||||||
|
---
|
||||||
|
Pessoa da música. Toca violão.
|
||||||
|
|
@ -18,45 +18,71 @@
|
||||||
# You can create any custom variable you would like, and they will be accessible
|
# You can create any custom variable you would like, and they will be accessible
|
||||||
# in the templates via {{ site.myvariable }}.
|
# in the templates via {{ site.myvariable }}.
|
||||||
|
|
||||||
title: Your awesome title
|
title: ALICE CAST
|
||||||
email: your-email@example.com
|
|
||||||
description: >- # this means to ignore newlines until "baseurl:"
|
description: >- # this means to ignore newlines until "baseurl:"
|
||||||
Write an awesome description for your new site here. You can edit this
|
Bem vindo ao sensacional site de cursos do Alice.
|
||||||
line in _config.yml. It will appear in your document head meta (for
|
|
||||||
Google search results) and in your feed.xml site description.
|
|
||||||
baseurl: /alice_cast # the subpath of your site, e.g. /blog
|
baseurl: /alice_cast # the subpath of your site, e.g. /blog
|
||||||
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
||||||
twitter_username: jekyllrb
|
|
||||||
github_username: jekyll
|
|
||||||
|
|
||||||
# Build settings
|
# Build settings
|
||||||
theme: minima
|
theme: minima
|
||||||
plugins:
|
plugins:
|
||||||
- jekyll-feed
|
- jekyll-feed
|
||||||
|
|
||||||
|
# collections
|
||||||
collections:
|
collections:
|
||||||
|
aulas:
|
||||||
|
output: true
|
||||||
|
permalink: /:collection/:path
|
||||||
|
software:
|
||||||
|
output: true
|
||||||
|
permalink: /:collection/:path
|
||||||
|
autores:
|
||||||
|
output: true
|
||||||
|
permalink: /:collection/:path
|
||||||
cursos:
|
cursos:
|
||||||
output: true
|
output: true
|
||||||
permalink: /cursos/:path/
|
permalink: /:collection/:path
|
||||||
|
|
||||||
|
# collection default setup
|
||||||
|
defaults:
|
||||||
|
-
|
||||||
|
scope:
|
||||||
|
path: "_aulas"
|
||||||
|
type: aulas
|
||||||
|
values:
|
||||||
|
layout: "aula"
|
||||||
|
author: "ALICE"
|
||||||
|
-
|
||||||
|
scope:
|
||||||
|
path: "_autores"
|
||||||
|
type: autores
|
||||||
|
values:
|
||||||
|
layout: "author"
|
||||||
|
-
|
||||||
|
scope:
|
||||||
|
path: "_software"
|
||||||
|
type: software
|
||||||
|
values:
|
||||||
|
layout: "software"
|
||||||
|
-
|
||||||
|
scope:
|
||||||
|
path: "_cursos"
|
||||||
|
type: cursos
|
||||||
|
values:
|
||||||
|
layout: "curso"
|
||||||
|
|
||||||
|
# config lang
|
||||||
|
default_lang: pt
|
||||||
|
languages:
|
||||||
|
- en
|
||||||
|
- pt
|
||||||
|
|
||||||
|
|
||||||
# Exclude from processing.
|
exclude:
|
||||||
# The following items will not be processed, by default.
|
- makefile
|
||||||
# Any item listed under the `exclude:` key here will be automatically added to
|
- Gemfile
|
||||||
# the internal "default list".
|
- Gemfile.lock
|
||||||
#
|
- makefile
|
||||||
# Excluded items can be processed by explicitly listing the directories or
|
- script
|
||||||
# their entries' file path in the `include:` list.
|
- _aulas/*.mkv
|
||||||
#
|
|
||||||
# exclude:
|
|
||||||
# - .sass-cache/
|
|
||||||
# - .jekyll-cache/
|
|
||||||
# - gemfiles/
|
|
||||||
# - Gemfile
|
|
||||||
# - Gemfile.lock
|
|
||||||
# - node_modules/
|
|
||||||
# - vendor/bundle/
|
|
||||||
# - vendor/cache/
|
|
||||||
# - vendor/gems/
|
|
||||||
# - vendor/ruby/
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
{
|
||||||
|
"Emerson":{
|
||||||
|
"pass": "0000"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,10 +1,12 @@
|
||||||
---
|
---
|
||||||
layout: curso
|
layout: cursos
|
||||||
categoria: Sequencer
|
author: Matheus De Bomfim Rodrigues Jordão
|
||||||
lang: pt
|
description: Introdução ao Hydrogen
|
||||||
title: Curso de LMMS
|
date: 2023/10/01
|
||||||
autor: Emerson Junio
|
aulas:
|
||||||
description: Curso de Linux Multimedia Studio
|
- Introdução ao LMMS
|
||||||
|
- Mixando no LMMS
|
||||||
|
- Importando soundfonts no LMMS
|
||||||
|
- Usando o Zynaddsub no LMMS
|
||||||
---
|
---
|
||||||
|
Veja que maneiro é este curso de LMMS
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est placerat in egestas erat imperdiet sed. Magna fermentum iaculis eu non diam. Blandit cursus risus at ultrices. Urna et pharetra pharetra massa massa. Mi bibendum neque egestas congue quisque egestas diam in arcu. Arcu risus quis varius quam quisque. Etiam dignissim diam quis enim lobortis scelerisque fermentum. Bibendum neque egestas congue quisque egestas. Tristique senectus et netus et malesuada fames ac turpis. Quam elementum pulvinar etiam non quam lacus suspendisse. Ac tincidunt vitae semper quis lectus nulla at. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam.
|
|
||||||
|
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
---
|
|
||||||
layout: curso
|
|
||||||
categoria: Linguagem de Programação Musical
|
|
||||||
lang: pt
|
|
||||||
title: Curso de Pure Data
|
|
||||||
autor: Flávio Schiavoni
|
|
||||||
description: Curso de Pure Data
|
|
||||||
---
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est placerat in egestas erat imperdiet sed. Magna fermentum iaculis eu non diam. Blandit cursus risus at ultrices. Urna et pharetra pharetra massa massa. Mi bibendum neque egestas congue quisque egestas diam in arcu. Arcu risus quis varius quam quisque. Etiam dignissim diam quis enim lobortis scelerisque fermentum. Bibendum neque egestas congue quisque egestas. Tristique senectus et netus et malesuada fames ac turpis. Quam elementum pulvinar etiam non quam lacus suspendisse. Ac tincidunt vitae semper quis lectus nulla at. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam.
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
---
|
|
||||||
layout: curso
|
|
||||||
categoria: Aula
|
|
||||||
lang: pt
|
|
||||||
title: aula-teste
|
|
||||||
description: Uma breve descrição do seu site.
|
|
||||||
---
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est placerat in egestas erat imperdiet sed. Magna fermentum iaculis eu non diam. Blandit cursus risus at ultrices. Urna et pharetra pharetra massa massa. Mi bibendum neque egestas congue quisque egestas diam in arcu. Arcu risus quis varius quam quisque. Etiam dignissim diam quis enim lobortis scelerisque fermentum. Bibendum neque egestas congue quisque egestas. Tristique senectus et netus et malesuada fames ac turpis. Quam elementum pulvinar etiam non quam lacus suspendisse. Ac tincidunt vitae semper quis lectus nulla at. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam.
|
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
---
|
||||||
|
menu:
|
||||||
|
home: "Home"
|
||||||
|
about: "Sobre"
|
||||||
|
classes: "Aulas"
|
||||||
|
authors: "Autores"
|
||||||
|
---
|
||||||
|
|
@ -0,0 +1,60 @@
|
||||||
|
<div class="SideBar full background is-flex is-flex-direction-column">
|
||||||
|
<div>
|
||||||
|
<div class="top-sidebar is-flex is-justify-content-center is-align-items-center">
|
||||||
|
<img
|
||||||
|
src="{{ site.baseurl }}/assets/images/AliceCastRed.png"
|
||||||
|
class="image logo"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<aside class="menu">
|
||||||
|
<ul class="menu-list">
|
||||||
|
<li>
|
||||||
|
<a class="item-menu has-text-white-ter" href="{{ site.baseurl }}/index.html">
|
||||||
|
<span class="menu-txt">Inicio</span>
|
||||||
|
<i class="fa-solid fa-house mx-4"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="item-menu has-text-white-ter" href="{{ site.baseurl }}/aulas.html">
|
||||||
|
<span class="menu-txt">Aulas</span>
|
||||||
|
<i class="fa-solid fa-house mx-4"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="item-menu has-text-white-ter" href="{{ site.baseurl }}/cursos.html">
|
||||||
|
<span class="menu-txt">Cursos</span>
|
||||||
|
<i class="fa-solid fa-house mx-4"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="item-menu has-text-white-ter" href="{{ site.baseurl }}/podcasts.html">
|
||||||
|
<span class="menu-txt">Podcasts</span>
|
||||||
|
<i class="fa-solid fa-house mx-4"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="item-menu has-text-white-ter" href="{{ site.baseurl }}/autores.html">
|
||||||
|
<span class="menu-txt">Autores</span>
|
||||||
|
<i class="fa-solid fa-house mx-4"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="item-menu has-text-white-ter" href="{{ site.baseurl }}/software.html">
|
||||||
|
<span class="menu-txt">Software</span>
|
||||||
|
<i class="fa-solid fa-house mx-4"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="item-menu has-text-white-ter" href="{{ site.baseurl }}/about.html">
|
||||||
|
<span class="menu-txt">Sobre</span>
|
||||||
|
<i class="fa-solid fa-house mx-4"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<nav class="is-flex" style="width: 87vw;">
|
||||||
|
<div class="nav-item is-flex is-flex-grow-1 is-align-items-center ml-6">
|
||||||
|
<h5 class="is-size-1-mobile"><a class=" LinkName mr-2"></a>/<a class="ml-2">STREAM</a></h5>
|
||||||
|
<input class="input ml-6 mr-6" placeholder="Pesquisar" />
|
||||||
|
</div>
|
||||||
|
<div class="nav-item is-flex is-flex-grow-1 is-align-items-center is-justify-content-flex-end mr-6">
|
||||||
|
<h4 class="usuario is-size-6 mr-4">Bem vindo</h4>
|
||||||
|
<figure class="image is-32x32 ">
|
||||||
|
<img
|
||||||
|
class="is-rounded"
|
||||||
|
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQFqZMMWnIwg5s5uicldr-MVKpmu_2e1KWaIm2wNzp-Oqs4uyaqRGY8TFhBHIdWOMFMYPs&usqp=CAU"
|
||||||
|
/>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
<script>
|
||||||
|
// Seleciona o campo de entrada e o botão de envio
|
||||||
|
const messageInput = document.getElementById("messageInput");
|
||||||
|
const sendButton = document.getElementById("sendButton");
|
||||||
|
|
||||||
|
// Adiciona um ouvinte de evento ao botão de envio
|
||||||
|
sendButton.addEventListener("click", function() {
|
||||||
|
// Obtém o texto digitado
|
||||||
|
const messageText = messageInput.value;
|
||||||
|
|
||||||
|
// Verifica se o texto não está vazio
|
||||||
|
if (messageText.trim() !== "") {
|
||||||
|
// Cria um novo elemento de mensagem enviada
|
||||||
|
const sentMessage = document.createElement("div");
|
||||||
|
sentMessage.classList.add("message", "sent");
|
||||||
|
sentMessage.innerHTML = `
|
||||||
|
<span class="sent-name">Você</span>
|
||||||
|
<p>${messageText}</p>
|
||||||
|
`;
|
||||||
|
|
||||||
|
// Adiciona a nova mensagem à caixa de mensagens
|
||||||
|
const chatContainer = document.querySelector(".chat-container");
|
||||||
|
chatContainer.appendChild(sentMessage);
|
||||||
|
|
||||||
|
// Limpa o campo de entrada
|
||||||
|
messageInput.value = "";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="chat-container chat-background">
|
||||||
|
<div class="message received">
|
||||||
|
<span class="received-name">NOME_USUARIO</span>
|
||||||
|
<p>Olá! Como vai?</p>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="chat-line"></div> -->
|
||||||
|
<div class="message sent">
|
||||||
|
<span class="sent-name">Você</span>
|
||||||
|
<p>Olá! Tudo bem, e você?</p>
|
||||||
|
</div>
|
||||||
|
<!-- Mais mensagens aqui -->
|
||||||
|
</div>
|
||||||
|
<div class="chat-container is-flex is-flex-direction-row" style="height: 100%;">
|
||||||
|
<input id="messageInput" class="input is-info" type="text" placeholder="Info input">
|
||||||
|
<button id="sendButton" class="button ml-2 is-link">Enviar</button>
|
||||||
|
</div>
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
<ul>
|
|
||||||
{% for curso in site.cursos %}
|
|
||||||
<li>
|
|
||||||
<a href='{{ site.baseurl }}{{ curso.url }}' >
|
|
||||||
<div class="card mx-1 my-1">
|
|
||||||
<div class="card-image">
|
|
||||||
<figure class="image is-1by1">
|
|
||||||
<img src="../assets/cursos/{{ curso.title }}/header.jpeg">
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<div class="card-content">
|
|
||||||
<div class="content my-2">
|
|
||||||
<h1 class="title is-size-4">{{ curso.title }}</h1>
|
|
||||||
<h3 class="subtitle is-size-6">{{ curso.description }}</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
|
||||||
<style type="text/css">
|
|
||||||
.card{
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
ul{
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
margin-right: 20px; /* Espaçamento entre os itens */
|
|
||||||
}
|
|
||||||
/* */
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,78 +0,0 @@
|
||||||
<div class="SideBar full background is-flex is-flex-direction-column">
|
|
||||||
<div>
|
|
||||||
<div class="top-sidebar is-flex is-justify-content-center is-align-items-center">
|
|
||||||
<img
|
|
||||||
src="{{ site.baseurl }}/assets/images/AliceCastRed.png"
|
|
||||||
class="image logo"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<aside class="menu">
|
|
||||||
<ul class="menu-list">
|
|
||||||
<li>
|
|
||||||
<a class="item-menu has-text-white-ter" href="{{ site.baseurl }}{{ site.baseurl }}/index.html">
|
|
||||||
<span class="menu-txt">Home</span>
|
|
||||||
<i class="fa-solid fa-house mx-4"></i>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="item-menu has-text-white-ter" href="{{ site.baseurl }}{{ site.baseurl }}/cursos.html">
|
|
||||||
<span class="menu-txt">Cursos</span>
|
|
||||||
<i class="fa-solid fa-house mx-4"></i>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style type="text/css">
|
|
||||||
@media only screen and (min-width: 720px) {
|
|
||||||
|
|
||||||
.SideBar {
|
|
||||||
/* background-color: black; */
|
|
||||||
height: 100%;
|
|
||||||
width: 200px;
|
|
||||||
z-index: 1000;
|
|
||||||
overflow: hidden;
|
|
||||||
padding-top: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width: 1080px) {
|
|
||||||
.SideBar {
|
|
||||||
/* background-color: black; */
|
|
||||||
height: 100vh;
|
|
||||||
width: 70px;
|
|
||||||
z-index: 1000;
|
|
||||||
overflow: hidden;
|
|
||||||
padding-top: 40px;
|
|
||||||
}
|
|
||||||
.menu-txt{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.menu{
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
.top-sidebar {
|
|
||||||
/* height: 10px; */
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.item-menu:hover {
|
|
||||||
background-color: #b4f2ff;
|
|
||||||
}
|
|
||||||
.active {
|
|
||||||
background-color: #5ce1f4;
|
|
||||||
}
|
|
||||||
.background {
|
|
||||||
background-color: #0b1a33;
|
|
||||||
}
|
|
||||||
.logo{
|
|
||||||
width: 50%;
|
|
||||||
/* margin-top: 80px; */
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,60 +0,0 @@
|
||||||
<nav class="is-flex">
|
|
||||||
<div class="nav-item is-flex is-flex-grow-1 is-align-items-center ml-6">
|
|
||||||
<h5 class="is-size-1-mobile"><a class=" LinkName mr-2"></a>/<a class="ml-2">STREAM</a></h5>
|
|
||||||
<input class="input ml-6 mr-6" placeholder="Pesquisar" />
|
|
||||||
</div>
|
|
||||||
<div class="nav-item is-flex is-flex-grow-1 is-align-items-center is-justify-content-flex-end mr-6">
|
|
||||||
<h4 class="usuario is-size-6 mr-4">Bem vindo</h4>
|
|
||||||
<figure class="image is-32x32 ">
|
|
||||||
<img
|
|
||||||
class="is-rounded"
|
|
||||||
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQFqZMMWnIwg5s5uicldr-MVKpmu_2e1KWaIm2wNzp-Oqs4uyaqRGY8TFhBHIdWOMFMYPs&usqp=CAU"
|
|
||||||
/>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
|
|
||||||
<style type="text/css">
|
|
||||||
@media only screen and (min-width: 720px) {
|
|
||||||
nav{
|
|
||||||
height: 100px;
|
|
||||||
/* width: 101rem; */
|
|
||||||
background-color: #0b1a33;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width: 1080px) {
|
|
||||||
nav{
|
|
||||||
height: 100px;
|
|
||||||
/* width: 101rem; */
|
|
||||||
background-color: #0b1a33;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
input{
|
|
||||||
width: 300px;
|
|
||||||
/* height: 40px; */
|
|
||||||
background-color: #0b1a33;
|
|
||||||
border-color: #5ce1f4;
|
|
||||||
color: #fff;
|
|
||||||
font-family: 'Roboto', sans-serif;
|
|
||||||
|
|
||||||
}
|
|
||||||
input::placeholder{
|
|
||||||
color: #fff;
|
|
||||||
font-family: 'Roboto', sans-serif;
|
|
||||||
|
|
||||||
}
|
|
||||||
.nav-item h5 a{
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.LinkName{
|
|
||||||
color: #5ce1f4 !important;
|
|
||||||
}
|
|
||||||
.visible{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.usuario{
|
|
||||||
color: #fff;
|
|
||||||
font-family: 'Roboto', sans-serif;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -0,0 +1,69 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="pt-BR">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
||||||
|
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/stylesheet.css">
|
||||||
|
{% if page.styles %}{{ page.styles }}{% endif %}
|
||||||
|
<title>
|
||||||
|
{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}
|
||||||
|
</title>
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="is-flex is-flex-direction-row is-full-width">
|
||||||
|
<div class="is-flex">
|
||||||
|
{% include SideBar.html %}
|
||||||
|
</div>
|
||||||
|
<div class="is-flex">
|
||||||
|
<div class="is-flex-grow-5 is-flex is-flex-direction-column" >
|
||||||
|
{% include TopBar.html %}
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<div class="aula-title pt-6 pb-6">
|
||||||
|
<div class="detals-aula is is-flex is-flex-direction-row">
|
||||||
|
<div class="detals-aula is is-flex is-flex-direction-column is-flex-grow-1">
|
||||||
|
<h1 class="aula-title">{{ page.title }}</h1>
|
||||||
|
<h2 class="aula-name">{{ page.software }} - {{ page.level }}</h2>
|
||||||
|
|
||||||
|
<h3 class="aula-name">{{ page.author }}</h2>
|
||||||
|
<h3 class="aula-name">{{ page.date | date: "%d/%m/%Y" }}</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="download aula is-flex is-flex-grow-1 is-justify-content-flex-end mr-6">
|
||||||
|
{% assign aula_name = page.name | replace: '.md', '' %}
|
||||||
|
{% assign zip_file = 'aulas/' | append: aula_name | append: '.zip' %}
|
||||||
|
<a class="button is-success is-large" href="{{ site.baseurl }}{{ zip_file }}" download>
|
||||||
|
Download
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class=" is-flex is-justify-content-center is-align-content-center mt-3">
|
||||||
|
{% assign aula_slug = page.name | replace: '.md', '' %}
|
||||||
|
{% assign video_aula = '' | append: aula_slug | append: '.mp4' %}
|
||||||
|
<video controls class="aula-video">
|
||||||
|
<source src="{{ video_aula }}" type="video/mp4">
|
||||||
|
Seu navegador não suporta o elemento de vídeo.
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-aula mt-3 pt-2 pb-2">
|
||||||
|
<p>{{ page.content }}</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer>
|
||||||
|
<!-- Conteúdo do rodapé -->
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,51 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="pt-BR">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
||||||
|
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/stylesheet.css">
|
||||||
|
{% if page.styles %}{{ page.styles }}{% endif %}
|
||||||
|
<title>
|
||||||
|
{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}
|
||||||
|
</title>
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="is-flex is-flex-direction-row is-full-width">
|
||||||
|
<div class="is-flex">
|
||||||
|
{% include SideBar.html %}
|
||||||
|
</div>
|
||||||
|
<div class="is-flex">
|
||||||
|
<div class="is-flex-grow-5 is-flex is-flex-direction-column" >
|
||||||
|
{% include TopBar.html %}
|
||||||
|
<main class="mt-6">
|
||||||
|
<h1 class="author-title">Detalhes do Autor</h1>
|
||||||
|
<div class="is-flex is-flex-direction-row author-container">
|
||||||
|
{% assign author_slug = page.name | replace: '.md', '' %}
|
||||||
|
{% assign imagem_author = 'autores/' | append: author_slug | append: '.jpg' %}
|
||||||
|
<img src="{{ site.baseurl }}/{{ imagem_author }}" alt="Imagem do Autor" class="author-img">
|
||||||
|
|
||||||
|
<div class="author-info mx-6">
|
||||||
|
<h2 class="user-title">{{ page.title }}</h2>
|
||||||
|
<p class="user-details">{{ page.content }}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer>
|
||||||
|
<!-- Conteúdo do rodapé -->
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,102 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="pt-BR">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
|
||||||
|
|
||||||
<title>
|
|
||||||
{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}
|
|
||||||
</title>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<div class="is-flex is-flex-direction-row fullheight">
|
|
||||||
<div class="is-flex-grow-0">
|
|
||||||
{% include layout/SideBar.html %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="is-flex-grow-5 is-flex is-flex-direction-column">
|
|
||||||
{% include layout/TopBar.html %}
|
|
||||||
<div class="path has-text-primary-light spacing-page">
|
|
||||||
<h1 class="is-size-6 has-text-grey">INICIO/{{ page.categoria | upcase }}/{{ page.title | upcase }}</h1>
|
|
||||||
</div>
|
|
||||||
<div class="content spacing-page">
|
|
||||||
<div class="category">
|
|
||||||
<h1 class="is-size-7 has-text-grey-darker mx-1">{{ page.categoria | upcase }}</h1>
|
|
||||||
</div>
|
|
||||||
<div class="title">
|
|
||||||
<h1 class="title has-text-grey-darker is-size-1">{{page.title | upcase}}</h1>
|
|
||||||
<br />
|
|
||||||
<h2> {{ page.autor }}</h2>
|
|
||||||
</div>
|
|
||||||
<!-- <div>
|
|
||||||
<a class="box is-flex is-justify-content-center is-align-items-center my-4" href={`${Assets}/documents/doc.zip`}>
|
|
||||||
<i class="fa-solid fa-download fa-xl mx-3"></i>
|
|
||||||
<h1 class="is-size-5">Baixar arquivos do curso</h1>
|
|
||||||
</a>
|
|
||||||
</div> -->
|
|
||||||
<div class="conteudo">
|
|
||||||
<p>
|
|
||||||
{{ content }}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="player my-3">
|
|
||||||
<video
|
|
||||||
class="player"
|
|
||||||
controls
|
|
||||||
muted
|
|
||||||
poster="https://th.bing.com/th/id/OIG.CmLs7pBcHDlZ32VQ5Oa8?pid=ImgGn">
|
|
||||||
<source src="/assets/cursos/{{ page.title }}/aula.mp4" type="video/mp4">
|
|
||||||
</video>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.fullheight{
|
|
||||||
height: 100vh;
|
|
||||||
}
|
|
||||||
.body{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.path{
|
|
||||||
font-weight: 100;
|
|
||||||
letter-spacing: 3px;
|
|
||||||
}
|
|
||||||
.content{
|
|
||||||
|
|
||||||
}
|
|
||||||
.spacing-page{
|
|
||||||
margin: 2% 10% 0px 10%;
|
|
||||||
}
|
|
||||||
.category{
|
|
||||||
|
|
||||||
}
|
|
||||||
.box{
|
|
||||||
height: auto;
|
|
||||||
width: 300px;
|
|
||||||
}
|
|
||||||
.player{
|
|
||||||
background-color: aliceblue;
|
|
||||||
width: 100%;
|
|
||||||
height: 600px;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
.player video{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
@ -0,0 +1,128 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="pt-BR">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
||||||
|
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/stylesheet.css">
|
||||||
|
<!-- Google Fonts -->
|
||||||
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
|
||||||
|
|
||||||
|
{% if page.styles %}{{ page.styles }}{% endif %}
|
||||||
|
<title>
|
||||||
|
{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}
|
||||||
|
</title>
|
||||||
|
|
||||||
|
|
||||||
|
{% assign aulas = site.aulas | sort: 'date' | reverse %}
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const switchGrind = () =>{
|
||||||
|
var grad = document.getElementById("grad");
|
||||||
|
var list = document.getElementById("list");
|
||||||
|
|
||||||
|
list.classList.add("is-hidden");
|
||||||
|
grad.classList.remove("is-hidden");
|
||||||
|
|
||||||
|
}
|
||||||
|
const switchList = () =>{
|
||||||
|
var grad = document.getElementById("grad");
|
||||||
|
var list = document.getElementById("list");
|
||||||
|
|
||||||
|
grad.classList.add("is-hidden");
|
||||||
|
list.classList.remove("is-hidden");
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="is-flex is-flex-direction-row is-full-width">
|
||||||
|
<div class="is-flex">
|
||||||
|
{% include SideBar.html %}
|
||||||
|
</div>
|
||||||
|
<div class="is-flex">
|
||||||
|
<div class="is-flex-grow-5 is-flex is-flex-direction-column">
|
||||||
|
{% include TopBar.html %}
|
||||||
|
<main class="">
|
||||||
|
<div class="aula-title pt-6 pb-6">
|
||||||
|
<div class="detals-aula is is-flex is-flex-direction-row">
|
||||||
|
<div class="detals-aula is is-flex is-flex-direction-column is-flex-grow-1">
|
||||||
|
<h1 class="aula-title">{{ page.title }}</h1>
|
||||||
|
<h2 class="aula-name">{{ page.software }} - {{ page.level }}</h2>
|
||||||
|
|
||||||
|
<h3 class="aula-name">{{ page.author }}</h2>
|
||||||
|
<h3 class="aula-name">{{ page.date | date: "%d/%m/%Y" }}</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="is-flex is-flex-direction-row is-align-items-center ">
|
||||||
|
<h1 class="title pt-6 pb6 pl-6 is-flex-grow-3">Explore as Aulas deste Curso: Descubra o que Está por Vir!</h1>
|
||||||
|
<div class="is-flex-grow-1 mt-5 ">
|
||||||
|
<span class="material-symbols-outlined" onclick="switchGrind()" style="cursor: pointer;" >grid_view</span>
|
||||||
|
<span class="material-symbols-outlined" onclick="switchList()" style="cursor: pointer;" >more_vert</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="grad" class=" is-flex is-justify-content-center is-align-content-center">
|
||||||
|
{% assign aulas = site.aulas | sort: 'date' | reverse %}
|
||||||
|
<div class="columns is-multiline">
|
||||||
|
{% for aula in aulas %}
|
||||||
|
{% assign nome = aula.name | replace: ".md","" %}
|
||||||
|
{% for aulaContent in page.aulas %}
|
||||||
|
{% if nome == aulaContent %}
|
||||||
|
<div class="column is-one-third">
|
||||||
|
<a href='{{ site.baseurl }}{{ aula.url }}.html' class="card-link">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-image">
|
||||||
|
<figure class="image is-4by3">
|
||||||
|
<img src="{{ site.baseurl }}/thumbs/{{ nome }}.jpg">
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="content my-2">
|
||||||
|
<h1 class="title is-size-4">{{ aula.title }}</h1>
|
||||||
|
<h3 class="subtitle is-size-6">{{ aula.level }}</h3>
|
||||||
|
<h3 class="is-size-6">{{ aula.description }}</h3>
|
||||||
|
<div class="is-flex is-flex-direction-row is-align-items-center ">
|
||||||
|
<span class="is-size-6 is-flex-grow-4 blue-text">{{ aula.author }}</span>
|
||||||
|
<span class="is-size-7">{{ aula.date | date: "%d-%m-%y"}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="list" class=" is-flex is-flex-direction-column is-justify-content-center is-align-content-center mt-5 is-hidden">
|
||||||
|
{% for aulaContent in page.aulas %}
|
||||||
|
{% assign aula_slug = aulaContent | replace: '.md', '' %}
|
||||||
|
{% assign video_aula = site.baseurl | append: '/aulas/' | append: aula_slug | append: '.mp4' %}
|
||||||
|
<div class="title-Background px-6">
|
||||||
|
<h1>{{ aulaContent }}</h1>
|
||||||
|
</div>
|
||||||
|
<div class="video-curso">
|
||||||
|
<video controls class="aula-video">
|
||||||
|
<source src="{{ video_aula }}" type="video/mp4">
|
||||||
|
Seu navegador não suporta o elemento de vídeo.
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer>
|
||||||
|
<!-- Conteúdo do rodapé -->
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -5,33 +5,33 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
||||||
|
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/stylesheet.css">
|
||||||
|
{% if page.styles %}{{ page.styles }}{% endif %}
|
||||||
<title>
|
<title>
|
||||||
{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}
|
{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}
|
||||||
</title>
|
</title>
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<div class="is-flex is-flex-direction-row fullheight">
|
<body>
|
||||||
<div class="is-flex-grow-0">
|
<div class="is-flex is-flex-direction-row is-full-width">
|
||||||
{% include layout/SideBar.html %}
|
<div class="is-flex">
|
||||||
</div>
|
{% include SideBar.html %}
|
||||||
|
</div>
|
||||||
|
<div class="is-flex">
|
||||||
|
<div class="is-flex-grow-5 is-flex is-flex-direction-column">
|
||||||
|
{% include TopBar.html %}
|
||||||
|
<main class="">
|
||||||
|
{{ content }}
|
||||||
|
</main>
|
||||||
|
|
||||||
<div class="is-flex-grow-5 is-flex is-flex-direction-column">
|
|
||||||
{% include layout/TopBar.html %}
|
|
||||||
{{ content }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.fullheight{
|
</div>
|
||||||
height: 100vh;
|
</div>
|
||||||
}
|
</div>
|
||||||
.body{
|
<footer>
|
||||||
margin: 0;
|
<!-- Conteúdo do rodapé -->
|
||||||
padding: 0;
|
</footer>
|
||||||
}
|
</body>
|
||||||
</style>
|
</html>
|
||||||
|
|
@ -0,0 +1,37 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="pt-BR">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
||||||
|
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/stylesheet.css">
|
||||||
|
{% if page.styles %}{{ page.styles }}{% endif %}
|
||||||
|
<title>
|
||||||
|
{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}
|
||||||
|
</title>
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="is-flex is-flex-direction-row is-full-width">
|
||||||
|
<div class="is-flex">
|
||||||
|
{% include SideBar.html %}
|
||||||
|
</div>
|
||||||
|
<div class="is-flex">
|
||||||
|
<div class="is-flex-grow-5 is-flex is-flex-direction-column" >
|
||||||
|
{% include TopBar.html %}
|
||||||
|
<main class="mt-6">
|
||||||
|
{{ content }}
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer>
|
||||||
|
<!-- Conteúdo do rodapé -->
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
site: default
|
||||||
|
layout: software
|
||||||
|
---
|
||||||
|
|
||||||
|
O Pure Data é uma ferramenta muito legal. Vcs precisam conhecer!
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
---
|
||||||
|
site: default
|
||||||
|
---
|
||||||
|
O LMMS é uma ferramenta muito legal. Vcs precisam conhecer!
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
---
|
||||||
|
site: default
|
||||||
|
---
|
||||||
|
O Pure Data é uma ferramenta muito legal. Vcs precisam conhecer!
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
---
|
||||||
|
site: default
|
||||||
|
---
|
||||||
|
O Sooper Looper é uma ferramenta muito legal. Vcs precisam conhecer!
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
---
|
||||||
|
site: default
|
||||||
|
---
|
||||||
|
O ZynAddSub é uma ferramenta muito legal. Vcs precisam conhecer!
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
---
|
|
||||||
layout: page
|
|
||||||
title: About
|
|
||||||
permalink: /about/
|
|
||||||
---
|
|
||||||
|
|
||||||
This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
|
|
||||||
|
|
||||||
You can find the source code for Minima at GitHub:
|
|
||||||
[jekyll][jekyll-organization] /
|
|
||||||
[minima](https://github.com/jekyll/minima)
|
|
||||||
|
|
||||||
You can find the source code for Jekyll at GitHub:
|
|
||||||
[jekyll][jekyll-organization] /
|
|
||||||
[jekyll](https://github.com/jekyll/jekyll)
|
|
||||||
|
|
||||||
|
|
||||||
[jekyll-organization]: https://github.com/jekyll
|
|
||||||
|
|
@ -0,0 +1,41 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
title: About
|
||||||
|
lang: pt
|
||||||
|
---
|
||||||
|
|
||||||
|
<h1 class="mt-5">Sobre</h1>
|
||||||
|
<h2></h2>
|
||||||
|
## Como criar página de autores:
|
||||||
|
|
||||||
|
|
||||||
|
O nome do autor é definido pelo nome do arquivo .md do mesmo e sua foto é definida com o mesmo nome .jpg.
|
||||||
|
|
||||||
|
Um autor deve ter:
|
||||||
|
``` liquid
|
||||||
|
---
|
||||||
|
github: https://github.com/flschiavoni
|
||||||
|
lattes: http://lattes.cnpq.br/1259591090948385
|
||||||
|
---
|
||||||
|
```
|
||||||
|
|
||||||
|
## Como criar página de aulas:
|
||||||
|
|
||||||
|
O nome da aula é definido pelo nome do arquivo .md da mesma, caso a aula tenha arquivos, os mesmos devem estar em um arquivo zip com o mesmo nome e o vídeo da aula em um arquivo mkv com o mesmo nome. Exemplo:
|
||||||
|
|
||||||
|
- Aula Teste para o site.md
|
||||||
|
- Aula Teste para o site.zip
|
||||||
|
- Aula Teste para o site.mkv
|
||||||
|
|
||||||
|
Uma aula deve ter:
|
||||||
|
|
||||||
|
``` liquid
|
||||||
|
---
|
||||||
|
author: Flávio Luiz Schiavoni
|
||||||
|
description: Introdução ao Sooper Looper
|
||||||
|
date: 2023/12/09
|
||||||
|
software: [Sooper Looper]
|
||||||
|
level: Básico | Intermediário | Avançado
|
||||||
|
---
|
||||||
|
```
|
||||||
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
---
|
|
||||||
layout: default
|
|
||||||
lang: pt
|
|
||||||
---
|
|
||||||
|
|
||||||
{% include components/card.html %}
|
|
||||||
|
|
@ -0,0 +1,314 @@
|
||||||
|
/* Vai ficar um pouco bagunçado, mas por enquanto. */
|
||||||
|
|
||||||
|
/* COLORS */
|
||||||
|
.blue-text{
|
||||||
|
color: #0b1a33;
|
||||||
|
}
|
||||||
|
.blue-background{
|
||||||
|
background-color: #0b1a33;
|
||||||
|
}
|
||||||
|
/* DEFAULT-CSS */
|
||||||
|
h1{
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
font-size: 32pt; /* Tamanho da fonte */
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
font-size: 1.5em; /* Tamanho da fonte */
|
||||||
|
color: #333; /* Cor do texto */
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
color: #333; /* Cor do texto */
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-full-width{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.is-full{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* SIDEBAR-CSS */
|
||||||
|
@media only screen and (min-width: 720px) {
|
||||||
|
.SideBar {
|
||||||
|
/* background-color: black; */
|
||||||
|
height: 100%;
|
||||||
|
min-height: 100vh;
|
||||||
|
width: 25vh;
|
||||||
|
z-index: 1000;
|
||||||
|
/* overflow: hidden; */
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1080px) {
|
||||||
|
.SideBar {
|
||||||
|
/* background-color: black; */
|
||||||
|
height: 100vh;
|
||||||
|
width: 70px;
|
||||||
|
z-index: 1000;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-top: 40px;
|
||||||
|
}
|
||||||
|
.menu-txt{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.menu{
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.top-sidebar {
|
||||||
|
/* height: 10px; */
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.item-menu:hover {
|
||||||
|
background-color: #b4f2ff;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
background-color: #5ce1f4;
|
||||||
|
}
|
||||||
|
.background {
|
||||||
|
background-color: #0b1a33;
|
||||||
|
}
|
||||||
|
.logo{
|
||||||
|
width: 50%;
|
||||||
|
/* margin-top: 80px; */
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
word-wrap: break-word; /* Força a quebra de palavras para evitar esticar o item além do contêiner */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* TOPBAR-CSS */
|
||||||
|
|
||||||
|
@media only screen and (min-width: 720px) {
|
||||||
|
nav{
|
||||||
|
height: 100px;
|
||||||
|
/* width: 101rem; */
|
||||||
|
background-color: #0b1a33;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1080px) {
|
||||||
|
nav{
|
||||||
|
height: 100px;
|
||||||
|
/* width: 101rem; */
|
||||||
|
background-color: #0b1a33;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
input{
|
||||||
|
width: 300px;
|
||||||
|
/* height: 40px; */
|
||||||
|
background-color: #0b1a33;
|
||||||
|
border-color: #5ce1f4;
|
||||||
|
color: #fff;
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
|
||||||
|
}
|
||||||
|
input::placeholder{
|
||||||
|
color: #fff;
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
|
||||||
|
}
|
||||||
|
.nav-item h5 a{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.LinkName{
|
||||||
|
color: #5ce1f4 !important;
|
||||||
|
}
|
||||||
|
.visible{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.usuario{
|
||||||
|
color: #fff;
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.card-container {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 10px; /* Espaçamento entre os cards */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HOME-CSS */
|
||||||
|
|
||||||
|
.about-image{
|
||||||
|
/* height: 500px; */
|
||||||
|
}
|
||||||
|
.home-title{
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 40pt;
|
||||||
|
/* width: 80%; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-text {
|
||||||
|
display: block;
|
||||||
|
text-align: center; /* Opcional: centraliza o texto */
|
||||||
|
text-align: start;
|
||||||
|
}
|
||||||
|
.home-image{
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.home-greeting{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.home-text p{
|
||||||
|
font-size: 30pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Aulas CSS */
|
||||||
|
|
||||||
|
/* .card-container {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 20px;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.column {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
} */
|
||||||
|
|
||||||
|
|
||||||
|
/* AUTORES-CSS */
|
||||||
|
|
||||||
|
.author-img{
|
||||||
|
width: 30%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.author-info{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-title{
|
||||||
|
font-weight: bold;
|
||||||
|
padding-left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-container{
|
||||||
|
background-color: #333;
|
||||||
|
padding: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-title{
|
||||||
|
color: #5ce1f4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-details{
|
||||||
|
color: #5ce1f4;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* AULAS-CSS */
|
||||||
|
|
||||||
|
.detals-aula{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.aula-title{
|
||||||
|
font-weight: bold;
|
||||||
|
padding-left: 30px;
|
||||||
|
background-color: #333;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.aula-name{
|
||||||
|
font-size: 12pt;
|
||||||
|
padding-left: 35px;
|
||||||
|
color: #5ce1f4;
|
||||||
|
|
||||||
|
text-align: start;
|
||||||
|
}
|
||||||
|
.aula-video{
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
.content-aula{
|
||||||
|
padding-left: 45px;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #333;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-aula > * {
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* CURSOS */
|
||||||
|
|
||||||
|
.disable{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.title-Background{
|
||||||
|
background-color: #333;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.video-curso video{
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* CHAT */
|
||||||
|
.chat-background{
|
||||||
|
background-color: #333;
|
||||||
|
}
|
||||||
|
.chat-container {
|
||||||
|
width: 40%;
|
||||||
|
margin: 20px auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 70vh;
|
||||||
|
}
|
||||||
|
/* .chat-line{
|
||||||
|
width: 100%;
|
||||||
|
height: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
|
} */
|
||||||
|
.message {
|
||||||
|
max-width: auto;
|
||||||
|
margin: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.received {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
justify-content: start;
|
||||||
|
align-self: flex-start;
|
||||||
|
/* float: left; */
|
||||||
|
}
|
||||||
|
.received-name{
|
||||||
|
font-size: 6pt;
|
||||||
|
color: #0b1a33;
|
||||||
|
font-weight: bold;
|
||||||
|
text-shadow: -1px -1px 0 #fff,
|
||||||
|
1px -1px 0 #fff,
|
||||||
|
-1px 1px 0 #fff,
|
||||||
|
1px 1px 0 #fff; /* Sombra do texto */
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
top: -5px;
|
||||||
|
}
|
||||||
|
.sent {
|
||||||
|
background-color: #dcf8c6;
|
||||||
|
justify-content: end;
|
||||||
|
align-self: flex-end;
|
||||||
|
/* float: right; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.sent-name{
|
||||||
|
font-size: 6pt;
|
||||||
|
color: #0b1a33;
|
||||||
|
font-weight: bold;
|
||||||
|
text-shadow: -1px -1px 0 #fff,
|
||||||
|
1px -1px 0 #fff,
|
||||||
|
-1px 1px 0 #fff,
|
||||||
|
1px 1px 0 #fff; /* Sombra do texto */
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
top: -5px;
|
||||||
|
}
|
||||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 192 KiB |
|
|
@ -0,0 +1,18 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
title: Enviar Material
|
||||||
|
lang: pt
|
||||||
|
---
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mt-3 mx-6">
|
||||||
|
<h1 class="title">Envie seu material</h1>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<label>Titulo</label>
|
||||||
|
<input type="text" class="input" placeholder="Titulo do conteudo"> </input>
|
||||||
|
|
||||||
|
<label>Titulo</label>
|
||||||
|
<input type="text" class="input" placeholder="Titulo do conteudo"> </input>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
@ -1,7 +1,5 @@
|
||||||
---
|
---
|
||||||
layout: default
|
layout: default
|
||||||
|
title: Criar Podcast
|
||||||
lang: pt
|
lang: pt
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
||||||
<h1>Hello Wold</h1>
|
|
||||||
|
Before Width: | Height: | Size: 195 KiB After Width: | Height: | Size: 195 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 433 KiB |
|
|
@ -0,0 +1,40 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
lang: pt
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="is-flex is-flex-direction-row mt-6 mx-6 ">
|
||||||
|
<h1 class="title is-flex-grow-1">Aulas</h1>
|
||||||
|
<button class="button is-link" id="NovoPodcast">Criar aula</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mx-6 mt-6">
|
||||||
|
{% assign aulas = site.aulas | sort: 'date' | reverse %}
|
||||||
|
<div class="columns is-multiline">
|
||||||
|
{% for aula in aulas %}
|
||||||
|
{% assign nome = aula.name | replace: ".md","" %}
|
||||||
|
<div class="column is-one-third">
|
||||||
|
<a href='{{ site.baseurl }}{{ aula.url }}.html' class="card-link">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-image">
|
||||||
|
<figure class="image is-4by3">
|
||||||
|
<img src="{{ site.baseurl }}/thumbs/{{ nome }}.jpg">
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="content my-2">
|
||||||
|
<h1 class="title is-size-4">{{ aula.title }}</h1>
|
||||||
|
<h3 class="subtitle is-size-6">{{ aula.level }}</h3>
|
||||||
|
<h3 class="is-size-6">{{ aula.description }}</h3>
|
||||||
|
<div class="is-flex is-flex-direction-row is-align-items-center ">
|
||||||
|
<span class="is-size-6 is-flex-grow-4 blue-text">{{ aula.author }}</span>
|
||||||
|
<span class="is-size-7">{{ aula.date | date: "%d-%m-%y"}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,33 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
lang: pt
|
||||||
|
---
|
||||||
|
<div class="is-flex is-flex-direction-row mt-6 mx-6 ">
|
||||||
|
<h1 class="title is-flex-grow-1">Autores</h1>
|
||||||
|
<button class="button is-link" id="NovoPodcast">Cadastrar como autor</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mx-6 mt-6">
|
||||||
|
{% assign autores = site.autores | sort: 'name' %}
|
||||||
|
<div class="columns is-multiline">
|
||||||
|
{% for autor in autores %}
|
||||||
|
{% assign nome = autor.name | replace: ".md","" %}
|
||||||
|
<div class="column is-one-third">
|
||||||
|
<a href='{{ site.baseurl }}{{ autor.url }}.html' class="card-link">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-image">
|
||||||
|
<figure class="image is-square">
|
||||||
|
<img src="{{ site.baseurl }}/autores/{{ nome }}.jpg">
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="content my-2">
|
||||||
|
<h1 class="title is-size-4">{{ nome }}</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,38 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
lang: pt
|
||||||
|
---
|
||||||
|
<div class="is-flex is-flex-direction-row mt-6 mx-6 ">
|
||||||
|
<h1 class="title is-flex-grow-1">Cursos</h1>
|
||||||
|
<button class="button is-link" id="NovoPodcast">Criar curso</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mx-6 mt-6">
|
||||||
|
{% assign cursos = site.cursos | sort: 'date' | reverse %}
|
||||||
|
<div class="columns is-multiline">
|
||||||
|
{% for curso in cursos %}
|
||||||
|
{% assign nome = curso.name | replace: ".md","" %}
|
||||||
|
<div class="column is-one-third">
|
||||||
|
<a href='{{ site.baseurl }}{{ curso.url }}.html' class="card-link">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-image">
|
||||||
|
<figure class="image is-4by3">
|
||||||
|
<img src="{{ site.baseurl }}/thumbs/{{ nome }}.jpg">
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="content my-2">
|
||||||
|
<h1 class="title is-size-4">{{ curso.title }}</h1>
|
||||||
|
{% for aula in curso.aulas %}
|
||||||
|
<span class="tag is-link">{{ aula }}</span>
|
||||||
|
{% endfor %}
|
||||||
|
<h3 class="subtitle is-size-6">{{ curso.description }}</h3>
|
||||||
|
<h3 class="subtitle is-size-6">{{ curso.author }}</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,37 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="is-flex is-flex-direction-row home-greeting is-justify-content-end px-6">
|
||||||
|
<div class="is-flex is-justify-content-center is-flex-direction-column">
|
||||||
|
<h1 class="home-title">Bem-vindo ao nosso espaço educacional aberto!</h1>
|
||||||
|
<p class="home-text">
|
||||||
|
<br > Aqui você encontrará uma comunidade colaborativa onde o conhecimento é compartilhado livremente. <br > Explore cursos, aulas e materiais educativos criados por diversos colaboradores. Sinta-se à vontade para contribuir, modificar e expandir o aprendizado coletivo. <br> Juntos, vamos construir uma plataforma educacional inclusiva e dinâmica!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="home-image is-flex">
|
||||||
|
<img
|
||||||
|
class="about-image"
|
||||||
|
src="{{ site.baseurl }}/assets/images/about-image.png"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 class="home-title px-6" >Confira nossos cursos</h1>
|
||||||
|
{% assign cursos = site.cursos | sort: 'date' %}
|
||||||
|
<ul class="aula px-6">
|
||||||
|
{% for curso in cursos %}
|
||||||
|
{% assign nome = curso.name | replace: ".md","" %}
|
||||||
|
<li>
|
||||||
|
<a href='{{ site.baseurl }}{{ curso.url }}.html' >
|
||||||
|
<div class="card mx-1 my-1">
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="content my-2">
|
||||||
|
<h1 class="title is-size-4">{{ nome }}</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
title: About
|
||||||
|
lang: pt
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="auth-conteiner is-flex is-align-items-center is-justify-content-center">
|
||||||
|
<div class="box">
|
||||||
|
<h1 class="has-text-centered is-size-4 has-text-weight-semibold mb-6">Entrar no AliceCast</h1>
|
||||||
|
<form>
|
||||||
|
<label>Login:</label>
|
||||||
|
<input class="input my-3">
|
||||||
|
<label>Senha:</label>
|
||||||
|
<input class="input my-3">
|
||||||
|
<button class="button is-fullwidth mt-4">Logar</button>
|
||||||
|
</form>
|
||||||
|
<p class="mt-4">Esqueceu sua senha? <a>Lembre-se aqui</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.auth-conteiner{
|
||||||
|
position: absolute;
|
||||||
|
top: 0%;
|
||||||
|
right: 0%;
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
}
|
||||||
|
.box{
|
||||||
|
width: 20vw;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,9 +1,29 @@
|
||||||
command = env LANG=\"pt_BR.UTF-8\" /usr/bin/bundle exec /usr/local/bin/jekyll build --incremental --trace --destination=/var/www/html/alice_cast --source=/var/www/src/Alice_JK 2>&1
|
#command = env LANG=\"pt_BR.UTF-8\" /usr/bin/bundle exec /usr/local/bin/jekyll build --incremental --trace --destination=/var/www/html/alice_cast --source=/var/www/src/Alice_JK 2>&1
|
||||||
|
#command = script/script.sh && /usr/bin/bundle exec /usr/local/bin/jekyll build --trace --destination=/var/www/html/alice_cast --source=/var/www/src/Alice_JK 2>&1
|
||||||
|
|
||||||
|
JEKYLL_CMD = bundle exec jekyll
|
||||||
|
|
||||||
|
SRC_PATH = /var/www/src/Alice_JK
|
||||||
|
DEST_PATH = /var/www/html/alice_cast
|
||||||
|
LOG_PATH = /tmp/alicecast-jekyll.log
|
||||||
|
|
||||||
|
DEST_DIR_FLAGS = --destination=${DEST_PATH}
|
||||||
|
SRC_DIR_FLAGS = --source=${SRC_PATH}
|
||||||
|
|
||||||
|
BUILD_FLAGS = --trace --incremental
|
||||||
|
SERVE_FLAGS = -H 0.0.0.0 -P 33002
|
||||||
|
|
||||||
all:
|
all:
|
||||||
# /usr/bin/sg www-data -c "$(command)"
|
sg www-data -c "${JEKYLL_CMD} build ${BUILD_FLAGS} ${SRC_DIR_FLAGS} ${DEST_DIR_FLAGS}"
|
||||||
$(command)
|
|
||||||
|
|
||||||
reboot:
|
# Executa o build toda vez que muda um arquivo
|
||||||
rm -rf /var/www/html/alice_cast/*
|
# Rodando como serviço do systemd em /etc/systemd/system/alicecast-build-watch.service
|
||||||
$(command)
|
# examplo: sg www-data -c 'make watch'
|
||||||
|
watch:
|
||||||
|
${JEKYLL_CMD} build {BUILD_FLAGS} ${DEST_DIR_FLAGS} ${SRC_DIR_FLAGS} -w
|
||||||
|
|
||||||
|
serve:
|
||||||
|
${JEKYLL_CMD} serve ${SRC_DIR_FLAGS} ${SERVE_FLAGS}
|
||||||
|
|
||||||
|
clean:
|
||||||
|
rm -rf ${DEST_PATH}/*
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
title: Podcasts
|
||||||
|
lang: pt
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="is-flex is-flex-direction-row mt-6 mx-6 ">
|
||||||
|
<h1 class="title is-flex-grow-1">Podcasts</h1>
|
||||||
|
<button class="button is-link" id="NovoPodcast">Criar um novo podcast</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const createPodcastButton = document.getElementById('NovoPodcast');
|
||||||
|
|
||||||
|
createPodcastButton.addEventListener('click', function() {
|
||||||
|
window.location.href = '{{ site.baseurl }}/assets/extend/podcasts/criarPodcast.html'; // Replace with your actual target URL
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
Script para automação de edição de vídeos do nosso canal.
|
||||||
|
Desenvolvido por Flávio Schiavoni em Dezembro de 2023.
|
||||||
|
|
||||||
|
Este script contém os seguintes arquivos:
|
||||||
|
- README - Este arquivo.
|
||||||
|
- data.md - Arquivo com os meta dados do curso.
|
||||||
|
- intro.mmpz - Arquivo do LMMS com a trilha da abertura do vídeo.
|
||||||
|
- intro.wav - Arquivo com a trilha da abertura do vídeo.
|
||||||
|
- intro.svg - Desenho vetorial com os dados da abertura do vídeo.
|
||||||
|
- teste2.mkv - Arquivo de vídeo que seria o curso em si.
|
||||||
|
- logo.png - Logo a ser usada como marca d'água do vídeo.
|
||||||
|
- watermark.svg - Desenho vetorial com o GC do autor.
|
||||||
|
- credits.svg - Desenho vetorial com os créditos para o final do vídeo.
|
||||||
|
- credits.wav - Arquivo com a trilha dos créditos.
|
||||||
|
- script.sh - Arquivo que faz isso tudo de modo automático usando os comandos ffmpeg e sed.
|
||||||
|
|
||||||
|
Explicando passo a passo o script:
|
||||||
|
- O script pega os meta-dados do arquivo data.md para definir sua configuração. Os dados sobre o autor, título e nome do vídeo são informados no data.md.
|
||||||
|
- O script irá gerar um arquivo de vídeo temporário, chamado tmp-intro.mkv, com a imagem e trilha da introdução, substituindo as strings "curso" e "nomenome" do arquivo intro.svg pelo nome do curso e nome do autor.
|
||||||
|
- Depois, fará o mesmo para gerar o arquivo de créditos do vídeo (tmp-credits.mkv), porém, sem efetuas substituições no arquivo svg original.
|
||||||
|
- Depois disso, irá tratar o áudio do vídeo original, normalizando-o e salvando-o no arquivo tmp-normalized.mkv.
|
||||||
|
- Irá então mesclar o vídeo do curso (teste2.mkv) com o arquivo logo.png e a marca d'água presente no arquivo watermark.svg substituindo neste arquivo a string "nomenome"pelo nome do autor e "curso" pelo título. Este arquivo será salvo com o nome tmp-video.mkv.
|
||||||
|
- O script irá então unir os 3 arquivos em um único arquivo.
|
||||||
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 309 KiB |
Binary file not shown.
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
author: Flávio Luiz Schiavoni
|
||||||
|
date: 12/12/2023
|
||||||
|
title: Curso de shell script
|
||||||
|
video: teste2.mkv
|
||||||
|
---
|
||||||
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue