From a465accade5deb3733821e4f13f40ca8fa0043c2 Mon Sep 17 00:00:00 2001
From: Iago Cavalcante <iagoangelimc@gmail.com>
Date: Sun, 3 Apr 2022 19:13:08 -0300
Subject: [PATCH 1/3] chore: removing DS_Store and create new gitignore

---
 .gitignore                         | 1 +
 egua-do-artigo/src/assets/logo.svg | 5 +++++
 2 files changed, 6 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 egua-do-artigo/src/assets/logo.svg

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..496ee2c
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
\ No newline at end of file
diff --git a/egua-do-artigo/src/assets/logo.svg b/egua-do-artigo/src/assets/logo.svg
new file mode 100644
index 0000000..a537eb1
--- /dev/null
+++ b/egua-do-artigo/src/assets/logo.svg
@@ -0,0 +1,5 @@
+<svg width="168" height="98" viewBox="0 0 168 98" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 55.1L6.6 54.2V15.8L3 14.9V14H35.1V24.8H33.3C32.54 24.2 31.88 23.44 31.32 22.52C30.04 20.36 29.4 18.02 29.4 15.5H16.5V34.4H23.4C23.68 32.88 24.2 31.46 24.96 30.14C25.28 29.54 25.66 28.96 26.1 28.4H27.9V41.9H26.1C25.66 41.34 25.28 40.76 24.96 40.16C24.2 38.84 23.68 37.42 23.4 35.9H16.5V54.5H30.6C30.6 51.98 31.24 49.64 32.52 47.48C33.08 46.56 33.74 45.8 34.5 45.2H36.3V56H3V55.1ZM20.1 11L22.5 2H30.3L22.2 11H20.1ZM55.1719 68.9C51.6119 68.9 48.7119 68.58 46.4719 67.94C44.2319 67.3 42.6119 66.48 41.6119 65.48C40.6519 64.48 40.1719 63.42 40.1719 62.3C40.1719 60.94 40.5719 59.84 41.3719 59C42.2119 58.2 43.3119 57.8 44.6719 57.8C44.9919 57.8 45.5719 57.86 46.4119 57.98L47.0719 58.1V66.5C47.5519 66.66 48.3119 66.86 49.3519 67.1C51.1919 67.5 52.9319 67.7 54.5719 67.7C59.4519 67.7 63.0119 67 65.2519 65.6C67.5319 64.24 68.6719 62.54 68.6719 60.5C68.6719 57.9 66.2719 56.6 61.4719 56.6H50.0719C47.0719 56.6 44.7719 55.98 43.1719 54.74C41.5719 53.5 40.7719 51.92 40.7719 50C40.7719 48.08 41.7119 46.38 43.5919 44.9C44.3519 44.34 45.3119 43.84 46.4719 43.4C44.9919 42.48 43.9119 41.4 43.2319 40.16C42.5919 38.88 42.2719 37.36 42.2719 35.6C42.2719 32.64 43.3919 30.26 45.6319 28.46C47.8719 26.62 51.1519 25.7 55.4719 25.7C57.3519 25.7 59.0719 25.9 60.6319 26.3C62.2319 26.66 63.5119 27.16 64.4719 27.8C64.7919 27.12 65.2119 26.52 65.7319 26C66.9319 24.8 68.4119 24.2 70.1719 24.2C71.5319 24.2 72.6719 24.68 73.5919 25.64C74.5119 26.56 74.9719 27.78 74.9719 29.3C74.9719 30.46 74.6519 31.4 74.0119 32.12C73.4119 32.84 72.6319 33.2 71.6719 33.2C71.2319 33.2 70.7319 33.16 70.1719 33.08L69.5719 32.9V25.7C68.5319 25.7 67.5519 26.2 66.6319 27.2C66.2719 27.56 65.9519 28.06 65.6719 28.7C67.6719 30.46 68.6719 32.76 68.6719 35.6C68.6719 38.56 67.5519 40.96 65.3119 42.8C63.0719 44.6 59.7919 45.5 55.4719 45.5C52.5919 45.5 49.9919 45 47.6719 44L46.4719 44.6C46.0719 44.84 45.7719 45.08 45.5719 45.32C45.3719 45.52 45.2719 45.78 45.2719 46.1C45.2719 46.78 45.6119 47.3 46.2919 47.66C47.0119 48.02 48.2719 48.2 50.0719 48.2H61.4719C64.4719 48.2 66.8119 49.08 68.4919 50.84C70.2119 52.56 71.0719 54.98 71.0719 58.1C71.0719 61.3 69.7319 63.9 67.0519 65.9C64.4119 67.9 60.4519 68.9 55.1719 68.9ZM55.4719 44.3C56.7919 44.3 57.8119 43.66 58.5319 42.38C59.2919 41.1 59.6719 38.84 59.6719 35.6C59.6719 32.36 59.2919 30.1 58.5319 28.82C57.8119 27.54 56.7919 26.9 55.4719 26.9C54.1519 26.9 53.1119 27.54 52.3519 28.82C51.6319 30.1 51.2719 32.36 51.2719 35.6C51.2719 38.84 51.6319 41.1 52.3519 42.38C53.1119 43.66 54.1519 44.3 55.4719 44.3ZM91.8 56.9C89.56 56.9 87.54 56.44 85.74 55.52C83.98 54.56 82.6 53.32 81.6 51.8C80.6 50.28 80.1 48.68 80.1 47V27.8L76.5 26.9V26H84.3C87.9 26 89.7 27.8 89.7 31.4V47C89.7 49.52 90.14 51.46 91.02 52.82C91.94 54.14 93 54.8 94.2 54.8C95.68 54.8 97.02 54 98.22 52.4C98.66 51.8 99.12 51 99.6 50V27.8L96 26.9V26H112.8V26.9L109.2 27.8V56.3H108.6C105.68 56.3 103.46 55.5 101.94 53.9C101.26 53.18 100.78 52.38 100.5 51.5C99.94 52.5 99.28 53.4 98.52 54.2C96.72 56 94.48 56.9 91.8 56.9ZM128.123 56.9C124.563 56.9 121.823 56.14 119.903 54.62C117.983 53.1 117.023 51.16 117.023 48.8C117.023 47.24 117.363 45.7 118.043 44.18C118.323 43.46 118.683 42.8 119.123 42.2C120.763 41.8 122.543 41.44 124.463 41.12C128.783 40.4 132.603 39.96 135.923 39.8V38C135.923 33.56 135.383 30.5 134.303 28.82C133.223 27.14 131.563 26.3 129.323 26.3C128.483 26.3 127.763 26.4 127.163 26.6L126.323 26.9V35.9L125.543 36.08C124.903 36.16 124.363 36.2 123.923 36.2C122.563 36.2 121.463 35.8 120.623 35C119.823 34.16 119.423 33.06 119.423 31.7C119.423 29.86 120.343 28.3 122.183 27.02C124.063 25.74 126.843 25.1 130.523 25.1C133.643 25.1 136.323 25.66 138.563 26.78C140.843 27.86 142.563 29.38 143.723 31.34C144.923 33.26 145.523 35.48 145.523 38V54.2L149.123 55.1V56H143.723C141.323 56 139.463 55.26 138.143 53.78C137.583 53.18 137.143 52.42 136.823 51.5C136.263 52.5 135.603 53.4 134.843 54.2C133.043 56 130.803 56.9 128.123 56.9ZM130.523 54.8C132.003 54.8 133.343 54 134.543 52.4C134.983 51.8 135.443 51 135.923 50V41.3C134.083 41.3 132.323 41.4 130.643 41.6C129.403 41.76 128.563 41.86 128.123 41.9C127.923 42.34 127.723 42.94 127.523 43.7C127.123 45.22 126.923 46.72 126.923 48.2C126.923 50.44 127.263 52.1 127.943 53.18C128.623 54.26 129.483 54.8 130.523 54.8Z" fill="#E7EED2"/>
+<path d="M26.212 71.224V92H24.308V89.088C23.7107 90.0773 22.9173 90.8333 21.928 91.356C20.9573 91.8787 19.856 92.14 18.624 92.14C17.2427 92.14 15.992 91.8227 14.872 91.188C13.752 90.5533 12.8747 89.6667 12.24 88.528C11.6053 87.3893 11.288 86.092 11.288 84.636C11.288 83.18 11.6053 81.8827 12.24 80.744C12.8747 79.6053 13.752 78.728 14.872 78.112C15.992 77.4773 17.2427 77.16 18.624 77.16C19.8187 77.16 20.892 77.412 21.844 77.916C22.8147 78.4013 23.608 79.12 24.224 80.072V71.224H26.212ZM18.792 90.376C19.8187 90.376 20.7427 90.1427 21.564 89.676C22.404 89.1907 23.0573 88.5093 23.524 87.632C24.0093 86.7547 24.252 85.756 24.252 84.636C24.252 83.516 24.0093 82.5173 23.524 81.64C23.0573 80.7627 22.404 80.0907 21.564 79.624C20.7427 79.1387 19.8187 78.896 18.792 78.896C17.7467 78.896 16.804 79.1387 15.964 79.624C15.1427 80.0907 14.4893 80.7627 14.004 81.64C13.5373 82.5173 13.304 83.516 13.304 84.636C13.304 85.756 13.5373 86.7547 14.004 87.632C14.4893 88.5093 15.1427 89.1907 15.964 89.676C16.804 90.1427 17.7467 90.376 18.792 90.376ZM37.7686 92.14C36.3499 92.14 35.0712 91.8227 33.9326 91.188C32.7939 90.5347 31.8979 89.6387 31.2446 88.5C30.5912 87.3613 30.2646 86.0733 30.2646 84.636C30.2646 83.1987 30.5912 81.9107 31.2446 80.772C31.8979 79.6333 32.7939 78.7467 33.9326 78.112C35.0712 77.4773 36.3499 77.16 37.7686 77.16C39.1872 77.16 40.4659 77.4773 41.6046 78.112C42.7432 78.7467 43.6299 79.6333 44.2646 80.772C44.9179 81.9107 45.2446 83.1987 45.2446 84.636C45.2446 86.0733 44.9179 87.3613 44.2646 88.5C43.6299 89.6387 42.7432 90.5347 41.6046 91.188C40.4659 91.8227 39.1872 92.14 37.7686 92.14ZM37.7686 90.376C38.8139 90.376 39.7472 90.1427 40.5686 89.676C41.4086 89.1907 42.0619 88.5093 42.5286 87.632C42.9952 86.7547 43.2286 85.756 43.2286 84.636C43.2286 83.516 42.9952 82.5173 42.5286 81.64C42.0619 80.7627 41.4086 80.0907 40.5686 79.624C39.7472 79.1387 38.8139 78.896 37.7686 78.896C36.7232 78.896 35.7806 79.1387 34.9406 79.624C34.1192 80.0907 33.4659 80.7627 32.9806 81.64C32.5139 82.5173 32.2806 83.516 32.2806 84.636C32.2806 85.756 32.5139 86.7547 32.9806 87.632C33.4659 88.5093 34.1192 89.1907 34.9406 89.676C35.7806 90.1427 36.7232 90.376 37.7686 90.376ZM61.7834 77.16C63.706 77.16 65.1807 77.6453 66.2074 78.616C67.234 79.568 67.7474 80.9867 67.7474 82.872V92H65.8434V89.704C65.3954 90.4693 64.7327 91.0667 63.8554 91.496C62.9967 91.9253 61.97 92.14 60.7754 92.14C59.1327 92.14 57.826 91.748 56.8554 90.964C55.8847 90.18 55.3994 89.144 55.3994 87.856C55.3994 86.6053 55.8474 85.5973 56.7434 84.832C57.658 84.0667 59.1047 83.684 61.0834 83.684H65.7594V82.788C65.7594 81.5187 65.4047 80.5573 64.6954 79.904C63.986 79.232 62.95 78.896 61.5874 78.896C60.654 78.896 59.758 79.0547 58.8994 79.372C58.0407 79.6707 57.3034 80.0907 56.6874 80.632L55.7914 79.148C56.538 78.5133 57.434 78.028 58.4794 77.692C59.5247 77.3373 60.626 77.16 61.7834 77.16ZM61.0834 90.572C62.2034 90.572 63.1647 90.32 63.9674 89.816C64.77 89.2933 65.3674 88.5467 65.7594 87.576V85.168H61.1394C58.6194 85.168 57.3594 86.0453 57.3594 87.8C57.3594 88.6587 57.686 89.34 58.3394 89.844C58.9927 90.3293 59.9074 90.572 61.0834 90.572ZM75.051 80.156C75.5177 79.1667 76.2083 78.42 77.123 77.916C78.0563 77.412 79.2043 77.16 80.567 77.16V79.092L80.091 79.064C78.5417 79.064 77.3283 79.54 76.451 80.492C75.5737 81.444 75.135 82.7787 75.135 84.496V92H73.147V77.272H75.051V80.156ZM92.5514 91.104C92.1781 91.44 91.7114 91.7013 91.1514 91.888C90.6101 92.056 90.0408 92.14 89.4434 92.14C88.0621 92.14 86.9981 91.7667 86.2514 91.02C85.5048 90.2733 85.1314 89.2187 85.1314 87.856V78.952H82.4994V77.272H85.1314V74.052H87.1194V77.272H91.5994V78.952H87.1194V87.744C87.1194 88.6213 87.3341 89.2933 87.7634 89.76C88.2114 90.208 88.8461 90.432 89.6674 90.432C90.0781 90.432 90.4701 90.3667 90.8434 90.236C91.2354 90.1053 91.5714 89.9187 91.8514 89.676L92.5514 91.104ZM96.1704 77.272H98.1584V92H96.1704V77.272ZM97.1784 74.052C96.7678 74.052 96.4224 73.912 96.1424 73.632C95.8624 73.352 95.7224 73.016 95.7224 72.624C95.7224 72.2507 95.8624 71.924 96.1424 71.644C96.4224 71.364 96.7678 71.224 97.1784 71.224C97.5891 71.224 97.9344 71.364 98.2144 71.644C98.4944 71.9053 98.6344 72.2227 98.6344 72.596C98.6344 73.0067 98.4944 73.352 98.2144 73.632C97.9344 73.912 97.5891 74.052 97.1784 74.052ZM117.326 77.272V90.208C117.326 92.7093 116.71 94.5573 115.478 95.752C114.265 96.9653 112.426 97.572 109.962 97.572C108.599 97.572 107.302 97.3667 106.07 96.956C104.857 96.564 103.867 96.0133 103.102 95.304L104.11 93.792C104.819 94.4267 105.678 94.9213 106.686 95.276C107.713 95.6307 108.786 95.808 109.906 95.808C111.773 95.808 113.145 95.3693 114.022 94.492C114.899 93.6333 115.338 92.2893 115.338 90.46V88.584C114.722 89.5173 113.91 90.2267 112.902 90.712C111.913 91.1973 110.811 91.44 109.598 91.44C108.217 91.44 106.957 91.1413 105.818 90.544C104.698 89.928 103.811 89.0787 103.158 87.996C102.523 86.8947 102.206 85.6533 102.206 84.272C102.206 82.8907 102.523 81.6587 103.158 80.576C103.811 79.4933 104.698 78.6533 105.818 78.056C106.938 77.4587 108.198 77.16 109.598 77.16C110.849 77.16 111.978 77.412 112.986 77.916C113.994 78.42 114.806 79.148 115.422 80.1V77.272H117.326ZM109.794 89.676C110.858 89.676 111.819 89.452 112.678 89.004C113.537 88.5373 114.199 87.8933 114.666 87.072C115.151 86.2507 115.394 85.3173 115.394 84.272C115.394 83.2267 115.151 82.3027 114.666 81.5C114.199 80.6787 113.537 80.044 112.678 79.596C111.838 79.1293 110.877 78.896 109.794 78.896C108.73 78.896 107.769 79.12 106.91 79.568C106.07 80.016 105.407 80.6507 104.922 81.472C104.455 82.2933 104.222 83.2267 104.222 84.272C104.222 85.3173 104.455 86.2507 104.922 87.072C105.407 87.8933 106.07 88.5373 106.91 89.004C107.769 89.452 108.73 89.676 109.794 89.676ZM128.905 92.14C127.487 92.14 126.208 91.8227 125.069 91.188C123.931 90.5347 123.035 89.6387 122.381 88.5C121.728 87.3613 121.401 86.0733 121.401 84.636C121.401 83.1987 121.728 81.9107 122.381 80.772C123.035 79.6333 123.931 78.7467 125.069 78.112C126.208 77.4773 127.487 77.16 128.905 77.16C130.324 77.16 131.603 77.4773 132.741 78.112C133.88 78.7467 134.767 79.6333 135.401 80.772C136.055 81.9107 136.381 83.1987 136.381 84.636C136.381 86.0733 136.055 87.3613 135.401 88.5C134.767 89.6387 133.88 90.5347 132.741 91.188C131.603 91.8227 130.324 92.14 128.905 92.14ZM128.905 90.376C129.951 90.376 130.884 90.1427 131.705 89.676C132.545 89.1907 133.199 88.5093 133.665 87.632C134.132 86.7547 134.365 85.756 134.365 84.636C134.365 83.516 134.132 82.5173 133.665 81.64C133.199 80.7627 132.545 80.0907 131.705 79.624C130.884 79.1387 129.951 78.896 128.905 78.896C127.86 78.896 126.917 79.1387 126.077 79.624C125.256 80.0907 124.603 80.7627 124.117 81.64C123.651 82.5173 123.417 83.516 123.417 84.636C123.417 85.756 123.651 86.7547 124.117 87.632C124.603 88.5093 125.256 89.1907 126.077 89.676C126.917 90.1427 127.86 90.376 128.905 90.376Z" fill="#E7EED2"/>
+<path d="M159.5 2.04417C160.473 1.3975 161.795 1 163.25 1C164.706 1 166.027 1.3975 167 2.04417V12.8775C166.027 12.2308 164.706 11.8333 163.25 11.8333C161.795 11.8333 160.473 12.2308 159.5 12.8775M159.5 2.04417V12.8775V2.04417ZM159.5 2.04417C158.527 1.3975 157.205 1 155.75 1C154.295 1 152.973 1.3975 152 2.04417V12.8775C152.973 12.2308 154.295 11.8333 155.75 11.8333C157.205 11.8333 158.527 12.2308 159.5 12.8775V2.04417Z" stroke="#E7EED2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

