emerson
/
AliceClass
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix new layout

This commit is contained in:
emerson 2025-02-06 23:47:58 -03:00
parent 383dedf8b6
commit 1704302086
3 changed files with 47 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
assets/css/stylesheet.css
View File

@ -71,13 +71,12 @@ h1, h2, h3, h4, h5, h6 {
justify-content: center; justify-content: center;
padding: 30px 25px; padding: 100px 0px;
} }
.page-sidebar{ .page-sidebar{
width: auto; width: auto;
flex-grow: 1; /* margin: 0 25px; */
margin: 0 25px;
} }
@ -97,55 +96,55 @@ h1, h2, h3, h4, h5, h6 {
/* SideBar _include/SideBar.html */ /* SideBar _include/SideBar.html */
.SideBar { .SideBar {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
height: 100vh; height: 8vh;
position: fixed; width: 100vw;
position: absolute;
} top: 0;
left: 0;
.SideBar .top-sidebar{ background-color: var(--background-color);
flex-grow: 1; opacity: 0.7;
align-items: end; align-items: center;
justify-content: start; padding: 0 20px;
} backdrop-filter: blur(10px); /* Adiciona o efeito de blur */
.SideBar aside{ -webkit-backdrop-filter: blur(10px);
flex-grow: 6; /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); */
}
.SideBar .button-sidebar{
flex-grow: 1;
} }
.SideBar .image { .SideBar .image {
width: 60%; width: 100px; /* Ajuste conforme necessário */
height: auto; height: auto;
margin: 10px 0px; margin-left: 50px;
margin-right: 1000px;
} }
.menu{ .SideBar .menu {
color: var(--text-color); display: flex;
} flex-direction: row;
gap: 20px;
.menu li{ margin-left: auto;
list-style: none; list-style: none;
font-family: var(--font-family); 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%); */ .SideBar .menu li {
padding: 15px 15px; display: inline-block;
padding: 10px 15px;
cursor: pointer; cursor: pointer;
} }
.menu a{ .SideBar .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%); */
border-radius: 5px;
}
.SideBar .menu a {
color: var(--text-color); color: var(--text-color);
text-decoration: none; text-decoration: none;
} }
.menu a:hover{ .SideBar .menu a:hover {
color: var(--secondary-text-color); color: var(--secondary-text-color);
} }
@ -175,7 +174,7 @@ h1, h2, h3, h4, h5, h6 {
.home-content .banner{ .home-content .banner{
height: 500px; height: 500px;
width: 100%; width: 100%;
background: url('/assets/images/background.svg') ; background: var(--deep-ruby) ;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
border-radius: 30px; border-radius: 30px;
@ -214,15 +213,14 @@ h1, h2, h3, h4, h5, h6 {
.lasted .content-box { .lasted .content-box {
width: 100%; width: 100%;
margin: 25px 0; margin: 25px 0;
display: grid;
display: flex; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
align-items: center; gap: 25px;
justify-content: center; justify-content: center;
} }
.lasted .content-box .box{ .lasted .content-box .box{
height: 500px; height: 500px;
width: 400px; width: 400px;

3
pages/index.html
View File

@ -16,11 +16,12 @@ permalink: /
<div class="content-box"> <div class="content-box">
{% assign aulas = site.data.aulas | sort: 'date' | reverse %} {% assign aulas = site.data.aulas | sort: 'date' | reverse %}
{% assign max_aulas = 3 %} {% assign max_aulas = 6 %}
{% assign count = 0 %} {% assign count = 0 %}
{% for aula in aulas %} {% for aula in aulas %}
{% if count < max_aulas %} {% if count < max_aulas %}
{% assign count = count | plus: 1 %}
{% assign nome = aula.name | replace: ".md","" %} {% assign nome = aula.name | replace: ".md","" %}
<div class="box"> <div class="box">
<div class="box-top"> <div class="box-top">