Novo AliceClash em progresso
This commit is contained in:
emerson
parent
35a62466ef
commit
72304750b0
|
|
@ -0,0 +1,27 @@
|
|||
<div class="aulas-content">
|
||||
<div class="title-content">
|
||||
<h1>Aulas</h1>
|
||||
<a class="button" href="{{ site.baseurl }}/forms/Aulas/enviarAulas.html" >Criar aula</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
{% assign aulas = site.aulas | sort: 'date' | reverse %}
|
||||
{% assign max_aulas = 3 %}
|
||||
|
||||
{% for aula in aulas %}
|
||||
{% assign nome = aula.name | replace: ".md","" %}
|
||||
<div class="box">
|
||||
<div class="box-top">
|
||||
<figure>
|
||||
<img src="{{ site.baseurl }}/assets/thumbs/{{ nome }}.jpg">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="box-info">
|
||||
<h1>{{ aula.title }}</h1>
|
||||
<p>{{ aula.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<div class="autores-content">
|
||||
<div class="title-content">
|
||||
<h1>Autores</h1>
|
||||
<a class="button" href="{{ site.baseurl }}/forms/Aulas/enviarAulas.html" >Criar aula</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
{% assign autores = site.autores %}
|
||||
|
||||
{% for autor in autores %}
|
||||
{% assign nome = autor.name | replace: ".md","" %}
|
||||
<div class="box">
|
||||
<div class="box-top">
|
||||
<figure>
|
||||
<img src="{{ site.baseurl }}/autores/{{ nome }}.jpg">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="box-info">
|
||||
<h1>{{ autor.title }}</h1>
|
||||
<p>{{ autor.content }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<div class="home-content">
|
||||
<div class="banner">
|
||||
<h1>Bem vindo ao Alice Class</h1>
|
||||
<h3>Participe de uma comunidade colaborativa para criar e compartilhar cursos e materiais educativos.</h3>
|
||||
</div>
|
||||
|
||||
<div class="lasted">
|
||||
<div class="title-section">
|
||||
<h1 class="title">Ultimas aulas</h1>
|
||||
</div>
|
||||
|
||||
<div class="content-box">
|
||||
{% assign aulas = site.aulas | sort: 'date' | reverse %}
|
||||
{% assign max_aulas = 3 %}
|
||||
{% assign count = 0 %}
|
||||
|
||||
{% for aula in aulas %}
|
||||
{% if count < max_aulas %}
|
||||
{% assign nome = aula.name | replace: ".md","" %}
|
||||
<div class="box">
|
||||
<div class="box-top">
|
||||
<figure>
|
||||
<img src="{{ site.baseurl }}/assets/thumbs/{{ nome }}.jpg">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="box-info">
|
||||
<h1>{{ aula.title }}</h1>
|
||||
<p>{{ aula.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,60 +1,76 @@
|
|||
<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">
|
||||
|
||||
<div class="top-sidebar is-flex">
|
||||
<img
|
||||
src="{{ site.baseurl }}/assets/images/AliceCastRed.png"
|
||||
src="{{ site.baseurl }}/assets/images/AliceClassIcon.png"
|
||||
class="image logo"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<aside class="menu">
|
||||
<ul class="menu-list">
|
||||
<a class="item-menu" href="{{ site.baseurl }}/index.html">
|
||||
<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>
|
||||
</a>
|
||||
|
||||
<a class="item-menu" href="{{ site.baseurl }}/aulas.html">
|
||||
|
||||
<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>
|
||||
</a>
|
||||
|
||||
<a class="item-menu" href="{{ site.baseurl }}/cursos.html">
|
||||
<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>
|
||||
</a>
|
||||
|
||||
<a class="item-menu" href="{{ site.baseurl }}/podcasts.html">
|
||||
<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>
|
||||
</a>
|
||||
|
||||
<a class="item-menu" href="{{ site.baseurl }}/autores.html">
|
||||
<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>
|
||||
</a>
|
||||
|
||||
<a class="item-menu" href="{{ site.baseurl }}/software.html">
|
||||
<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>
|
||||
</a>
|
||||
|
||||
<a class="item-menu" href="{{ site.baseurl }}/about.html">
|
||||
<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>
|
||||
</li>
|
||||
</a>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<div class="button-sidebar">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="" href="">
|
||||
<span class="menu-txt">Dashboard</span>
|
||||
<i class="fa-solid fa-house mx-4"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -1,7 +1,9 @@
|
|||
<div class="envArquivo" style="height: 100vh; width: 100vw;">
|
||||
<div class="envArquivo">
|
||||
<h1> Enviar Aula</h1>
|
||||
|
||||
<form action="upload.php" method="post" enctype="multipart/form-data">
|
||||
|
||||
<div class="field-row">
|
||||
<!-- Nome da Aula -->
|
||||
<div class="field">
|
||||
<label class="label" for="class_name">Nome da Aula</label>
|
||||
|
|
@ -10,6 +12,21 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Nível -->
|
||||
<div class="field">
|
||||
<label class="label" for="level">Nível</label>
|
||||
<div class="control">
|
||||
<div class="select">
|
||||
<select id="level" name="level" required>
|
||||
<option value="basico">Básico</option>
|
||||
<option value="intermediario">Intermediário</option>
|
||||
<option value="avancado">Avançado</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Descrição -->
|
||||
<div class="field">
|
||||
<label class="label" for="description">Descrição</label>
|
||||
|
|
@ -26,20 +43,6 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Nível -->
|
||||
<div class="field">
|
||||
<label class="label" for="level">Nível</label>
|
||||
<div class="control">
|
||||
<div class="select">
|
||||
<select id="level" name="level" required>
|
||||
<option value="basico">Básico</option>
|
||||
<option value="intermediario">Intermediário</option>
|
||||
<option value="avancado">Avançado</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<input type="file" name="fileToUpload" id="fileToUpload">
|
||||
</div>
|
||||
|
|
@ -52,18 +55,3 @@
|
|||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
.envArquivo{
|
||||
display: flex;
|
||||
align-items: start;
|
||||
justify-content: start;
|
||||
flex-direction: column;
|
||||
margin: 0 30px;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<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="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>
|
||||
|
|
@ -14,24 +14,13 @@
|
|||
|
||||
</head>
|
||||
<body>
|
||||
<div class="is-flex is-flex-direction-row is-full-width">
|
||||
<div class="is-flex">
|
||||
<div class="main-content">
|
||||
<div class="page-sidebar">
|
||||
{% 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="page-content">
|
||||
{{content}}
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<!-- Conteúdo do rodapé -->
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,316 +1,495 @@
|
|||
/* Vai ficar um pouco bagunçado, mas por enquanto. */
|
||||
/* ================================================================================================================================== */
|
||||
/* Variables */
|
||||
:root {
|
||||
/* Paleta de cors */
|
||||
--midnight-blue: #0B1A33;
|
||||
--cornflower-blue: #4B90F8;
|
||||
--goldenrod: #D6A419;
|
||||
--caribbean-green: #00C6BE;
|
||||
--deep-ruby: #623A40;
|
||||
--ivory: #F1F1E6;
|
||||
--alice-blue: #F4F9FF;
|
||||
--charcoal-blue: #35405D;
|
||||
--slate-gray: #616B8B;
|
||||
--light-slate-gray: #909ABB;
|
||||
--periwinkle: #2d2e31;
|
||||
|
||||
/* 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 */
|
||||
/* Informaçoes da paleta de cores */
|
||||
--primary-color: var(--midnight-blue);
|
||||
--secondary-color: var(--cornflower-blue);
|
||||
--tertiary-color: var(--periwinkle);
|
||||
--gradient-backfround: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(75,144,248,1) 19%, rgba(97,157,246,1) 85%, rgba(241,241,230,0) 100%);
|
||||
--accent-color: var(--goldenrod);
|
||||
--background-color: var(--charcoal-blue);
|
||||
--text-color: var( --alice-blue);
|
||||
--secondary-text-color: var(--slate-gray);
|
||||
--border-color: var(--deep-ruby);
|
||||
--highlight-color: var(--caribbean-green);
|
||||
--error-color: var(--slate-gray);
|
||||
--success-color: var(--light-slate-gray);
|
||||
--warning-color: var(--periwinkle);
|
||||
--info-color: var(--ivory);
|
||||
|
||||
--font-family: 'Roboto', sans-serif;
|
||||
--heading-color: var(--alice-blue);
|
||||
--heading-margin: 0 0 20px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
color: #333; /* Cor do texto */
|
||||
/* ================================================================================================================================== */
|
||||
/* Reset and Base Styles */
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* background-color: var(--background-color); */
|
||||
}
|
||||
|
||||
.is-full-width{
|
||||
width: 100%;
|
||||
}
|
||||
.is-full{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* ================================================================================================================================== */
|
||||
/* Body */
|
||||
body {
|
||||
transition: background-image 1s;
|
||||
background-size: cover;
|
||||
/* background-color: var(--background-color); */
|
||||
color: var(--heading-color);
|
||||
background-color: var(--background-color);
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* SIDEBAR-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: 100%;
|
||||
width: 70px;
|
||||
z-index: 1000;
|
||||
overflow: hidden;
|
||||
padding-top: 40px;
|
||||
}
|
||||
.menu-txt{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.menu{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.top-sidebar {
|
||||
/* height: 10px; */
|
||||
width: 70%;
|
||||
}
|
||||
.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 */
|
||||
/* ================================================================================================================================== */
|
||||
/* Estilos básicos para todos os cabeçalhos */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: var(--font-family);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
/* ================================================================================================================================== */
|
||||
/* CSS do Layout Default da pagina _layout/default.html */
|
||||
|
||||
/* TOPBAR-CSS */
|
||||
.main-content{
|
||||
width: 100%;
|
||||
|
||||
@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-text p{
|
||||
font-size: 30pt;
|
||||
}
|
||||
|
||||
/* Aulas CSS */
|
||||
|
||||
/* .card-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
gap: 20px;
|
||||
justify-content: flex-start;
|
||||
|
||||
padding: 30px 25px;
|
||||
}
|
||||
|
||||
.column {
|
||||
margin-bottom: 20px;
|
||||
} */
|
||||
|
||||
|
||||
/* AUTORES-CSS */
|
||||
|
||||
.author-img{
|
||||
width: 30%;
|
||||
height: auto;
|
||||
.page-sidebar{
|
||||
width: 100px;
|
||||
flex-grow: 1;
|
||||
margin: 0 25px;
|
||||
}
|
||||
.author-info{
|
||||
color: #fff;
|
||||
.page-content{
|
||||
width: 100px;
|
||||
|
||||
background-color: var(--tertiary-color);
|
||||
flex-grow: 10;
|
||||
margin: 0 25px;
|
||||
border-radius: 30px;
|
||||
|
||||
box-shadow: -10px 5px 15px var(--primary-color);
|
||||
}
|
||||
|
||||
.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;
|
||||
/* ================================================================================================================================== */
|
||||
/* SideBar _include/SideBar.html */
|
||||
.SideBar{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 70vh;
|
||||
height: 90vh;
|
||||
position: fixed;
|
||||
|
||||
}
|
||||
/* .chat-line{
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
border-radius: 10px;
|
||||
} */
|
||||
.message {
|
||||
max-width: auto;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
|
||||
.SideBar .top-sidebar{
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.received {
|
||||
background-color: #f0f0f0;
|
||||
align-items: end;
|
||||
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 */
|
||||
.SideBar aside{
|
||||
flex-grow: 6;
|
||||
|
||||
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;
|
||||
.SideBar .button-sidebar{
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
align-items: end;
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.SideBar .image{
|
||||
width: 90%;
|
||||
height: auto;
|
||||
margin: 30px 0px;
|
||||
}
|
||||
|
||||
.menu{
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.menu li{
|
||||
list-style: none;
|
||||
font-family: var(--font-family);
|
||||
|
||||
padding: 15px 10px;
|
||||
|
||||
}
|
||||
.menu li:hover{
|
||||
/* background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(75,144,248,1) 19%, rgba(97,157,246,1) 85%, rgba(241,241,230,0) 100%); */
|
||||
padding: 15px 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.menu a{
|
||||
color: var(--text-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.menu a:hover{
|
||||
color: var(--secondary-text-color);
|
||||
}
|
||||
|
||||
/* --- */
|
||||
.button-sidebar li{
|
||||
list-style: none;
|
||||
font-family: var(--font-family);
|
||||
|
||||
padding: 15px 10px;
|
||||
|
||||
}
|
||||
|
||||
.button-sidebar li a{
|
||||
color: var(--text-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* ================================================================================================================================== */
|
||||
/* CSS do index da pagina _content/Pages/index.html */
|
||||
|
||||
.home-content {
|
||||
width: 100%;
|
||||
|
||||
border-radius: 30px 30px 0px 0;
|
||||
}
|
||||
|
||||
.home-content .banner{
|
||||
height: 500px;
|
||||
width: 100%;
|
||||
background: url('/assets/images/background.svg') ;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 30px;
|
||||
|
||||
padding: 0 25px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.lasted{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
padding: 0 35px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.lasted .title-section{
|
||||
height: 80px;
|
||||
width: 100%;
|
||||
|
||||
margin: 25px 0;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.lasted .title{
|
||||
font-weight: 300;
|
||||
|
||||
}
|
||||
|
||||
.lasted .content-box{
|
||||
width: 100%;
|
||||
|
||||
margin: 25px 0;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
.lasted .content-box .box{
|
||||
height: 500px;
|
||||
width: 400px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: var(--background-color);
|
||||
box-shadow: -10px 5px 5px var(--primary-color);
|
||||
|
||||
margin: 0 25px;
|
||||
}
|
||||
|
||||
.box .box-top{
|
||||
display: flex;
|
||||
background-color: #623A40;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.box .box-top figure img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.box .box-info{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
|
||||
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.box .box-info h1{
|
||||
width: 100%;
|
||||
|
||||
margin: 25px 0;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.box .box-info p{
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/* ================================================================================================================================== */
|
||||
/* CSS da pagina Aulas localizada em _content/Pages/index.html */
|
||||
|
||||
.aulas-content{
|
||||
width: 100%;
|
||||
|
||||
padding: 15px;
|
||||
}
|
||||
.aulas-content .title-content{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.aulas-content .title-content > :nth-child(1){
|
||||
flex-grow: 5; /* Este elemento crescerá 5 partes */
|
||||
}
|
||||
.aulas-content .title-content > :nth-child(1){
|
||||
flex-grow: 2; /* Este elemento crescerá 5 partes */
|
||||
}
|
||||
|
||||
.aulas-content .title-content .button{
|
||||
font-family: var(--font-family);
|
||||
font-weight: 500;
|
||||
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
background-color: var(--success-color); /* Cor de fundo padrão (Bulma: primary color) */
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
color: #fff; /* Cor do texto */
|
||||
padding: 0.5rem 1rem; /* Espaçamento interno */
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
.aulas-content .content{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
/* height: 100px; */
|
||||
}
|
||||
|
||||
.aulas-content .content .box{
|
||||
height: 500px;
|
||||
width: 400px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: var(--background-color);
|
||||
box-shadow: -5px 5px 15px var(--primary-color);
|
||||
|
||||
margin: 25px 25px;
|
||||
}
|
||||
|
||||
/* ================================================================================================================================== */
|
||||
/* CSS da pagina autores localizada em _content/Pages/autores.html */
|
||||
|
||||
.autores-content{
|
||||
width: 100%;
|
||||
|
||||
padding: 15px;
|
||||
}
|
||||
.autores-content .title-content{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.autores-content .title-content > :nth-child(1){
|
||||
flex-grow: 5; /* Este elemento crescerá 5 partes */
|
||||
}
|
||||
.autores-content .title-content > :nth-child(1){
|
||||
flex-grow: 2; /* Este elemento crescerá 5 partes */
|
||||
}
|
||||
|
||||
.autores-content .title-content .button{
|
||||
font-family: var(--font-family);
|
||||
font-weight: 500;
|
||||
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
background-color: var(--success-color); /* Cor de fundo padrão (Bulma: primary color) */
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
color: #fff; /* Cor do texto */
|
||||
padding: 0.5rem 1rem; /* Espaçamento interno */
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
.autores-content .content{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
/* height: 100px; */
|
||||
}
|
||||
|
||||
.autores-content .content .box{
|
||||
height: 600px;
|
||||
width: 400px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: var(--background-color);
|
||||
box-shadow: -5px 5px 15px var(--primary-color);
|
||||
|
||||
margin: 25px 25px;
|
||||
}
|
||||
|
||||
|
||||
/* ================================================================================================================================== */
|
||||
/* CSS da pagina autores localizada em _includes/formularios/envAula.html */
|
||||
|
||||
.envArquivo h1{
|
||||
font-family: var(--font-family);
|
||||
margin: 30px ;
|
||||
}
|
||||
|
||||
.envArquivo{
|
||||
display: flex;
|
||||
align-items: start;
|
||||
justify-content: start;
|
||||
flex-direction: column;
|
||||
margin: 0 30px;
|
||||
}
|
||||
/*
|
||||
.envArquivo .field{
|
||||
height: 30%;
|
||||
width: 100%;
|
||||
|
||||
margin: 0 30px;
|
||||
}
|
||||
|
||||
.envArquivo .field .label{
|
||||
font-family: var(--font-family);
|
||||
font-weight: 400;
|
||||
}
|
||||
.envArquivo .field .input {
|
||||
height: 30px;
|
||||
width: 200px;
|
||||
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.envArquivo .field-row{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
} */
|
||||
|
||||
|
||||
.input.input {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 2.5em;
|
||||
padding: 0.5em 0.75em;
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
color: #363636;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #dbdbdb;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
|
||||
transition: border-color 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
/* Placeholder */
|
||||
input.input::placeholder {
|
||||
color: #b5b5b5;
|
||||
}
|
||||
|
||||
/* Focus */
|
||||
input.input:focus {
|
||||
border-color: #3273dc;
|
||||
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Modificações personalizadas */
|
||||
input.input.custom {
|
||||
border-radius: 8px; /* Arredondar mais os cantos */
|
||||
border-color: #ff3860; /* Cor de borda personalizada */
|
||||
background-color: #f9f9f9; /* Cor de fundo personalizada */
|
||||
}
|
||||
|
||||
input.input.custom:focus {
|
||||
border-color: #ff79b0;
|
||||
box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
|
||||
}
|
||||
|
||||
/* Estados de erro */
|
||||
input.input.custom.is-danger {
|
||||
border-color: #ff3860;
|
||||
box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
|
||||
}
|
||||
|
||||
/* Estados de sucesso */
|
||||
input.input.custom.is-success {
|
||||
border-color: #23d160;
|
||||
box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg id="visual" viewBox="0 0 900 600" width="900" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><defs><filter id="blur1" x="-10%" y="-10%" width="120%" height="120%"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="161" result="effect1_foregroundBlur"></feGaussianBlur></filter></defs><rect width="900" height="600" fill="#0B1A33"></rect><g filter="url(#blur1)"><circle cx="744" cy="298" fill="#00C6BE" r="357"></circle><circle cx="844" cy="26" fill="#0B1A33" r="357"></circle><circle cx="51" cy="224" fill="#00C6BE" r="357"></circle><circle cx="495" cy="84" fill="#00C6BE" r="357"></circle><circle cx="233" cy="12" fill="#0B1A33" r="357"></circle><circle cx="371" cy="566" fill="#00C6BE" r="357"></circle></g></svg>
|
||||
|
After Width: | Height: | Size: 914 B |
|
|
@ -0,0 +1 @@
|
|||
<svg id="visual" viewBox="0 0 900 600" width="900" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><defs><filter id="blur1" x="-10%" y="-10%" width="120%" height="120%"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="161" result="effect1_foregroundBlur"></feGaussianBlur></filter></defs><rect width="900" height="600" fill="#4B90F8"></rect><g filter="url(#blur1)"><circle cx="194" cy="271" fill="#0B1A33" r="357"></circle><circle cx="895" cy="29" fill="#4B90F8" r="357"></circle><circle cx="434" cy="572" fill="#0B1A33" r="357"></circle><circle cx="632" cy="511" fill="#0B1A33" r="357"></circle><circle cx="673" cy="300" fill="#4B90F8" r="357"></circle><circle cx="870" cy="414" fill="#0B1A33" r="357"></circle></g></svg>
|
||||
|
After Width: | Height: | Size: 917 B |
37
aulas.md
37
aulas.md
|
|
@ -2,39 +2,4 @@
|
|||
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 }}/assets/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>
|
||||
{% include Pages/aulas.html %}
|
||||
|
|
|
|||
29
autores.md
29
autores.md
|
|
@ -2,32 +2,5 @@
|
|||
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>
|
||||
{% include Pages/autores.html %}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
layout: default
|
||||
lang: pt
|
||||
---
|
||||
|
||||
<iframe src="dashboard.php" frameborder="0" style="width: 100%; height: 100%;"></iframe>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<?php
|
||||
// Autenticação básica HTTP para obter o nome de usuário
|
||||
$username = $_SERVER['PHP_AUTH_USER'];
|
||||
|
||||
// Exibir o nome de usuário
|
||||
echo '<div class="username">';
|
||||
echo 'Usuário: ' . htmlspecialchars($username);
|
||||
echo '</div>';
|
||||
?>
|
||||
39
index.html
39
index.html
|
|
@ -2,41 +2,4 @@
|
|||
layout: default
|
||||
---
|
||||
|
||||
|
||||
|
||||
<div class="is-flex is-flex-direction-row is-justify-content-end px-6" style="height: 80vh;">
|
||||
<div class="is-flex 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 %}
|
||||
|
||||
|
||||
|
||||
|
||||
{% include Pages/index.html %}
|
||||
Loading…
Reference in New Issue