Updates
This commit is contained in:
tukain
parent
49f477f22c
commit
e845cd7994
21 changed files with 830 additions and 393 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
BIN
assets/eren.webp
BIN
assets/eren.webp
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.4 KiB |
BIN
assets/win95.ogg
BIN
assets/win95.ogg
Binary file not shown.
28
index.html
28
index.html
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="pt-br">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Diário do Tukain</title>
|
||||
<link rel="icon" href="./assets/folder.webp">
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="styles.css"
|
||||
>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<noscript>
|
||||
<main>
|
||||
<blockquote>
|
||||
<p>Olha amigo, eu sei que JavaScript é uma porcaria, mas esse site precisa dele para funcionar.</p>
|
||||
</blockquote>
|
||||
<img src="./assets/eren.webp">
|
||||
</main>
|
||||
</noscript>
|
||||
<script src="posts.js"></script>
|
||||
<script src="index.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
82
index.js
82
index.js
|
|
@ -1,82 +0,0 @@
|
|||
let main_body = document.createElement("main");
|
||||
main_body.setAttribute("id", "body");
|
||||
main_body.setAttribute("class", "container");
|
||||
|
||||
let banner = document.createElement("div")
|
||||
banner.innerHTML = `
|
||||
<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>
|
||||
<p>Aqui é um local onde eu guardo alguns pensamentos meus.</p>
|
||||
<p>Inspirado pelo <a target="_blank" href="https://c9x.me/notes/">Notes</a> do c9x.</p>
|
||||
</hgroup>
|
||||
</div>
|
||||
<audio autoplay>
|
||||
<source src="/assets/win95.ogg">
|
||||
</audio>
|
||||
`
|
||||
|
||||
let list = document.createElement("ul");
|
||||
list.setAttribute("id", "post-list");
|
||||
|
||||
document.body.appendChild(main_body);
|
||||
document.getElementById("body").appendChild(banner);
|
||||
document.getElementById("body").appendChild(list);
|
||||
|
||||
document.getElementById("post-list").innerHTML = `
|
||||
<h3>Lista de posts:</h3>
|
||||
`;
|
||||
|
||||
let post_list = JSON.parse(src);
|
||||
|
||||
let id, article, title, item;
|
||||
for (var post in post_list) {
|
||||
id = `${post_list[post].title
|
||||
.toLowerCase()
|
||||
.replaceAll(" ", "-")
|
||||
.replaceAll(",", "")
|
||||
.replaceAll(".", "")
|
||||
.replaceAll("é", "e")
|
||||
.replaceAll("ê", "e")
|
||||
.replaceAll("á", "a")
|
||||
.replaceAll("à", "a")
|
||||
.replaceAll("ã", "a")
|
||||
.replaceAll("ô", "o")
|
||||
.replaceAll("õ", "o")}`
|
||||
title = post_list[post].title;
|
||||
|
||||
item = document.createElement("li");
|
||||
item.innerHTML = `<li><a href="#${id}">${post_list[post].title} ⮠</a></li>`
|
||||
document.getElementById("post-list").appendChild(item);
|
||||
|
||||
article = document.createElement("article");
|
||||
article.setAttribute("id", id);
|
||||
document.getElementById("body").appendChild(article);
|
||||
document.getElementById(id).innerHTML = `
|
||||
<h1>${post_list[post].title}</h1>
|
||||
${post_list[post].content
|
||||
.replaceAll("h;", "<h2>")
|
||||
.replaceAll(";h", "</h2>")
|
||||
.replaceAll("q;", "<blockquote>")
|
||||
.replaceAll(";q", "</blockquote>")
|
||||
.replaceAll("n;", "<br><br>")
|
||||
.replaceAll("p;", "<pre>")
|
||||
.replaceAll(";p", "</pre>")
|
||||
.replaceAll("'", "\"")
|
||||
.replaceAll("(;", "<ul>")
|
||||
.replaceAll(";)", "</ul>")
|
||||
.replaceAll("-;", "<li>")
|
||||
.replaceAll(";-", "</li>")
|
||||
.replaceAll("k;", "<kbd>")
|
||||
.replaceAll(";k", "</kbd>")
|
||||
.replaceAll("b;", "<b>")
|
||||
.replaceAll(";b", "</b>")
|
||||
.replaceAll("i;", "<em>")
|
||||
.replaceAll(";i", "</em>")
|
||||
}
|
||||
`;
|
||||
}
|
||||
94
posts.js
94
posts.js
|
|
@ -1,94 +0,0 @@
|
|||
let src = `
|
||||
[
|
||||
{
|
||||
"title":"Ok, agora sim instalei de vez o ChromeOS",
|
||||
"content":"Bom, isso vai contra algumas (várias) das coisas que já disse em versões antigas desse site\
|
||||
(boa sorte para achar elas), a maioria incluía o típico roteiro de usuário Linux eletista. Não que da noite\
|
||||
pro dia eu tenha deixado de ser um, mas com o tempo eu fui... Amolecendo? (Credo). n;\
|
||||
Enfim, a questão aqui é que eu instalei (pela milionésima vez) o ChromeOS Flex no meu SSD. n;\
|
||||
Como eu já havia mencionado no post abaixo, a Google vem fazendo uma série de melhorias no ChromeOS que\
|
||||
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'.\
|
||||
q;É... isso não durou muito tempo. Já tô no Linux de novo.;q"
|
||||
},
|
||||
{
|
||||
"title":"O ChromeOS tá ficando interessante",
|
||||
"content":"Quando o assunto se trata da Google, sempre se pode ter certeza de duas coisas:\
|
||||
(;\
|
||||
-; Vai ser mais uma forma de mineirar dados como se fosse uma farm automática do Viniccius13 ;-\
|
||||
-; Pode ser que morra em 2 anos ;-\
|
||||
;)\
|
||||
Porém, existem coisas que, ao que parece pelo menos, o Google tem um pouco de carinho, e o ChromeOS Flex\
|
||||
parece ser um deles.n;\
|
||||
Sempre que posso eu dou uma\
|
||||
checada no estado em que ele está, e sempre fico com uma pulga atrás da minha orelha, tentando me\
|
||||
convencer a usar ele como meu sistema operacional principal pela b;trigésima vez;b. Eu queria estar\
|
||||
exagerando, mas infelizmente não estou, na realidade acho que a conta vai muito além disso, é\
|
||||
sinceramente impressionante que eu não tenha queimado o meu SSD com a quantidade de vezes que\
|
||||
eu instalei e re-instalei de novo, de novo e de novo.n;\
|
||||
A minha namorada muito provavelmente vai ficar pistola comigo, por quê ela já não aguenta mais esse\
|
||||
meu vai e volta kkkkkk n;\
|
||||
Na realidade nem mesmo eu consigo entender o porquê disso e muito menos queria fazer isso.\
|
||||
Eu pareco um primata vendo um botão vermelho escrito i;NÃO APERTE;i e dizendo i;MACACO VÊ, MACACO FAZ;i.\
|
||||
<img loading='lazy' src='https://tukainpng.neocities.org/assets/chrome-os-flex.webp'>\
|
||||
Não, eu não instalei ele permanentemente no meu SSD, ele tá i;instalado;i no meu HD secundário.n;\
|
||||
Sendo bem sincero, com o estado atual do meu site, e também com como eu estou em relação aos meus estudos\
|
||||
(basicamente só webdev), eu tecnicamente consigo usar o ChromeOS Flex sem problema algum como meu sistema\
|
||||
operacional de escolha. O problema mora em ele ser do Google. Mas vamos ver no que vai dar, afinal de contas\
|
||||
eu poderia estar usando algo bem pior... Tô falando de você Windows 11, na moral mesmo, se aposenta, a sua\
|
||||
situação tá feia."
|
||||
},
|
||||
{
|
||||
"title":"Estética",
|
||||
"content":"Olha, vou te contar uma coisa, a estética do Windows95 dá de 10 a 0 nos temas e designs atuais.\
|
||||
Claro que eu não estou dizendo que o que temos hoje em dia é feio (apesar de que na maioria das\
|
||||
vezes é), mas sim que a estética não tem nada a oferecer.n;\
|
||||
Basta você olhar os sites que temos hoje em dia, a maioria são um k;Ctrl c;k k;Ctrl v;k\
|
||||
de algum site da Google, Microsoft, Meta ou Apple. Nenhum tem personalidade. b;Nenhum;b.n;\
|
||||
Bom, na realidade existem sim alguns sites com personalidade. A maioria deles fica no \
|
||||
<a href='https://neocities.org'>Neocities</a>. Dá para encontrar uma porrada de pérolas por lá, \
|
||||
como por exemplo o site do <a href='https://yazo.ink/'>Yazo</a>.\
|
||||
q;O Yazo deixou de usar o Neocities como plataforma onde ele faz o host do site dele, \
|
||||
mas ainda existe uma página por lá.;q\
|
||||
Aproveitando que eu basicamente recomecei o site do 0, eu comecei a buscar uma estética para ele.\
|
||||
Por enquanto eu deixei ele com uma paleta de cores do Windows95, por enquanto. Ah, e com alguns ícones também."
|
||||
},
|
||||
{
|
||||
"title":"Ok, agora esse site tá desnecessáriamente complexo.",
|
||||
"content":"Bom, para começar que eu não tô usando mais nenhum programa para gerar ele, porém ele continua sendo gerado de certa forma...\
|
||||
h; Como assim? ;h\
|
||||
Como todos sabemos, todos os sites dessa coisa maravilhosa que chamamos de internet têm acesso à linguagem de programação\
|
||||
JavaScript. Com ela, podemos fazer de tudo um pouco, inclusive gerar HTML em tempo real.\
|
||||
Aonde quero chegar com isso? Simples, usando mízeras 30 linhas de JavaScript e um pouco de JSON,\
|
||||
eu fiz com que o meu site se tornasse algo que é i;gerado em tempo real;i.\
|
||||
h; Sério mesmo? ;h\
|
||||
Eu não tô de sacanagem, experimenta apertar k;Ctrl+u;k, não tem praticamente nada de HTML aqui.\
|
||||
Esse site se comporta quase como um leitor de RSS, com a diferença sendo que eu não uso RSS, eu uso uma variável\
|
||||
que tem JSON dentro dela.\
|
||||
h; O que vai dentro do JSON? ;h\
|
||||
Basicamente, eu tenho uma k;array;k que dentro dela tem um k;object;k e dentro dele tem uma k;key;k,\
|
||||
e o valor dessa k;key;k é uma k;string;k contendo o post.\
|
||||
É. Eu disse que isso tava desnecessáriamente complexo.\
|
||||
O maior motivo disso estar tão complexo na realidade é o fato de eu ser um símeo que não sabe escrever JavaScript.\
|
||||
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 '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."
|
||||
},
|
||||
{
|
||||
"title":"Teste",
|
||||
"content": "h; Teste de markup ;h\
|
||||
Sim, fiz um markup próprio para esse site. Mas nem b;fodendo;b\
|
||||
que eu iria ficar digitando HTML dentro de JSON toda hora.\
|
||||
q; Teste ;q\
|
||||
(;\
|
||||
-; Isso é ;-\
|
||||
-; Uma lista ;-\
|
||||
;)"
|
||||
}
|
||||
]
|
||||
`
|
||||
|
Before Width: | Height: | Size: 136 KiB After Width: | Height: | Size: 136 KiB |
BIN
public/assets/img/geany.webp
Normal file
BIN
public/assets/img/geany.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
230
public/assets/styles.css
Normal file
230
public/assets/styles.css
Normal file
|
|
@ -0,0 +1,230 @@
|
|||
:root {
|
||||
--foreground: #d3c6aa;
|
||||
--background-alt: #343f44;
|
||||
--background: #2d353b;
|
||||
--red: #e67e80;
|
||||
--green: #a7c080;
|
||||
--yellow: #dbbc7f;
|
||||
--blue: #7fbbb3;
|
||||
--magenta: #d699b6;
|
||||
--cyan: #83c092;
|
||||
--orange: #e69875;
|
||||
--comment: #475258;
|
||||
|
||||
--accent: var(--magenta);
|
||||
--link: var(--blue);
|
||||
--border: solid 1px #3d484d;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
position: relative;
|
||||
font-family: system-ui;
|
||||
scroll-behavior: smooth;
|
||||
scroll-padding: 1em;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
hgroup > h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
hgroup, footer {
|
||||
background-color: var(--background-alt);
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 80ch;
|
||||
display: block;
|
||||
margin: auto;
|
||||
padding: 10px;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
article {
|
||||
margin-top: 3em;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
opacity: 80%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: var(--border);
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
background-color: var(--background-alt);
|
||||
color: var(--accent);
|
||||
border-left: solid 5px var(--accent);
|
||||
padding: 10px 20px;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
blockquote > p > code {
|
||||
background-color: var(--link);
|
||||
color: var(--background);
|
||||
}
|
||||
|
||||
blockquote > pre {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
p, hr {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
list-style-position: inside;
|
||||
padding-inline-start: 1.5em;
|
||||
}
|
||||
|
||||
ul > li {
|
||||
list-style: "- "
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-height: 300px;
|
||||
max-width: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
margin: 1em auto;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: var(--border);
|
||||
padding: 5px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table {
|
||||
border: none;
|
||||
overflow: scroll;
|
||||
margin: 1em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
tr:hover {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
background-color: var(--background-alt);
|
||||
}
|
||||
|
||||
tr:nth-of-type(even) {
|
||||
background-color: var(--background-alt);
|
||||
}
|
||||
|
||||
/* Media */
|
||||
@media print {
|
||||
footer, .voltar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code */
|
||||
p > code {
|
||||
color: var(--foreground);
|
||||
background-color: var(--background-alt);
|
||||
}
|
||||
|
||||
div.sourceCode, pre, code {
|
||||
background-color: #232a2e;
|
||||
padding: 3px;
|
||||
overflow-x: scroll;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
code span.cf { color: var(--red); }
|
||||
code span.kw { color: var(--red); }
|
||||
code span.bn { color: var(--magenta); }
|
||||
code span.ch { color: var(--magenta); }
|
||||
code span.sc { color: var(--magenta); }
|
||||
code span.cn { color: var(--magenta); font-weight: bold; }
|
||||
code span.co { color: var(--comment); }
|
||||
code span.cv { color: var(--comment); font-weight: bold; }
|
||||
code span.do { color: var(--comment); }
|
||||
code span.an { color: var(--comment); font-weight: bold; }
|
||||
code span.wa { color: var(--comment); font-weight: bold; }
|
||||
code span.dt { color: var(--blue); }
|
||||
code span.fl { color: var(--blue); }
|
||||
code span.dv { color: var(--foreground); }
|
||||
code span.er { color: var(--foreground); }
|
||||
code span.fu { color: var(--yellow); }
|
||||
code span.ot { color: var(--yellow); }
|
||||
code span.im { color: var(--orange); font-weight: bold; }
|
||||
code span.op { color: var(--orange); }
|
||||
code span.al { color: var(--orange); }
|
||||
code span.pp { color: var(--cyan); font-weight: bold; }
|
||||
code span.in { color: var(--green); font-weight: bold; }
|
||||
code span.ss { color: var(--green); }
|
||||
code span.st { color: var(--green); }
|
||||
code span.vs { color: var(--green); }
|
||||
|
||||
|
||||
pre {
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
/* Pandoc */
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.author {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.line-block {
|
||||
font-style: italic;
|
||||
color: var(--accent);
|
||||
border-top: solid 3px var(--accent);
|
||||
border-bottom: solid 3px var(--accent);
|
||||
padding: 10px;
|
||||
background-color: var(--background-alt);
|
||||
}
|
||||
|
||||
#TOC {
|
||||
background-color: var(--background-alt);
|
||||
padding: 10px;
|
||||
}
|
||||
239
public/index.html
Normal file
239
public/index.html
Normal file
|
|
@ -0,0 +1,239 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="Content-Language" content="pt-br" />
|
||||
<meta name="author" content="tukain" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="/assets/styles.css" rel="stylesheet">
|
||||
<title>Diário do Tukain ☕</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<hgroup>
|
||||
<h1>Diário do Tukain <span title="Vai um café?">☕</span></h1>
|
||||
<p>Aqui é um local onde eu guardo alguns pensamentos meus.</p>
|
||||
<p>Inspirado pelo <a target="_blank" href="https://c9x.me/notes/">Notes</a> do c9x.</p>
|
||||
</hgroup>
|
||||
<hr><article><a href=/notes/2024-11-20.md>2024-11-20.md↩</a><h1 id="e-volta-o-cão-arrempendido.">E volta o cão arrempendido.</h1>
|
||||
<p>É, eu restaurei o site para o estado em que ele estava a um tempo
|
||||
atrás (provavelmente assassinei o português aqui). Restaurei ele para o
|
||||
ponto em que eu usava o pandoc para gerar posts.</p>
|
||||
<p>Olha, eu não sei o que há de errado comigo, eu sempre tenho essa…
|
||||
Vontade de mudar algo no site. Quase como se caso eu não fizer isso, o
|
||||
site estará morto. O irônico disso é que eu não tenho como medir o quão
|
||||
“popular” o site está, e isso é uma escolha minha. Porém, ainda assim eu
|
||||
fico com essa vontade.</p>
|
||||
<p>Eu imagino que isso deve ser algo semelhante com todas aquelas
|
||||
pessoas que são viciadas em redes sociais - se não postar algo em mais
|
||||
de 2 dias, o perfil dessa pessoa já está morto - por mais que eu não
|
||||
ache que seja idêntico, deve ser no mínimo comparável.</p>
|
||||
<p>A parte mais chata desse meu comportamento é que ele só me atrasa.
|
||||
Bom, eu aprendo a fazer uma coisa ou outra, mas o atraso é a maior
|
||||
constante.</p>
|
||||
<p>Enfim, não sei mais o que fazer para resolver essa situação, se é que
|
||||
tem na realidade.</p>
|
||||
<p>Vou assistir <a
|
||||
href="https://www.netflix.com/br/title/80124041">GTO</a>, boa noite.</p></article>
|
||||
<hr><article><a href=/notes/2024-11-15.md>2024-11-15.md↩</a><h1 id="ok-agora-sim-instalei-de-vez-o-chromeos">Ok, agora sim instalei
|
||||
de vez o ChromeOS</h1>
|
||||
<p>Bom, isso vai contra algumas (várias) das coisas que já disse em
|
||||
versões antigas desse site (boa sorte para achar elas), a maioria
|
||||
incluía o típico roteiro de usuário Linux eletista. Não que da noite pro
|
||||
dia eu tenha deixado de ser um, mas com o tempo eu fui… Amolecendo?
|
||||
(Credo).</p>
|
||||
<p>Enfim, a questão aqui é que eu instalei (pela milionésima vez) o
|
||||
ChromeOS Flex no meu SSD.</p>
|
||||
<p>Como eu já havia mencionado no post abaixo, a Google vem fazendo uma
|
||||
série de melhorias no ChromeOS que 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 ierks 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”.</p>
|
||||
<blockquote>
|
||||
<p>É… isso não durou muito tempo. Já tô no Linux de novo.</p>
|
||||
</blockquote></article>
|
||||
<hr><article><a href=/notes/2024-11-14.md>2024-11-14.md↩</a><h1 id="o-chromeos-tá-ficando-interessante">O ChromeOS tá ficando
|
||||
interessante</h1>
|
||||
<p>Quando o assunto se trata da Google, sempre se pode ter certeza de
|
||||
duas coisas:</p>
|
||||
<ul>
|
||||
<li>Vai ser mais uma forma de mineirar dados como se fosse uma farm
|
||||
automática do Viniccius13</li>
|
||||
<li>Pode ser que morra em 2 anos</li>
|
||||
</ul>
|
||||
<p>Porém, existem coisas que, ao que parece pelo menos, o Google tem um
|
||||
pouco de carinho, e o ChromeOS Flex parece ser um deles.</p>
|
||||
<blockquote>
|
||||
<p>Ironicamente, recentemente começaram a aparecer boatos de que o
|
||||
ChromeOS vai jogar no vasco e o Google vai fazer um frankenstein entre
|
||||
ele e o Android.</p>
|
||||
</blockquote>
|
||||
<p>Sempre que posso eu dou uma checada no estado em que ele está, e
|
||||
sempre fico com uma pulga atrás da minha orelha, tentando me convencer a
|
||||
usar ele como meu sistema operacional principal pela
|
||||
<strong>trigésima</strong> vez. Eu queria estar exagerando, mas
|
||||
infelizmente não estou, na realidade acho que a conta vai muito além
|
||||
disso, é sinceramente impressionante que eu não tenha queimado o meu SSD
|
||||
com a quantidade de vezes que eu instalei e re-instalei de novo, de novo
|
||||
e de novo.</p>
|
||||
<p>A minha namorada muito provavelmente vai ficar pistola comigo, por
|
||||
quê ela já não aguenta mais esse meu vai e volta kkkkkk</p>
|
||||
<blockquote>
|
||||
<p>Ela não ficou! :D</p>
|
||||
</blockquote>
|
||||
<p>Na realidade nem mesmo eu consigo entender o porquê disso e muito
|
||||
menos queria fazer isso. Eu pareco um primata vendo um botão vermelho
|
||||
escrito “<strong>NÃO APERTE</strong>” e dizendo “<strong>MACACO VÊ,
|
||||
MACACO FAZ</strong>”.</p>
|
||||
<p><img src="/assets/img/chrome-os-flex.webp" /></p>
|
||||
<p>Não, eu não instalei ele permanentemente no meu SSD, ele tá
|
||||
“instalado” no meu HD secundário.</p>
|
||||
<p>Sendo bem sincero, com o estado atual do meu site, e também com como
|
||||
eu estou em relação aos meus estudos (basicamente só webdev), eu
|
||||
tecnicamente consigo usar o ChromeOS Flex sem problema algum como meu
|
||||
sistema operacional de escolha. O problema mora em ele ser do Google.
|
||||
Mas vamos ver no que vai dar, afinal de contas eu poderia estar usando
|
||||
algo bem pior… Tô falando de você Windows 11, na moral mesmo, se
|
||||
aposenta, a sua situação tá feia.</p></article>
|
||||
<hr><article><a href=/notes/2024-11-13.md>2024-11-13.md↩</a><h1 id="estética">Estética</h1>
|
||||
<p>Olha, vou te contar uma coisa, a estética do Windows95 dá de 10 a 0
|
||||
nos temas e designs atuais. Claro que eu não estou dizendo que o que
|
||||
temos hoje em dia é feio (apesar de que na maioria das vezes é), mas sim
|
||||
que a estética não tem nada a oferecer.</p>
|
||||
<p>Basta você olhar os sites que temos hoje em dia, a maioria são um
|
||||
<code>Ctrl c</code> <code>Ctrl v</code> de algum site da Google,
|
||||
Microsoft, Meta ou Apple. Nenhum tem personalidade.
|
||||
<strong>Nenhum</strong>.</p>
|
||||
<p>Bom, na realidade existem sim alguns sites com personalidade. A
|
||||
maioria deles fica no <a href="https://neocities.org">Neocities</a>. Dá
|
||||
para encontrar uma porrada de pérolas por lá, como por exemplo o site do
|
||||
<a href="https://yazo.ink/">Yazo</a>.</p>
|
||||
<blockquote>
|
||||
<p>O Yazo deixou de usar o Neocities como plataforma onde ele faz o host
|
||||
do site dele, mas ainda existe uma página por lá.</p>
|
||||
</blockquote>
|
||||
<p>Aproveitando que eu basicamente recomecei o site do 0, eu comecei a
|
||||
buscar uma estética para ele. Por enquanto eu deixei ele com uma paleta
|
||||
de cores do Windows95, por enquanto. Ah, e com alguns ícones também.</p></article>
|
||||
<hr><article><a href=/notes/2024-11-11.md>2024-11-11.md↩</a><h1 id="ok-agora-esse-site-tá-desnecessáriamente-complexo.">Ok, agora
|
||||
esse site tá desnecessáriamente complexo.</h1>
|
||||
<p>Bom, para começar que eu não tô usando mais nenhum programa para
|
||||
gerar ele, porém ele continua sendo gerado de certa forma…</p>
|
||||
<h2 id="como-assim">Como assim?</h2>
|
||||
<p>Como todos sabemos, todos os sites dessa coisa maravilhosa que
|
||||
chamamos de internet têm acesso à linguagem de programação JavaScript.
|
||||
Com ela, podemos fazer de tudo um pouco, inclusive gerar HTML em tempo
|
||||
real. Aonde quero chegar com isso? Simples, usando mízeras 30 linhas de
|
||||
JavaScript e um pouco de JSON, eu fiz com que o meu site se tornasse
|
||||
algo que é gerado em tempo real.</p>
|
||||
<h2 id="sério-mesmo">Sério mesmo?</h2>
|
||||
<p>Eu não tô de sacanagem, experimenta apertar <code>Ctrl+u</code>, não
|
||||
tem praticamente nada de HTML aqui. Esse site se comporta quase como um
|
||||
leitor de RSS, com a diferença sendo que eu não uso RSS, eu uso uma
|
||||
variável que tem JSON dentro dela.</p>
|
||||
<h2 id="o-que-vai-dentro-do-json">O que vai dentro do JSON?</h2>
|
||||
<p>Basicamente, eu tenho uma <code>array</code> onde dentro dela tem um
|
||||
<code>object</code> e dentro dele tem uma <code>key</code>, e o valor
|
||||
dessa key é uma <code>string</code> contendo o post. É. Eu disse que
|
||||
isso tava desnecessáriamente complexo. O maior motivo disso estar tão
|
||||
complexo na realidade é o fato de eu ser um símeo que não sabe escrever
|
||||
JavaScript.</p>
|
||||
<blockquote>
|
||||
<p>Vale ressaltar que esse post é relativamente antigo, atualmente o
|
||||
arquivo <code>.js</code> está com mais linhas e também está mais
|
||||
sofisticado do que isso.</p>
|
||||
</blockquote>
|
||||
<h2 id="qual-a-necessidade-disso">Qual a necessidade disso?</h2>
|
||||
<p>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.</p></article>
|
||||
<hr><article><a href=/notes/2024-11-08.md>2024-11-08.md↩</a><h1 id="rapaz-não-é-por-nada-não-mas-o-geany-é-muito-pika.">Rapaz, não é
|
||||
por nada não, mas o Geany é muito pika.</h1>
|
||||
<p>Ele é uma <a
|
||||
href="https://en.wikipedia.org/wiki/Integrated_development_environment">IDE</a>,
|
||||
mas ainda assim é extremamente leve, e também é extremamente fácil de
|
||||
usar. Até mesmo os arquivos de configuração de syntax-highlighting são
|
||||
tranquilos de se modificar.</p>
|
||||
<p>Eu mesmo fiz um para a minha linguagem favorita, a <a
|
||||
href="https://harelang.org">Hare</a>.</p>
|
||||
<p>Olha, eu gosto muito da Hare, mas ela tem uma sintáxe beeeem… como eu
|
||||
posso definir? Complicada? Errr, veja você mesmo:</p>
|
||||
<pre class="hare"><code>use fmt;
|
||||
|
||||
export fn main() void = {
|
||||
fmt::println("Isso é um hello world.")!;
|
||||
};</code></pre>
|
||||
<p>Em questões de comparação, a linguagem mais próxima à essa sintáxe é
|
||||
a C, e ela ainda por cima consegue ser mais simples:</p>
|
||||
<div class="sourceCode" id="cb2"><pre class="sourceCode c"><code class="sourceCode c"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="pp">#include </span><span class="im"><stdio.h></span></span>
|
||||
<span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a><span class="dt">void</span> main<span class="op">()</span> <span class="op">{</span></span>
|
||||
<span id="cb2-4"><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a> printf<span class="op">(</span><span class="st">"Isso é um hello world.</span><span class="sc">\n</span><span class="st">"</span><span class="op">);</span></span>
|
||||
<span id="cb2-5"><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a><span class="op">}</span></span></code></pre></div>
|
||||
<p>Mas eu sou um usuário Linux, eu não ligo. Por isso eu fiz um arquivo
|
||||
de configuração de sintáxe da Hare para o Geany, e bem, o resultado é
|
||||
esse:</p>
|
||||
<p><img src="/assets/img/geany.webp" /></p>
|
||||
<p>Sim eu uso o <a href="https://xfce.org/">XFCE</a>. Sim eu uso o <a
|
||||
href="https://github.com/grassmunk/Chicago95">Chicago95</a> como tema. E
|
||||
eu uso o <a href="https://alpinelinux.org">Alpine Linux</a> btw.</p></article>
|
||||
<hr><article><a href=/notes/2024-11-07.md>2024-11-07.md↩</a><h1 id="meu-blog-virou-um-diário-simples">Meu blog virou um diário
|
||||
simples</h1>
|
||||
<p>Isso definitivamente vai irritar a minha namorada, mas fiz isso
|
||||
porque eu estava incomodado com como o meu blog estava.</p>
|
||||
<p>Constantemente eu pensava em algo que poderia virar um post pequeno,
|
||||
mas que eu não o fazia por ter um blog, e não um “micro-blog”.</p>
|
||||
<p>Bem, agora o meu blog se tornou esse micro-blog.</p>
|
||||
<h1 id="bem-mais-rápido-de-fazer-a-build">Bem mais rápido de fazer a
|
||||
build</h1>
|
||||
<p>Com a simplicidade, vem a velocidade.</p>
|
||||
<p>O site inteiro pode ser “recompilado” em segundos. Ah, e também cada
|
||||
seção possui uma página própria, o link fica logo acima do título.</p></article>
|
||||
<hr><article><a href=/notes/1970-01-01.md>1970-01-01.md↩</a><h1 id="isso-é-um-teste">isso é um teste</h1>
|
||||
<p>Nada demais.</p>
|
||||
<ul>
|
||||
<li>Apenas um teste</li>
|
||||
</ul>
|
||||
<ol type="1">
|
||||
<li>Outro teste</li>
|
||||
</ol>
|
||||
<table>
|
||||
<thead>
|
||||
<tr class="header">
|
||||
<th>É sério</th>
|
||||
<th>Isso é só um teste</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="odd">
|
||||
<td>Não tem</td>
|
||||
<td>Nada por aqui.</td>
|
||||
</tr>
|
||||
<tr class="even">
|
||||
<td>Não tem</td>
|
||||
<td>Nada por aqui.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="sourceCode" id="cb1"><pre class="sourceCode c"><code class="sourceCode c"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="pp">#include </span><span class="im"><stdio.h></span></span>
|
||||
<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="dt">int</span> main<span class="op">(</span><span class="dt">int</span> argc<span class="op">,</span> <span class="dt">char</span> <span class="op">**</span>argv<span class="op">)</span> <span class="op">{</span></span>
|
||||
<span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a> </span>
|
||||
<span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a> <span class="co">/* Eu nem lembro se é assim que se faz kkkkk */</span></span>
|
||||
<span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a> <span class="cf">for</span> <span class="op">(</span><span class="dt">int</span> i<span class="op">;</span> i <span class="op"><</span> <span class="dv">10</span><span class="op">;</span> i<span class="op">++)</span> <span class="op">{</span></span>
|
||||
<span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a> printf<span class="op">(</span><span class="st">"Index: [</span><span class="sc">%d</span><span class="st">]</span><span class="sc">\n</span><span class="st">"</span><span class="op">,</span> i<span class="op">);</span></span>
|
||||
<span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a> <span class="op">}</span></span>
|
||||
<span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a> </span>
|
||||
<span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a> <span class="cf">return</span> <span class="dv">0</span><span class="op">;</span></span>
|
||||
<span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a><span class="op">}</span></span></code></pre></div>
|
||||
<blockquote>
|
||||
<p>Aparentemente esse treco realmente tá funcionando de boas.</p>
|
||||
</blockquote></article>
|
||||
</main>
|
||||
<footer class="center">
|
||||
<em><a href="https://codeberg.org/tukain/pages_src">Código-fonte</a></em>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
58
public/notes/1970-01-01.md/index.html
Normal file
58
public/notes/1970-01-01.md/index.html
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="Content-Language" content="pt-br" />
|
||||
<meta name="author" content="tukain" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="/assets/styles.css" rel="stylesheet">
|
||||
<title>Diário do Tukain ☕</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h3 class="voltar center"><a href="/">Voltar</a></h3>
|
||||
<h1 id="isso-é-um-teste">isso é um teste</h1>
|
||||
<p>Nada demais.</p>
|
||||
<ul>
|
||||
<li>Apenas um teste</li>
|
||||
</ul>
|
||||
<ol type="1">
|
||||
<li>Outro teste</li>
|
||||
</ol>
|
||||
<table>
|
||||
<thead>
|
||||
<tr class="header">
|
||||
<th>É sério</th>
|
||||
<th>Isso é só um teste</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="odd">
|
||||
<td>Não tem</td>
|
||||
<td>Nada por aqui.</td>
|
||||
</tr>
|
||||
<tr class="even">
|
||||
<td>Não tem</td>
|
||||
<td>Nada por aqui.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="sourceCode" id="cb1"><pre class="sourceCode c"><code class="sourceCode c"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="pp">#include </span><span class="im"><stdio.h></span></span>
|
||||
<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="dt">int</span> main<span class="op">(</span><span class="dt">int</span> argc<span class="op">,</span> <span class="dt">char</span> <span class="op">**</span>argv<span class="op">)</span> <span class="op">{</span></span>
|
||||
<span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a> </span>
|
||||
<span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a> <span class="co">/* Eu nem lembro se é assim que se faz kkkkk */</span></span>
|
||||
<span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a> <span class="cf">for</span> <span class="op">(</span><span class="dt">int</span> i<span class="op">;</span> i <span class="op"><</span> <span class="dv">10</span><span class="op">;</span> i<span class="op">++)</span> <span class="op">{</span></span>
|
||||
<span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a> printf<span class="op">(</span><span class="st">"Index: [</span><span class="sc">%d</span><span class="st">]</span><span class="sc">\n</span><span class="st">"</span><span class="op">,</span> i<span class="op">);</span></span>
|
||||
<span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a> <span class="op">}</span></span>
|
||||
<span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a> </span>
|
||||
<span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a> <span class="cf">return</span> <span class="dv">0</span><span class="op">;</span></span>
|
||||
<span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a><span class="op">}</span></span></code></pre></div>
|
||||
<blockquote>
|
||||
<p>Aparentemente esse treco realmente tá funcionando de boas.</p>
|
||||
</blockquote>
|
||||
</main>
|
||||
<footer class="center">
|
||||
<em><a href="https://codeberg.org/tukain/pages_src">Código-fonte</a></em>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
30
public/notes/2024-11-07.md/index.html
Normal file
30
public/notes/2024-11-07.md/index.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="Content-Language" content="pt-br" />
|
||||
<meta name="author" content="tukain" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="/assets/styles.css" rel="stylesheet">
|
||||
<title>Diário do Tukain ☕</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h3 class="voltar center"><a href="/">Voltar</a></h3>
|
||||
<h1 id="meu-blog-virou-um-diário-simples">Meu blog virou um diário
|
||||
simples</h1>
|
||||
<p>Isso definitivamente vai irritar a minha namorada, mas fiz isso
|
||||
porque eu estava incomodado com como o meu blog estava.</p>
|
||||
<p>Constantemente eu pensava em algo que poderia virar um post pequeno,
|
||||
mas que eu não o fazia por ter um blog, e não um “micro-blog”.</p>
|
||||
<p>Bem, agora o meu blog se tornou esse micro-blog.</p>
|
||||
<h1 id="bem-mais-rápido-de-fazer-a-build">Bem mais rápido de fazer a
|
||||
build</h1>
|
||||
<p>Com a simplicidade, vem a velocidade.</p>
|
||||
<p>O site inteiro pode ser “recompilado” em segundos. Ah, e também cada
|
||||
seção possui uma página própria, o link fica logo acima do título.</p>
|
||||
</main>
|
||||
<footer class="center">
|
||||
<em><a href="https://codeberg.org/tukain/pages_src">Código-fonte</a></em>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
48
public/notes/2024-11-08.md/index.html
Normal file
48
public/notes/2024-11-08.md/index.html
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="Content-Language" content="pt-br" />
|
||||
<meta name="author" content="tukain" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="/assets/styles.css" rel="stylesheet">
|
||||
<title>Diário do Tukain ☕</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h3 class="voltar center"><a href="/">Voltar</a></h3>
|
||||
<h1 id="rapaz-não-é-por-nada-não-mas-o-geany-é-muito-pika.">Rapaz, não é
|
||||
por nada não, mas o Geany é muito pika.</h1>
|
||||
<p>Ele é uma <a
|
||||
href="https://en.wikipedia.org/wiki/Integrated_development_environment">IDE</a>,
|
||||
mas ainda assim é extremamente leve, e também é extremamente fácil de
|
||||
usar. Até mesmo os arquivos de configuração de syntax-highlighting são
|
||||
tranquilos de se modificar.</p>
|
||||
<p>Eu mesmo fiz um para a minha linguagem favorita, a <a
|
||||
href="https://harelang.org">Hare</a>.</p>
|
||||
<p>Olha, eu gosto muito da Hare, mas ela tem uma sintáxe beeeem… como eu
|
||||
posso definir? Complicada? Errr, veja você mesmo:</p>
|
||||
<pre class="hare"><code>use fmt;
|
||||
|
||||
export fn main() void = {
|
||||
fmt::println("Isso é um hello world.")!;
|
||||
};</code></pre>
|
||||
<p>Em questões de comparação, a linguagem mais próxima à essa sintáxe é
|
||||
a C, e ela ainda por cima consegue ser mais simples:</p>
|
||||
<div class="sourceCode" id="cb2"><pre class="sourceCode c"><code class="sourceCode c"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="pp">#include </span><span class="im"><stdio.h></span></span>
|
||||
<span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a><span class="dt">void</span> main<span class="op">()</span> <span class="op">{</span></span>
|
||||
<span id="cb2-4"><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a> printf<span class="op">(</span><span class="st">"Isso é um hello world.</span><span class="sc">\n</span><span class="st">"</span><span class="op">);</span></span>
|
||||
<span id="cb2-5"><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a><span class="op">}</span></span></code></pre></div>
|
||||
<p>Mas eu sou um usuário Linux, eu não ligo. Por isso eu fiz um arquivo
|
||||
de configuração de sintáxe da Hare para o Geany, e bem, o resultado é
|
||||
esse:</p>
|
||||
<p><img src="/assets/img/geany.webp" /></p>
|
||||
<p>Sim eu uso o <a href="https://xfce.org/">XFCE</a>. Sim eu uso o <a
|
||||
href="https://github.com/grassmunk/Chicago95">Chicago95</a> como tema. E
|
||||
eu uso o <a href="https://alpinelinux.org">Alpine Linux</a> btw.</p>
|
||||
</main>
|
||||
<footer class="center">
|
||||
<em><a href="https://codeberg.org/tukain/pages_src">Código-fonte</a></em>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
51
public/notes/2024-11-11.md/index.html
Normal file
51
public/notes/2024-11-11.md/index.html
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="Content-Language" content="pt-br" />
|
||||
<meta name="author" content="tukain" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="/assets/styles.css" rel="stylesheet">
|
||||
<title>Diário do Tukain ☕</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h3 class="voltar center"><a href="/">Voltar</a></h3>
|
||||
<h1 id="ok-agora-esse-site-tá-desnecessáriamente-complexo.">Ok, agora
|
||||
esse site tá desnecessáriamente complexo.</h1>
|
||||
<p>Bom, para começar que eu não tô usando mais nenhum programa para
|
||||
gerar ele, porém ele continua sendo gerado de certa forma…</p>
|
||||
<h2 id="como-assim">Como assim?</h2>
|
||||
<p>Como todos sabemos, todos os sites dessa coisa maravilhosa que
|
||||
chamamos de internet têm acesso à linguagem de programação JavaScript.
|
||||
Com ela, podemos fazer de tudo um pouco, inclusive gerar HTML em tempo
|
||||
real. Aonde quero chegar com isso? Simples, usando mízeras 30 linhas de
|
||||
JavaScript e um pouco de JSON, eu fiz com que o meu site se tornasse
|
||||
algo que é gerado em tempo real.</p>
|
||||
<h2 id="sério-mesmo">Sério mesmo?</h2>
|
||||
<p>Eu não tô de sacanagem, experimenta apertar <code>Ctrl+u</code>, não
|
||||
tem praticamente nada de HTML aqui. Esse site se comporta quase como um
|
||||
leitor de RSS, com a diferença sendo que eu não uso RSS, eu uso uma
|
||||
variável que tem JSON dentro dela.</p>
|
||||
<h2 id="o-que-vai-dentro-do-json">O que vai dentro do JSON?</h2>
|
||||
<p>Basicamente, eu tenho uma <code>array</code> onde dentro dela tem um
|
||||
<code>object</code> e dentro dele tem uma <code>key</code>, e o valor
|
||||
dessa key é uma <code>string</code> contendo o post. É. Eu disse que
|
||||
isso tava desnecessáriamente complexo. O maior motivo disso estar tão
|
||||
complexo na realidade é o fato de eu ser um símeo que não sabe escrever
|
||||
JavaScript.</p>
|
||||
<blockquote>
|
||||
<p>Vale ressaltar que esse post é relativamente antigo, atualmente o
|
||||
arquivo <code>.js</code> está com mais linhas e também está mais
|
||||
sofisticado do que isso.</p>
|
||||
</blockquote>
|
||||
<h2 id="qual-a-necessidade-disso">Qual a necessidade disso?</h2>
|
||||
<p>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.</p>
|
||||
</main>
|
||||
<footer class="center">
|
||||
<em><a href="https://codeberg.org/tukain/pages_src">Código-fonte</a></em>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
38
public/notes/2024-11-13.md/index.html
Normal file
38
public/notes/2024-11-13.md/index.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="Content-Language" content="pt-br" />
|
||||
<meta name="author" content="tukain" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="/assets/styles.css" rel="stylesheet">
|
||||
<title>Diário do Tukain ☕</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h3 class="voltar center"><a href="/">Voltar</a></h3>
|
||||
<h1 id="estética">Estética</h1>
|
||||
<p>Olha, vou te contar uma coisa, a estética do Windows95 dá de 10 a 0
|
||||
nos temas e designs atuais. Claro que eu não estou dizendo que o que
|
||||
temos hoje em dia é feio (apesar de que na maioria das vezes é), mas sim
|
||||
que a estética não tem nada a oferecer.</p>
|
||||
<p>Basta você olhar os sites que temos hoje em dia, a maioria são um
|
||||
<code>Ctrl c</code> <code>Ctrl v</code> de algum site da Google,
|
||||
Microsoft, Meta ou Apple. Nenhum tem personalidade.
|
||||
<strong>Nenhum</strong>.</p>
|
||||
<p>Bom, na realidade existem sim alguns sites com personalidade. A
|
||||
maioria deles fica no <a href="https://neocities.org">Neocities</a>. Dá
|
||||
para encontrar uma porrada de pérolas por lá, como por exemplo o site do
|
||||
<a href="https://yazo.ink/">Yazo</a>.</p>
|
||||
<blockquote>
|
||||
<p>O Yazo deixou de usar o Neocities como plataforma onde ele faz o host
|
||||
do site dele, mas ainda existe uma página por lá.</p>
|
||||
</blockquote>
|
||||
<p>Aproveitando que eu basicamente recomecei o site do 0, eu comecei a
|
||||
buscar uma estética para ele. Por enquanto eu deixei ele com uma paleta
|
||||
de cores do Windows95, por enquanto. Ah, e com alguns ícones também.</p>
|
||||
</main>
|
||||
<footer class="center">
|
||||
<em><a href="https://codeberg.org/tukain/pages_src">Código-fonte</a></em>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
61
public/notes/2024-11-14.md/index.html
Normal file
61
public/notes/2024-11-14.md/index.html
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="Content-Language" content="pt-br" />
|
||||
<meta name="author" content="tukain" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="/assets/styles.css" rel="stylesheet">
|
||||
<title>Diário do Tukain ☕</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h3 class="voltar center"><a href="/">Voltar</a></h3>
|
||||
<h1 id="o-chromeos-tá-ficando-interessante">O ChromeOS tá ficando
|
||||
interessante</h1>
|
||||
<p>Quando o assunto se trata da Google, sempre se pode ter certeza de
|
||||
duas coisas:</p>
|
||||
<ul>
|
||||
<li>Vai ser mais uma forma de mineirar dados como se fosse uma farm
|
||||
automática do Viniccius13</li>
|
||||
<li>Pode ser que morra em 2 anos</li>
|
||||
</ul>
|
||||
<p>Porém, existem coisas que, ao que parece pelo menos, o Google tem um
|
||||
pouco de carinho, e o ChromeOS Flex parece ser um deles.</p>
|
||||
<blockquote>
|
||||
<p>Ironicamente, recentemente começaram a aparecer boatos de que o
|
||||
ChromeOS vai jogar no vasco e o Google vai fazer um frankenstein entre
|
||||
ele e o Android.</p>
|
||||
</blockquote>
|
||||
<p>Sempre que posso eu dou uma checada no estado em que ele está, e
|
||||
sempre fico com uma pulga atrás da minha orelha, tentando me convencer a
|
||||
usar ele como meu sistema operacional principal pela
|
||||
<strong>trigésima</strong> vez. Eu queria estar exagerando, mas
|
||||
infelizmente não estou, na realidade acho que a conta vai muito além
|
||||
disso, é sinceramente impressionante que eu não tenha queimado o meu SSD
|
||||
com a quantidade de vezes que eu instalei e re-instalei de novo, de novo
|
||||
e de novo.</p>
|
||||
<p>A minha namorada muito provavelmente vai ficar pistola comigo, por
|
||||
quê ela já não aguenta mais esse meu vai e volta kkkkkk</p>
|
||||
<blockquote>
|
||||
<p>Ela não ficou! :D</p>
|
||||
</blockquote>
|
||||
<p>Na realidade nem mesmo eu consigo entender o porquê disso e muito
|
||||
menos queria fazer isso. Eu pareco um primata vendo um botão vermelho
|
||||
escrito “<strong>NÃO APERTE</strong>” e dizendo “<strong>MACACO VÊ,
|
||||
MACACO FAZ</strong>”.</p>
|
||||
<p><img src="/assets/img/chrome-os-flex.webp" /></p>
|
||||
<p>Não, eu não instalei ele permanentemente no meu SSD, ele tá
|
||||
“instalado” no meu HD secundário.</p>
|
||||
<p>Sendo bem sincero, com o estado atual do meu site, e também com como
|
||||
eu estou em relação aos meus estudos (basicamente só webdev), eu
|
||||
tecnicamente consigo usar o ChromeOS Flex sem problema algum como meu
|
||||
sistema operacional de escolha. O problema mora em ele ser do Google.
|
||||
Mas vamos ver no que vai dar, afinal de contas eu poderia estar usando
|
||||
algo bem pior… Tô falando de você Windows 11, na moral mesmo, se
|
||||
aposenta, a sua situação tá feia.</p>
|
||||
</main>
|
||||
<footer class="center">
|
||||
<em><a href="https://codeberg.org/tukain/pages_src">Código-fonte</a></em>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
37
public/notes/2024-11-15.md/index.html
Normal file
37
public/notes/2024-11-15.md/index.html
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="Content-Language" content="pt-br" />
|
||||
<meta name="author" content="tukain" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="/assets/styles.css" rel="stylesheet">
|
||||
<title>Diário do Tukain ☕</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h3 class="voltar center"><a href="/">Voltar</a></h3>
|
||||
<h1 id="ok-agora-sim-instalei-de-vez-o-chromeos">Ok, agora sim instalei
|
||||
de vez o ChromeOS</h1>
|
||||
<p>Bom, isso vai contra algumas (várias) das coisas que já disse em
|
||||
versões antigas desse site (boa sorte para achar elas), a maioria
|
||||
incluía o típico roteiro de usuário Linux eletista. Não que da noite pro
|
||||
dia eu tenha deixado de ser um, mas com o tempo eu fui… Amolecendo?
|
||||
(Credo).</p>
|
||||
<p>Enfim, a questão aqui é que eu instalei (pela milionésima vez) o
|
||||
ChromeOS Flex no meu SSD.</p>
|
||||
<p>Como eu já havia mencionado no post abaixo, a Google vem fazendo uma
|
||||
série de melhorias no ChromeOS que 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 ierks 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”.</p>
|
||||
<blockquote>
|
||||
<p>É… isso não durou muito tempo. Já tô no Linux de novo.</p>
|
||||
</blockquote>
|
||||
</main>
|
||||
<footer class="center">
|
||||
<em><a href="https://codeberg.org/tukain/pages_src">Código-fonte</a></em>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
38
public/notes/2024-11-20.md/index.html
Normal file
38
public/notes/2024-11-20.md/index.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="Content-Language" content="pt-br" />
|
||||
<meta name="author" content="tukain" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="/assets/styles.css" rel="stylesheet">
|
||||
<title>Diário do Tukain ☕</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h3 class="voltar center"><a href="/">Voltar</a></h3>
|
||||
<h1 id="e-volta-o-cão-arrempendido.">E volta o cão arrempendido.</h1>
|
||||
<p>É, eu restaurei o site para o estado em que ele estava a um tempo
|
||||
atrás (provavelmente assassinei o português aqui). Restaurei ele para o
|
||||
ponto em que eu usava o pandoc para gerar posts.</p>
|
||||
<p>Olha, eu não sei o que há de errado comigo, eu sempre tenho essa…
|
||||
Vontade de mudar algo no site. Quase como se caso eu não fizer isso, o
|
||||
site estará morto. O irônico disso é que eu não tenho como medir o quão
|
||||
“popular” o site está, e isso é uma escolha minha. Porém, ainda assim eu
|
||||
fico com essa vontade.</p>
|
||||
<p>Eu imagino que isso deve ser algo semelhante com todas aquelas
|
||||
pessoas que são viciadas em redes sociais - se não postar algo em mais
|
||||
de 2 dias, o perfil dessa pessoa já está morto - por mais que eu não
|
||||
ache que seja idêntico, deve ser no mínimo comparável.</p>
|
||||
<p>A parte mais chata desse meu comportamento é que ele só me atrasa.
|
||||
Bom, eu aprendo a fazer uma coisa ou outra, mas o atraso é a maior
|
||||
constante.</p>
|
||||
<p>Enfim, não sei mais o que fazer para resolver essa situação, se é que
|
||||
tem na realidade.</p>
|
||||
<p>Vou assistir <a
|
||||
href="https://www.netflix.com/br/title/80124041">GTO</a>, boa noite.</p>
|
||||
</main>
|
||||
<footer class="center">
|
||||
<em><a href="https://codeberg.org/tukain/pages_src">Código-fonte</a></em>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
189
styles.css
189
styles.css
|
|
@ -1,189 +0,0 @@
|
|||
:root {
|
||||
--foreground: black;
|
||||
--background-alt: gainsboro;
|
||||
--background-dim: darkgrey;
|
||||
--background: lightgrey;
|
||||
--accent: darkcyan;
|
||||
--link: darkblue;
|
||||
--border: solid 1px var(--background-dim);
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
position: relative;
|
||||
font-family: "Sans", system-ui;
|
||||
scroll-padding: 0;
|
||||
scroll-behavior: smooth;
|
||||
animation: 7s fade-in;
|
||||
}
|
||||
|
||||
@keyframes fade-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
hgroup > h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
hgroup, footer {
|
||||
background-color: var(--background-alt);
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 80ch;
|
||||
display: block;
|
||||
margin: auto;
|
||||
padding: 10px;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
article {
|
||||
margin-top: 3em;
|
||||
margin-bottom: 3em;
|
||||
border-top: var(--border);
|
||||
page-break-after: always;
|
||||
background-color: var(--background);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
opacity: 80%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: var(--border);
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
background-color: var(--background-alt);
|
||||
color: var(--accent);
|
||||
border-left: solid 5px var(--accent);
|
||||
padding: 10px 20px;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
blockquote > p > code {
|
||||
background-color: var(--link);
|
||||
color: var(--background);
|
||||
}
|
||||
|
||||
blockquote > pre {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
em::before, em::after {
|
||||
content: "\""
|
||||
}
|
||||
|
||||
|
||||
p, hr {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
list-style-position: inside;
|
||||
padding-inline-start: 1.5em;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
ul > li {
|
||||
list-style: "· "
|
||||
}
|
||||
|
||||
br {
|
||||
margin: 0.5em;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
pre > br {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
img {
|
||||
max-height: 300px;
|
||||
max-width: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
margin: 1em auto;
|
||||
}
|
||||
|
||||
img.icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
display: inline;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p > code {
|
||||
color: var(--foreground);
|
||||
background-color: var(--background-alt);
|
||||
}
|
||||
|
||||
kbd, pre, code {
|
||||
background-color: var(--background-dim);
|
||||
padding: 3px;
|
||||
overflow-x: scroll;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
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
|
||||
}
|
||||
|
||||
Loading…
Reference in a new issue