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
+60
@@ -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>
|
||||
Executable
+20
@@ -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>
|
||||
Executable
+46
@@ -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>
|
||||
Reference in new issue
Block a user