From 3c864bc3d7f983a54ece652b063bd97f4134526f Mon Sep 17 00:00:00 2001
From: Iago Cavalcante <iagoangelimc@gmail.com>
Date: Mon, 4 Apr 2022 08:59:54 -0300
Subject: [PATCH 2/3] feat: initial component to render input and button

---
 egua-do-artigo/.env-example                   |   1 +
 egua-do-artigo/.gitignore                     |   2 +
 egua-do-artigo/src/App.vue                    | 277 ++++--------------
 .../{HelloWorld.vue => PostComponent.vue}     |   2 +-
 egua-do-artigo/tailwind.config.js             |  14 +-
 5 files changed, 75 insertions(+), 221 deletions(-)
 create mode 100644 egua-do-artigo/.env-example
 rename egua-do-artigo/src/components/{HelloWorld.vue => PostComponent.vue} (98%)

diff --git a/egua-do-artigo/.env-example b/egua-do-artigo/.env-example
new file mode 100644
index 0000000..8e60263
--- /dev/null
+++ b/egua-do-artigo/.env-example
@@ -0,0 +1 @@
+VUE_APP_API_URL="http://localhost:4000/api/"
\ No newline at end of file
diff --git a/egua-do-artigo/.gitignore b/egua-do-artigo/.gitignore
index 403adbc..58e14d4 100644
--- a/egua-do-artigo/.gitignore
+++ b/egua-do-artigo/.gitignore
@@ -21,3 +21,5 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+.env.*
+.env
\ No newline at end of file
diff --git a/egua-do-artigo/src/App.vue b/egua-do-artigo/src/App.vue
index e6a67a1..c766a2f 100644
--- a/egua-do-artigo/src/App.vue
+++ b/egua-do-artigo/src/App.vue
@@ -1,65 +1,56 @@
 <template>
