Atualização dos links nos arquivos README e add arquivo stylesheet-geral.css

README.md

@@ -10,6 +10,7 @@ abstract: "Breve descrição sobre Samej Spenser."
 links:
   - "https://about.me/SamejSpenser"
   - "https://githaven.org/samej/about"
+  - "https://githaven.org/samej/about/src/branch/main/README_english.md"
   - "https://github.com/SamejSpenser/"
   - "https://github.com/SamejSpenser/SamejSpenser/blob/main/README_english.md"
   - "https://gitlab.com/samej/"
@@ -36,7 +37,7 @@ lang: "pt-BR"
 
 <!-- SOBRE SAMEJ SPENSER ~ CRIADO EM 2022/07/20 ~ ATUALIZADO EM 2024/08/26 -->
 
-Read in English [here](https://gitlab.com/samej/samej/-/blob/main/README_english.md)!
+Read in English [here](https://githaven.org/samej/about/src/branch/main/README_english.md)!
 
 <p>&nbsp;</p>
 

README_english.md

@@ -1,21 +1,23 @@
 <!-- ---
-title: "About Samej Spenser"
+title: "Sobre Samej Spenser"
 author: "Samej Spenser"
 dates:
-  - create: "August 09, 2023"
+  - create: "July 20, 2022"
   - modified: "August 26, 2024"
 tag: "samej_spenser"
 aliases: ["Samej Spenser", "Sobre Samej Spenser"]
 abstract: "Breve descrição sobre Samej Spenser."
 links:
   - "https://about.me/SamejSpenser"
-  - ""
+  - "https://githaven.org/samej/about"
+  - "https://githaven.org/samej/about/src/branch/main/README_english.md"
   - "https://github.com/SamejSpenser/"
   - "https://github.com/SamejSpenser/SamejSpenser/blob/main/README_english.md"
   - "https://gitlab.com/samej/"
   - "https://gitlab.com/samej/samej/-/blob/58e77ba5087871fd95ec47b706902b3584d3187e/README_english.md"
   - "https://teletype.in/@samej/sobre"
 breaks: "false"
+GA: "UA-21920826-1"
 lang: "pt-BR"
 --- -->
 

stylesheet-geral.css

@@ -0,0 +1,523 @@
+/* CSS GENERICO PARA ARQUIVOS MARKDOWN ~ ATUALIZADO EM 2022/10/10
+
+- LINK ANTIGO NO DROPBOX: "https://www.dropbox.com/s/migjxzkp82d3fue/stylesheet-geral.css" 
+
+- LINK NOVO NO DROPBOX: "https://www.dropbox.com/s/7acsnogog4njf2o/stylesheet-geral.css"
+
+- LINK NO GITHUB: "https://github.com/SamejSpenser/HPnews/blob/master/stylesheet-geral.css" */
+
+/* FONTE ARCHITECT'S DAUGHTER */
+architect {
+    font-family: "Architects Daughter", cursive !important;
+}
+
+.architect {
+    font-family: "Architects Daughter", cursive !important;
+}
+
+/* PRIMEIRA LETRA MAIOR NO PRIMEIRO PARÁGRAFO */
+
+.capitular {
+    float: left !important;
+    font-size: 3em; /* FONT-SIZE ORIGINAL: 2em */
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1.2;
+    margin-bottom: -0.25em;
+    margin-right: 0.1em;
+}
+
+.capitular-italic {
+    float: left !important;
+    font-size: 3em; /* FONT-SIZE ORIGINAL: 2em */
+    font-style: italic;
+    font-weight: normal;
+    line-height: 1.2;
+    margin-bottom: -0.4em;
+    margin-right: 0.1em;
+    margin-top: -0.2em;
+}
+
+.footnote-link {
+    font-size: 75% !important;
+    font-style: normal;
+    line-height: 1.2;
+}
+
+.footnote-link1 {
+    font-size: 1em !important;
+    font-style: normal;
+    line-height: 1.2;
+}
+
+.rodape, .footnotes {
+    color: inherit;
+    display: block;
+    font-size: 0.80em !important;
+    font-stretch: condensed;
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    line-height: 1.2;
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 0;
+    text-align: left !important;
+    text-decoration: none !important;
+    text-indent: 0 !important;
+}
+
+.text-capitular {
+    color: inherit;
+    display: block;
+    font-size: 1em !important;
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    line-height: 1.2;
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 0;
+    text-align: justify !important;
+    text-decoration: none !important;
+    text-indent: 0 !important;
+}
+
+.text-center {
+    color: inherit;
+    display: block;
+    font-size: 1em;
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    line-height: 1.2;
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 0;
+    text-align: center !important;
+    text-decoration: none;
+    text-indent: 0 !important;
+}
+
+.text-dir {
+    color: inherit;
+    display: block;
+    font-size: 1em;
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    line-height: 1.2;
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 0;
+    text-align: right !important;
+    text-decoration: none;
+    text-indent: 0 !important;
+}
+
+.text-esq {
+    color: inherit;
+    display: block;
+    float: left !important;
+    font-size: 1em;
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    line-height: 1.2;
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 0;
+    padding: 5px;
+    text-align: left !important;
+    text-decoration: none;
+    text-indent: 0 !important;
+}
+
+/* -- CLASS P/ SEPARADOR DE SECOES/BLOCOS
+Geralmente utilizado da seguinte forma:
+"<p align="center" class="sep center meio"><strong>&#8226; &#8226; &#8226;</strong></p>"
+-- */
+.sep {
+    font-size: 150% !important;
+    font-weight: bold !important;
+    line-height: 1.2;
+    margin-bottom: 1em;
+    margin-top: 1em;
+    text-align: center !important;
+    text-indent: 0 !important;
+}
+
+/* -- CLASS P/ SEPARADOR (MENOR) DE SECOES/BLOCOS
+Geralmente utilizado da seguinte forma:
+"<p align="center" class="sep-menor">&#8226; &#8226; &#8226; &#8226; &#8226;</p>"
+-- */
+.sep-menor {
+    font-size: 80% !important;
+    font-weight: bold !important;
+    line-height: 1.2;
+    margin-bottom: 1em;
+    margin-top: 1em;
+    text-align: center !important;
+    text-indent: 0 !important;
+}
+
+.sep-line {
+    margin: auto !important;
+    text-align: center !important;
+    width: 30% !important;
+}
+
+/* CLASS P/ ALINHAMENTO DE IMAGENS ~ CENTRALIZADO */
+.meio, .meio90, .meio85, .meio80, .meio75, .meio70, .meio65, .meio60, .meio55, .meio50, .meio45, .meio40, .meio35, .meio30, .meio25, .meio20, .meio15, .meio10 {
+    display: block;
+    margin: auto;
+    max-height: auto !important;
+    max-width: auto !important;
+    padding: 5px;
+    text-align: center !important;
+    text-indent: 0 !important;
+}
+
+.meio90 {
+    max-width: 90% !important;
+}
+
+.meio85 {
+    max-width: 85% !important;
+}
+
+.meio80 {
+    max-width: 80% !important;
+}
+
+.meio75 {
+    max-width: 75% !important;
+}
+
+.meio70 {
+    max-width: 70% !important;
+}
+
+.meio65 {
+    max-width: 65% !important;
+}
+
+.meio60 {
+    max-width: 60% !important;
+}
+
+.meio55 {
+    max-width: 55% !important;
+}
+
+.meio50 {
+    max-width: 50% !important;
+}
+
+.meio45 {
+    max-width: 45% !important;
+}
+
+.meio40 {
+    max-width: 40% !important;
+}
+
+.meio35 {
+    max-width: 35% !important;
+}
+
+.meio30 {
+    max-width: 30% !important;
+}
+
+.meio25 {
+    max-width: 25% !important;
+}
+
+.meio20 {
+    max-width: 20% !important;
+}
+
+.meio15 {
+    max-width: 15% !important;
+}
+
+.meio10 {
+    max-width: 10% !important;
+}
+
+/* CLASS P/ ALINHAMENTO DE IMAGENS ~ DIREITA */
+.dire, .dire50, .dire45, .dire40, .dire35, .dire30, .dire25, .dire20, .dire15, .dire10 {
+    float: right !important;
+    max-height: auto !important;
+    padding: 5px;
+    text-align: center !important;
+    text-indent: 0 !important;
+}
+
+.dire50 {
+    max-width: 50% !important;
+}
+
+.dire45 {
+    max-width: 45% !important;
+}
+
+.dire40 {
+    max-width: 40% !important;
+}
+
+.dire35 {
+    max-width: 35% !important;
+}
+
+.dire30 {
+    max-width: 30% !important;
+}
+
+.dire25 {
+    max-width: 25% !important;
+}
+
+.dire20 {
+    max-width: 20% !important;
+}
+
+.dire15 {
+    max-width: 15% !important;
+}
+
+.dire10 {
+    max-width: 10% !important;
+}
+
+/* CLASS P/ ALINHAMENTO DE IMAGENS ~ ESQUERDA */
+.esqu, .esqu50, .esqu45, .esqu40, .esqu35, .esqu30, .esqu25, .esqu20, .esqu15, .esqu10 {
+    float: left !important;
+    max-height: auto !important;
+    padding: 5px;
+    text-align: center !important;
+    text-indent: 0 !important;
+}
+
+.esqu50 {
+    max-width: 50% !important;
+}
+
+.esqu45 {
+    max-width: 45% !important;
+}
+
+.esqu40 {
+    max-width: 40% !important;
+}
+
+.esqu35 {
+    max-width: 35% !important;
+}
+
+.esqu30 {
+    max-width: 30% !important;
+}
+
+.esqu25 {
+    max-width: 25% !important;
+}
+
+.esqu20 {
+    max-width: 20% !important;
+}
+
+.esqu15 {
+    max-width: 15% !important;
+}
+
+.esqu10 {
+    max-width: 10% !important;
+}
+
+small, sup, sub, footnote-ref, footnotes, rodape, .footnote-ref, .footnotes, .rodape, {
+    font-size: 75% !important;
+}
+
+h1, h2 {
+    text-align: center !important;
+    text-indent: 0em !important;
+}
+
+h3 {
+    text-align: left;
+}
+
+h4 {
+    font-style: italic;
+    text-align: left;
+}
+
+/* DESCRICAO SEM LINK */
+abbr, temdes {
+    border-bottom: 1px dashed #cccccc !important;
+    cursor: help !important;
+}
+
+/* ID P/ DIVIDIR TEXTO EM 2 COLUNAS */
+.duascol {
+    -moz-column-count: 2;
+    -moz-column-gap: 10px;
+    -moz-column-rule: 2px solid #3E85C6;
+    -webkit-column-count: 2;
+    -webkit-column-gap: 10px;
+    -webkit-column-rule: 2px solid #3E85C6;
+    column-count: 2;
+    column-gap: 10px;
+    column-rule: 2px solid #3E85C6;
+}
+
+/* DIVIDIR TEXTO EM 3 COLUNAS */
+.trescol {
+    -moz-column-count: 3;
+    -moz-column-gap: 10px;
+    -moz-column-rule: 2px solid #3E85C6;
+    -webkit-column-count: 3;
+    -webkit-column-gap: 10px;
+    -webkit-column-rule: 2px solid #3E85C6;
+    column-count: 3;
+    column-gap: 15px;
+    column-rule: 2px solid #3E85C6;
+}
+
+
+/* YOUTUBE RESPONSIVE CSS */
+.ss-responsive-embed {
+    position: relative;
+    height: 0;
+    overflow: hidden;
+    padding-top: 0;
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.ss-responsive-embed iframe, .ss-responsive-embed object, .ss-responsive-embed embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+}
+
+.ss-responsive-embed, .ss-responsive-embed.ss-responsive-embed-youtube, .ss-responsive-embed.ss-responsive-embed-wistia, .ss-responsive-embed.ss-responsive-embed-vimeo {
+    padding-bottom: 56.25%;
+}
+
+/* IDENTAÇÃO DE PARÁGRAFOS */
+.table {
+    display: table !important;
+}
+
+.ident {
+    display: table-cell !important;
+    margin-left: 40% !important;
+    padding-left: 40% !important;
+    width: 40% !important;
+    text-align: right !important;
+}
+
+/* LINHAS HORIZONTAIS PERSONALIZADAS */
+
+/* Glyph, by Harry Roberts 
+
+SOURCE: "https://css-tricks.com/simple-styles-for-horizontal-rules/"
+
+*/
+
+hr.style-eight {
+    overflow: visible; /* For IE */
+    padding: 0;
+    border: none;
+    border-top: medium double #333;
+    color: #333;
+    text-align: center;
+}
+
+hr.style-eight:after {
+    content: "§";
+    display: inline-block;
+    position: relative;
+    top: -0.7em;
+    font-size: 1.5em;
+    padding: 0 0.25em;
+    background: white;
+}
+
+/* Gradient transparent - color - transparent */
+
+hr.style-two {
+    border: 0;
+    height: 1px;
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
+}
+
+/* ENDENTAÇÃO DOS PARÁGRAFOS NO Obsidian.md 
+
+Créditos: Roberto Gama, no grupo ObsidianBR no Telegram:
+https://t.me/obsidianbr/846
+
+.cm-line, p {
+    text-indent: 3%;
+    margin-top: 16px;
+    margin-bottom: 16px;
+    margin-block-start: 15px;
+}
+
+.HyperMD-header {
+    text-indent: 0em;
+}
+
+*/
+
+/* MARKDOWN ATTRIBUTES FOR OBSIDIAN
+https://github.com/valentine195/obsidian-markdown-attributes
+
+Fonte monoespaçada no highlight. Utiliza-se desta forma:
+
+==I'm highlighted{ .mono }==
+
+.mono {
+    font-family: "JetBrains Mono", monospace !important;
+}
+
+.visao-geral {
+    max-height: 169px !important;
+    max-width: 300px !important;
+}
+*/
+
+/* CORES PARA MARCAÇÃO DA BÍBLIA
+.amarelo {
+    color: #ECDF54;
+}
+
+.azul {
+    color: #54A2EC;
+}
+
+.purpura {
+    color: #8554EC;
+}
+
+.verde {
+    color: #54EC6A;
+}
+
+.vermelho {
+    color: #EC545F;
+}
+*/
+
+