Fist Commit in AliceHub
This commit is contained in:
EmersonJSC committed
1 parent
9af9e65fed
commit
7420c7f54b
108 files changed
+6640
-393
No files matched your search
Executable
+69
@@ -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>
|
||||
Executable
+51
@@ -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>
|
||||
Executable
+128
@@ -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>
|
||||
Regular → Executable
+25
-25
@@ -5,33 +5,33 @@
|
||||
<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>
|
||||
|
||||
<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 %}
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.fullheight{
|
||||
height: 100vh;
|
||||
}
|
||||
.body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
<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="">
|
||||
{{ content }}
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<!-- Conteúdo do rodapé -->
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Executable
+37
@@ -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>
|
||||
Reference in new issue
Block a user