-  <div id="app">
-    <h1 v-if="!isLoaded" class="box--title">Égua do Artigo</h1>
-    <h4 v-if="!isLoaded" class="box--subtitle">
-      Com o <b>Égua do Artigo</b> você pode ler os artigos do **dium sem paywall,
-      é grátis e <a class="box--link" href="https://github.com/iagocavalcante/medium/" target="_blank">open source</a>.
-      Venha dar sugestões e ajude a evoluir!
-    </h4>
-    <div class="box" v-if="!isLoaded">
-      <img class="box--logo" :src="require('@/assets/freedium_logo.svg')" />
-      <input class="box--input" type="text" placeholder="Link do artigo" v-model="link">
-      <button :class="{
-        'box--button-loading': isLoading,
-        }"
-        :disabled="isLoading"
-        class="box--button"
-        @keydown.enter="getArticle()"
-        @click="getArticle()"
-      >
-        <slot v-if="!isLoading">Ler artigo</slot>
-        <span class="box--button-spinner">
-          <span></span>
-          <span></span>
-          <span></span>
-          <span></span>
-        </span>
-      </button>
+  <div id="app" class="bg-primary">
+    <div class="flex flex-col items-center space-y-10" v-if="!isLoaded">
+      <img :src="require('@/assets/logo.svg')" alt="Égua do artigo logo" />
+      <div class="flex flex-row gap-x-3 w-1/2 justify-center">
+        <input class="bg-quaternary w-1/2 outline-1 outline-tertiary text-primary text-opacity-75 rounded-sm h-9 justify-center p-2" type="text" placeholder="Cole aqui o link do artigo" v-model="link"/>
+        <button :disabled="isLoading" @click="getArticle()" :class="`w-24 h-9 justify-center rounded-sm bg-quaternary ${isLoading ? 'bg-opacity-75' : ''} text-primary hover:bg-opacity-80`">
+          <span v-if="!isLoading"> Ler artigo </span>
+          <div class="flex justify-center w-20 py-3 overflow-hidden" v-if="isLoading">
+            <span class="dot-typing"></span>
+          </div>
+        </button>
+      </div>
     </div>
