diff --git a/_includes/Pages/aulas.html b/_includes/Pages/aulas.html new file mode 100644 index 0000000..b3326c7 --- /dev/null +++ b/_includes/Pages/aulas.html @@ -0,0 +1,27 @@ +
+
+

Aulas

+ Criar aula +
+
+ {% assign aulas = site.aulas | sort: 'date' | reverse %} + {% assign max_aulas = 3 %} + + {% for aula in aulas %} + {% assign nome = aula.name | replace: ".md","" %} +
+
+
+ +
+
+ +
+

{{ aula.title }}

+

{{ aula.description }}

+
+
+ + {% endfor %} +
+
\ No newline at end of file diff --git a/_includes/Pages/autores.html b/_includes/Pages/autores.html new file mode 100644 index 0000000..cf7102d --- /dev/null +++ b/_includes/Pages/autores.html @@ -0,0 +1,26 @@ +
+
+

Autores

+ Criar aula +
+
+ {% assign autores = site.autores %} + + {% for autor in autores %} + {% assign nome = autor.name | replace: ".md","" %} +
+
+
+ +
+
+ +
+

{{ autor.title }}

+

{{ autor.content }}

+
+
+ + {% endfor %} +
+
\ No newline at end of file diff --git a/_includes/Pages/index.html b/_includes/Pages/index.html new file mode 100644 index 0000000..0c25b80 --- /dev/null +++ b/_includes/Pages/index.html @@ -0,0 +1,36 @@ +
+ + +
+
+

Ultimas aulas

+
+ +
+ {% 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","" %} +
+
+
+ +
+
+ +
+

{{ aula.title }}

+

{{ aula.description }}

+
+
+ {% endif %} + {% endfor %} +
+
+
\ No newline at end of file diff --git a/_includes/SideBar.html b/_includes/SideBar.html index aec9d5d..85cc100 100755 --- a/_includes/SideBar.html +++ b/_includes/SideBar.html @@ -1,60 +1,76 @@
-
-
- -
-
-
- + +
+
\ No newline at end of file diff --git a/_includes/formularios/envAula.html b/_includes/formularios/envAula.html index 5f41ea4..a1603a6 100755 --- a/_includes/formularios/envAula.html +++ b/_includes/formularios/envAula.html @@ -1,12 +1,29 @@ -
+

Enviar Aula

- -
- -
- + +
+ +
+ +
+ +
+
+ + +
+ +
+
+ +
+
@@ -26,20 +43,6 @@
- -
- -
-
- -
-
-
-
@@ -51,19 +54,4 @@
-
- - - + \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html index 859fd14..8f98a1d 100755 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -4,7 +4,7 @@ - + {% if page.styles %}{{ page.styles }}{% endif %} @@ -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=""> - {{ content }} - </main> - - - - </div> + <div class="page-content"> + {{content}} </div> </div> - <footer> - <!-- Conteúdo do rodapé --> - </footer> </body> </html> \ No newline at end of file diff --git a/assets/css/stylesheet.css b/assets/css/stylesheet.css index 0ffbbd6..f5bb4fd 100755 --- a/assets/css/stylesheet.css +++ b/assets/css/stylesheet.css @@ -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); */ +} +/* ================================================================================================================================== */ +/* Body */ +body { + /* background-color: var(--background-color); */ + color: var(--heading-color); + background-color: var(--background-color); + scroll-behavior: smooth; } -.is-full-width{ +/* ================================================================================================================================== */ +/* 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 */ + +.main-content{ width: 100%; + + display: flex; + flex-direction: row; + + padding: 30px 25px; } -.is-full{ + +.page-sidebar{ + width: 100px; + flex-grow: 1; + margin: 0 25px; +} +.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); +} + +/* ================================================================================================================================== */ +/* SideBar _include/SideBar.html */ +.SideBar{ + display: flex; + flex-direction: column; + height: 90vh; + position: fixed; + +} + +.SideBar .top-sidebar{ + flex-grow: 1; + display: flex; + align-items: end; + justify-content: start; +} +.SideBar aside{ + flex-grow: 6; + +} + +.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%; } -/* Body */ -body { - transition: background-image 1s; - background-size: cover; -} - -/* 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 */ -} - -/* 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-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; +.box .box-info{ display: flex; flex-direction: column; - height: 70vh; + flex-grow: 1; + + + margin: 15px; } -/* .chat-line{ + +.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%; - height: 10px; - border-radius: 10px; -} */ -.message { - max-width: auto; - margin: 10px; - padding: 10px; - border-radius: 10px; display: flex; - position: relative; + 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 */ } -.received { - background-color: #f0f0f0; +.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; - align-self: flex-start; - /* float: left; */ + flex-direction: column; + margin: 0 30px; } -.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 */ +/* +.envArquivo .field{ + height: 30%; + width: 100%; - position: absolute; - bottom: 0; - top: -5px; -} -.sent { - background-color: #dcf8c6; - justify-content: end; - align-self: flex-end; - /* float: right; */ + margin: 0 30px; } -.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 */ +.envArquivo .field .label{ + font-family: var(--font-family); + font-weight: 400; +} +.envArquivo .field .input { + height: 30px; + width: 200px; - position: absolute; - bottom: 0; - top: -5px; -} \ No newline at end of file + 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); + } diff --git a/assets/images/AliceClassIcon.png b/assets/images/AliceClassIcon.png new file mode 100644 index 0000000..fdfd376 Binary files /dev/null and b/assets/images/AliceClassIcon.png differ diff --git a/assets/images/_background.svg b/assets/images/_background.svg new file mode 100644 index 0000000..0f31e1e --- /dev/null +++ b/assets/images/_background.svg @@ -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> \ No newline at end of file diff --git a/assets/images/background.svg b/assets/images/background.svg new file mode 100644 index 0000000..58eac06 --- /dev/null +++ b/assets/images/background.svg @@ -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> \ No newline at end of file diff --git a/aulas.md b/aulas.md index c16d2df..6eaf4d2 100755 --- a/aulas.md +++ b/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> \ No newline at end of file +{% include Pages/aulas.html %} diff --git a/autores.md b/autores.md index cbac4b5..c479ad4 100755 --- a/autores.md +++ b/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 %} diff --git a/dashboard.html b/dashboard.html new file mode 100644 index 0000000..1f016af --- /dev/null +++ b/dashboard.html @@ -0,0 +1,6 @@ +--- +layout: default +lang: pt +--- + +<iframe src="dashboard.php" frameborder="0" style="width: 100%; height: 100%;"></iframe> \ No newline at end of file diff --git a/dashboard.php b/dashboard.php new file mode 100644 index 0000000..70bc00b --- /dev/null +++ b/dashboard.php @@ -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>'; +?> \ No newline at end of file diff --git a/index.html b/index.html index 14085f4..d4eae8a 100755 --- a/index.html +++ b/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 %} - - - - \ No newline at end of file +{% include Pages/index.html %} \ No newline at end of file