Updates

index.js

@@ -4,20 +4,10 @@ main_body.setAttribute("class", "container");
 
 let banner = document.createElement("div")
 banner.innerHTML = `
-<div class="banner" style="
-  border: solid 3px lightgrey;
-  margin-bottom: 10px;
-  z-index: 10;
-  box-shadow: 2px 2px 10px 0px;
-  position: relative;
-">
-  <div style="
-    background-color: darkblue;
-    color: white;
-    padding: 3px;
-    max-height: 20px;
-  ">
-    Hosteado no Neocities!<img style="display: flex; position: absolute; height: 20px; right: 0; top: -15px" src="./assets/buttons.png">
+<div class="banner">
+  <div class="banner-title">
+    Não espere o mínimo de consistência aqui!
+    <img src="./assets/buttons.webp">
   </div>
   <hgroup>
     <a href="index.html"><h1>Diário do Tukain <img class="icon" src="./assets/notepad.webp"></h1></a>
@@ -26,7 +16,7 @@ banner.innerHTML = `
   </hgroup>
 </div>
 <audio autoplay>
-  <source src="/assets/win95.mp3" type="audio/mpeg">
+  <source src="/assets/win95.ogg">
 </audio>
 `
 

posts.js

@@ -10,7 +10,8 @@ let src = `
             são quase impossíveis de serem ignoradas. Um exemplo é o novo 'Menu de Inserção', que é basicamente um\
             menu de botão direito com alguns i;perks;i a mais do que o comum. E olha, só usando mesmo para ter\
             uma boa ideia do quão maneiro ele é. E eu digo isso tendo acesso a versão capada dele, porque a versão\
-            fodona mesmo só está disponível para a linha 'Chromebook Plus'."
+            fodona mesmo só está disponível para a linha 'Chromebook Plus'.\
+            q;É... isso não durou muito tempo. Já tô no Linux de novo.;q"
     },
     {
       "title":"O ChromeOS tá ficando interessante",
@@ -74,8 +75,8 @@ let src = `
           q;Vale ressaltar que esse post é relativamente antigo, atualmente o arquivo k;.js;k está com mais linhas e também está mais\
           sofisticado do que isso.;q\
           h; Qual a necessidade disso? ;h\
-          Nenhuma. Eu simplesmente fiquei afim de fazer e fiz. Porém uma coisa que isso me possibilita fazer é ter um i; backup ;i\
-          do site no Codeberg que lê o conteúdo que tá hosteado no Neocities. Ah, e também não existe mais um i; build process ;i\
+          Nenhuma. Eu simplesmente fiquei afim de fazer e fiz. Porém uma coisa que isso me possibilita fazer é ter um 'backup'\
+          do site no Codeberg que lê o conteúdo que tá hosteado no Neocities. Ah, e também não existe mais um 'build process'\
           envolvido."
     },
     {

styles.css

@@ -110,7 +110,7 @@ ul, ol {
 }
 
 ul > li {
-  list-style: "- "
+  list-style: "· "
 }
 
 br {
@@ -128,6 +128,10 @@ h1, h2 {
   margin-bottom: 0.5em;
 }
 
+h2 {
+  font-size: large;
+}
+
 img {
   max-height: 300px;
   max-width: 100%;
@@ -160,4 +164,26 @@ kbd, pre {
   min-height: 20px;
 }
 
+.banner {
+  border: solid 3px lightgrey;
+  margin-bottom: 10px;
+  z-index: 10;
+  box-shadow: 2px 2px 10px 0px;
+  position: relative;
+}
+
+.banner-title {
+  background-color: darkblue;
+  color: white;
+  padding: 3px;
+  max-height: 20px;
+}
+
+.banner-title > img {
+  display: flex;
+  position: absolute;
+  height: 20px;
+  right: 0;
+  top: -15px
+}