-    <Post v-if="isLoaded" :paragraphs="paragraphs"/>
+    <PostComponent v-if="isLoaded" :paragraphs="paragraphs"/>
   </div>
 </template>
 
 <script>
-import Post from './components/HelloWorld.vue'
+import PostComponent from './components/PostComponent.vue'
 
 export default {
   name: 'App',
   components: {
-    Post
+    PostComponent
   },
   data: () => ({
-    link: '',
+    link: 'https://medium.com/@neelesh-arora/stop-using-conditional-statements-everywhere-in-javascript-use-an-object-literal-instead-e780debcda18',
     name: 'shamnad.p.s',
     postName: 'image-upload-to-aws-s3-using-nestjs-and-typescript-b32c079963e1',
     isLoading: false,
     isLoaded: false,
-    paragraphs: []
+    paragraphs: [],
+    apiUrl: process.env.VUE_APP_API_URL
   }),
   methods: {
     getArticle () {
-      // const re = /medium\.com\/(?<username>\S+)\/(?<title>\S+)/
-      // const matchedRegex = this.link.match(re)
-      // this.name = matchedRegex['groups'].username
-      // this.postName = matchedRegex['groups'].title
-      this.isLoading = true
       this.isLoaded = false
-        fetch('http://localhost:4000/api/medium?url=https://jessicalexicus.medium.com/vladimir-putin-has-already-won-but-nobody-wants-to-admit-it-523a776c5388')
+      this.isLoading = true
+        fetch(`${this.apiUrl}medium?url=${this.link}?format=json`)
         .then(res => res.json())
         .then(data => {
-          this.paragraphs = [...data.data.html]
+          setTimeout(() => {
+            const {data: { html }} = data
+            this.paragraphs = [...html]
+            this.isLoaded = true
+            this.isLoading = false
+          }, 3000)
+        })
+        .catch(err => {
+          console.log(err)
           this.isLoading = false
-          this.isLoaded = true
+          this.isLoaded = false
         })
     }
   }
@@ -68,7 +59,6 @@ export default {
 
 <style>
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Lora|Playfair+Display:700i,900');
 
 * {
   font-family: 'Inter', sans-serif;
@@ -80,32 +70,6 @@ body {
   width: 100%;
 }
 
-h1,
-h2,
-p,
-i,
-a,
-.first-letter,
-.authorName a {
-  color: #8d8db1;
-  text-rendering: optimizeLegibility;
-}
-
-h1 {
-  font-size: 48px;
-  text-align: left;
-  margin-bottom: 8px;
-}
-
-h2 {
-  font-size: 26px;
-  font-weight: 700;
-  padding: 0;
-  margin: 56px 0 -13px -1.883px;
-  text-align: left;
-  line-height: 34.5px;
-  letter-spacing: -0.45px;
-}
 
 p, i, a {
   margin-top: 21px;
@@ -353,163 +317,42 @@ pre {
   width: 100vw;
 }
 
-.box {
-  display: flex;/* shrinks to fit content */
-  flex-direction: column;
-  width: 20rem;
-  margin: auto;
-}
-
-.box--title {
-  margin: auto;
-  padding: 1rem;
-  font-family: 'Inter', sans-serif;
-  color: #8d8db1;
-  text-align: center;
-}
-
-.box--subtitle {
-  margin: auto;
-  font-family: 'Inter', sans-serif;
-  color: #8d8db1;
-  text-align: center;
-}
-
-.box--link {
-  font-size: 12pt;
-  font-family: 'Inter', sans-serif;
-  color: #8d8db1;
+.dot-typing {
+  position: relative;
+  left: -9999px;
+  width: 5px;
+  height: 5px;
+  border-radius: 5px;
+  background-color: #466551;
+  color: #466551;
+  box-shadow: 9984px 0 0 0 #466551, 9999px 0 0 0 #466551, 10014px 0 0 0 #466551, 10029px 0 0 0 #466551;
+  animation: dotTyping 1.5s infinite linear;
 }
 
-@media only screen and (min-width: 768px) {
-  .box--title {
-    width: 22rem;
+@keyframes dotTyping {
+  0% {
+    box-shadow: 9984px 0 0 0 #466551, 9999px 0 0 0 #466551, 10014px 0 0 0 , 10029px 0 0 0 #466551;
   }
-  
-  .box--subtitle {
-    width: 35rem;
+  14.286% {
+    box-shadow: 9984px -10px 0 0 #466551, 9999px 0 0 0 #466551, 10014px 0 0 0 , 10029px 0 0 0 #466551;
   }
-}
-
-.box--logo {
-  margin: 1rem;
-  height: 12rem;
-}
-
-.box--input {
-  font-family: 'Inter', sans-serif;
-  margin: .7rem;
-  padding: 1.2rem;
-  font-size: 14pt;
-  color: #8d8db1;
-  background-color: #f2f2f2;
-  border: 1px solid;
-  border-radius: 2px;
-}
-
-.box--input:focus {
-  outline: none;
-  border: 1px solid;
-}
-
-.box--button {
-  font-family: 'Inter', sans-serif;
-  margin: .7rem;
-  padding: 1.2rem;
-  font-size: 14pt;
-  color: #f2f2f2;
-  background-color: #8d8db1;
-  border: none;
-  border-radius: 2px;
-}
-
-.box--button:hover {
-  cursor: pointer;
-  color: #f2f2f2;
-  background-color: #8d8db1A6;
-}
-
-.box--button::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-.box--button:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-/* loading styles */
-.box--button {
-  position: relative;
-  -webkit-transition: all 0.2s;
-  transition: all 0.2s;
-  transition-timing-function: ease-in;
-}
-.box--button-spinner {
-  position: relative;
-  justify-content: center;
-  opacity: 0;
-  transition-property: padding, opacity;
-  transition-duration: 0.2s, 0.2s;
-  transition-timing-function: ease-in, ease;
-  transition-delay: 0s, 0.2s;
-}
-.box--button-spinner span {
-  box-sizing: border-box;
-  display: inline-block;
-  position: absolute;
-  width: 2.2rem;
-  height: 2.2rem;
-  opacity: 1;
-  border: 3.4px solid #f2f2f2;
-  border-radius: 50%;
-  animation: box--button-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: #f2f2f2 transparent transparent transparent;
-}
-.box--button-spinner span:nth-child(1) {
-  animation-delay: 0.45s;
-}
-.box--button-spinner span:nth-child(2) {
-  animation-delay: 0.3s;
-}
-.box--button-spinner span:nth-child(3) {
-  animation-delay: 0.15s;
-}
-.box--button-loading {
-  padding-right: 3.5rem;
-}
-.box--button-loading .box--button-spinner {
-  opacity: 1;
-  padding: 1.2rem;
-}
-.box--button-loading .box--button-spinner span {
-  opacity: 1;
-}
-button:not(:disabled) {
-  transition-delay: 0.2s;
-}
-button:not(:disabled) .box--button-spinner span {
-  box-shadow: 0 0 0 0.2rem #f2f2f2 inset;
-  border: 7.4px solid transparent;
-  -webkit-transition: all 0.4s;
-  transition: all 0.4s;
-}
-button:not(:disabled) .box--button-spinner span:nth-child(1) {
-  transform: rotate(0deg);
-}
-button:not(:disabled) .box--button-spinner span:nth-child(2) {
-  transform: rotate(90deg);
-}
-button:not(:disabled) .box--button-spinner span:nth-child(3) {
-  transform: rotate(180deg);
-}
-button:not(:disabled) .box--button-spinner span:nth-child(4) {
-  transform: rotate(270deg);
-}
-@keyframes box--button-spinner {
-  0% {
-    transform: rotate(0deg);
+  28.568% {
+    box-shadow: 9984px 0 0 0 #466551, 9999px 0 0 0 #466551, 10014px 0 0 0 , 10029px 0 0 0 #466551;
+  }
+  42.852% {
+    box-shadow: 9984px 0 0 0 #466551, 9999px -10px 0 0 #466551, 10014px 0 0 0 , 10029px 0 0 0 #466551;
+  }
+  57.136% {
+    box-shadow: 9984px 0 0 0 #466551, 9999px 0 0 0 #466551, 10014px 0 0 0 , 10029px 0 0 0 #466551;
+  }
+  71.42% {
+    box-shadow: 9984px 0 0 0 #466551, 9999px 0 0 0 #466551, 10014px -10px 0 0 , 10029px 0 0 0 #466551;
+  }
+  85.704% {
+    box-shadow: 9984px 0 0 0 #466551, 9999px 0 0 0 #466551, 10014px 0 0 0 , 10029px 0 0 0 #466551;
   }
   100% {
-    transform: rotate(360deg);
+    box-shadow: 9984px 0 0 0 #466551, 9999px 0 0 0 #466551, 10014px 0 0 0 , 10029px -10px 0 0 #466551;
   }
 }
 </style>
diff --git a/egua-do-artigo/src/components/HelloWorld.vue b/egua-do-artigo/src/components/PostComponent.vue
similarity index 98%
rename from egua-do-artigo/src/components/HelloWorld.vue
rename to egua-do-artigo/src/components/PostComponent.vue
index 74caead..de1312e 100644
--- a/egua-do-artigo/src/components/HelloWorld.vue
+++ b/egua-do-artigo/src/components/PostComponent.vue
@@ -7,7 +7,7 @@
 
 <script>
 export default {
-  name: 'HelloWorld',
+  name: 'PostComponent',
   props: {
     paragraphs: Array
   },
diff --git a/egua-do-artigo/tailwind.config.js b/egua-do-artigo/tailwind.config.js
index c3d7982..c23e561 100644
--- a/egua-do-artigo/tailwind.config.js
+++ b/egua-do-artigo/tailwind.config.js
@@ -4,7 +4,15 @@ module.exports = {
     "./src/**/*.{vue,js,ts,jsx,tsx}",
   ],
   theme: {
-    extend: {},
-  },
-  plugins: [],
+    extend: {
+      colors: {
+        transparent: 'transparent',
+        'primary': '#466551',
+        'secondary': '#368C72',
+        'tertiary': '#7ECBA1',
+        'quaternary': '#E7EED2'
+      },
+    },
+    plugins: [],
+  }
 }

From 18bac81e7c4ac2b8c0015b263dd50744543e58ef Mon Sep 17 00:00:00 2001
From: Iago Cavalcante <iagoangelimc@gmail.com>
Date: Mon, 4 Apr 2022 10:14:30 -0300
Subject: [PATCH 3/3] chore: update mobile classes

---
 egua-do-artigo/src/App.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/egua-do-artigo/src/App.vue b/egua-do-artigo/src/App.vue
index c766a2f..13e7298 100644
--- a/egua-do-artigo/src/App.vue
+++ b/egua-do-artigo/src/App.vue
@@ -2,7 +2,7 @@
   <div id="app" class="bg-primary">
     <div class="flex flex-col items-center space-y-10" v-if="!isLoaded">
       <img :src="require('@/assets/logo.svg')" alt="Égua do artigo logo" />
-      <div class="flex flex-row gap-x-3 w-1/2 justify-center">
+      <div class="flex sm:justify-center items-center sm:flex-row flex-col sm:gap-x-3 gap-y-3 sm:w-1/2 w-full">
         <input class="bg-quaternary w-1/2 outline-1 outline-tertiary text-primary text-opacity-75 rounded-sm h-9 justify-center p-2" type="text" placeholder="Cole aqui o link do artigo" v-model="link"/>
         <button :disabled="isLoading" @click="getArticle()" :class="`w-24 h-9 justify-center rounded-sm bg-quaternary ${isLoading ? 'bg-opacity-75' : ''} text-primary hover:bg-opacity-80`">
           <span v-if="!isLoading"> Ler artigo </span>
@@ -90,7 +90,6 @@ blockquote {
   line-height: 44.4px;
   overflow-wrap: break-word;
   margin: 55px 0 33px 0;
-  /* text-align: center; */
   color: rgba(0, 0, 0, 0.68);
   padding: 0 0 0 50px;
 }