Author: Pedro Lucas Porcellis <pedrolucasporcellis@gmail.com>
Add Basic style and structure
Makefile | 11 +++++++++++ footer.html | 18 ++++++++++++++++++ header.html | 3 +++ style.css | 36 ++++++++++++++++++++++++++++++++++++
diff --git a/Makefile b/Makefile new file mode 100644 index 0000000000000000000000000000000000000000..b847de79dde3b7fa599699b27bd8dd822c78c8a2 --- /dev/null +++ b/Makefile @@ -0,0 +1,11 @@ +ENTRY_FILE = PORQUE.md +TITLE = "Use Apenas Texto Para E-mails" + +# This requires pandoc 2.0+ +PANDOC ?= pandoc -H header.html -A footer.html + +all: + $(PANDOC) $(ENTRY_FILE) --metadata title=$(TITLE) -o index.html + +clean: + rm -rf index.html diff --git a/footer.html b/footer.html new file mode 100644 index 0000000000000000000000000000000000000000..4fcf9b8546ddd42e6e82831b80f13e37aef2ebb3 --- /dev/null +++ b/footer.html @@ -0,0 +1,18 @@ +</main> + +<footer> + <hr /> + <p> + <a href="https://git.sr.ht/~porcellis/useapenastexto.eletrotupi.com"> + Contribua e modifique o código fonte desse site + </a> + </p> + + <section> Texto desse site sob os termos da licença + <a href="https://creativecommons.org/licenses/by/4.0/deed.pt_BR"> + CC 4.0 Internacional (Creative Commons) + </a>. <br /> + O Código fonte desse site sob os termos da licença + <a href="https://www.gnu.org/licenses/gpl-3.0.html">GNU GPL 3 (em inglês).</a> + </section> +</footer> diff --git a/header.html b/header.html new file mode 100644 index 0000000000000000000000000000000000000000..e807308763d0ada3d50462cddc0d71505e5c9dec --- /dev/null +++ b/header.html @@ -0,0 +1,3 @@ +<title></title> +<link rel="stylesheet" href="style.css"></link> +<main> diff --git a/style.css b/style.css new file mode 100644 index 0000000000000000000000000000000000000000..915e8311c31807307aa640b4c6008fc993819879 --- /dev/null +++ b/style.css @@ -0,0 +1,36 @@ +body { + font-family: "Inter", "Inter UI", -apple-system, sans-serif; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + color: #000; + line-height: 1.6; + padding: 1em; + margin: 40px auto; + max-width: 44em; +} + + +h1 { text-align: center; } + +h1.title { font-size: 2.5em; } + +hr { + width: 100%; + margin: 30px auto; + border: 0 none; + border-top: 2px dashed #444444 ; + background: none; + height: 0; +} + +blockquote { + border: 2px dashed #444444; + padding: 10px; + margin: 0; +} + +blockquote:before { + content: "Isso quer dizer que..."; + font-size: 1.2em; + font-weight: bold; +}