BrasaScript-site/index.html at main · lotuz/BrasaScript-site · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="pt">
  <head>
    <meta charset="UTF-8" />
    <title>BrasaScript</title>
    <link href="/tailwind.css" rel="stylesheet" />
    <link rel="stylesheet" href="./index.css" />
    <link rel="icon" href="./logo.png" />
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-PN0WYMZQQS");
    </script>
  </head>
  <body class="text-center flex flex-col min-h-screen">
    <header>
      <div class="flex justify-center h-160 w-full">
        <img class="my-2 w-36" alt="BrasaScript logo" src="./logo.png" />
      </div>
      <h1 class="text-4xl">BrasaScript</h1>
      <h2 class="text-lg">Dialeto de JavaScript em Português</h2>
      <form
        action="https://dev.us7.list-manage.com/subscribe/post?u=a57c21deab9fe08dcacb9ced5&amp;id=e932ad73c7"
        method="post"
        id="mc-embedded-subscribe-form"
        name="mc-embedded-subscribe-form"
        class="validate my-2 flex justify-center"
        target="_blank"
        novalidate
      >
        <div id="mc_embed_signup_scroll" class="flex items-center">
          <div class="mc-field-group flex text-left items-center">
            <label for="mce-EMAIL"
              >Email:<span class="asterisk">*</span>
            </label>
            <input
              type="email"
              value=""
              name="EMAIL"
              class="required email bg-white border border-grey-300 rounded-lg py-2 px-4 appearance-none mx-2"
              id="mce-EMAIL"
            />
          </div>
          <div id="mce-responses" class="clear">
            <div
              class="response"
              id="mce-error-response"
              style="display: none"
            ></div>
            <div
              class="response"
              id="mce-success-response"
              style="display: none"
            ></div>
          </div>
          <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
          <div style="position: absolute; left: -5000px" aria-hidden="true">
            <input
              type="text"
              name="b_a57c21deab9fe08dcacb9ced5_e932ad73c7"
              tabindex="-1"
              value=""
            />
          </div>
          <div class="">
            <input
              type="submit"
              value="Nos acompanhe!"
              name="subscribe"
              id="mc-embedded-subscribe"
              class="button rounded-md bg-yellow-200 appearance-none py-2 px-4"
              style="background-color: #f0db4f"
            />
          </div>
        </div>
      </form>
      <script
        type="text/javascript"
        src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"
      ></script>
      <script type="text/javascript">
        (function ($) {
          window.fnames = new Array();
          window.ftypes = new Array();
          fnames[0] = "EMAIL";
          ftypes[0] = "email";
          fnames[1] = "FNAME";
          ftypes[1] = "text";
          fnames[2] = "LNAME";
          ftypes[2] = "text";
          fnames[3] = "ADDRESS";
          ftypes[3] = "address";
          fnames[4] = "PHONE";
          ftypes[4] = "phone";
          fnames[5] = "BIRTHDAY";
          ftypes[5] = "birthday";
        })(jQuery);
        var $mcj = jQuery.noConflict(true);
      </script>
      <!--End mc_embed_signup-->
    </header>
    <main class="flex flex-grow flex-col md:max-w-5xl mx-auto w-full px-2">
      <div id="exemplos" class="flex justify-around items-center py-2">
        <button
          class="appearance-none bg-gray-100 rounded-lg border border-gray-400 px-3 py-1"
        >
          Função
        </button>
        <button
          class="appearance-none bg-gray-100 rounded-lg border border-gray-400 px-3 py-1"
        >
          Condição
        </button>
        <button
          class="appearance-none bg-gray-100 rounded-lg border border-gray-400 px-3 py-1"
        >
          Escolha
        </button>
        <button
          class="appearance-none bg-gray-100 rounded-lg border border-gray-400 px-3 py-1"
        >
          Classe
        </button>
      </div>
      <div class="flex flex-grow flex-wrap w-full">
        <div class="border border-gray-400 h-100 w-full md:w-1/2 flex flex-col">
          <h4 class="border-b border-gray-400">BrasaScript</h4>
          <div id="editor-brs" class="flex-grow"></div>
        </div>
        <div class="border border-gray-400 h-100 w-full md:w-1/2 flex flex-col">
          <h4 class="border-b border-gray-400">JavaScript</h4>
          <div id="editor-js" class="flex-grow"></div>
        </div>
      </div>
    </main>
    <footer>
      <div class="mt-2 text-sm mx-auto">
        <p>
          Não é possível remover a necessidade profissional do Inglês, mas
          podemos facilitar o contato com a tecnologia.
        </p>
      </div>
      Feito com <span class="text-red-500">❤️ </span> em São Carlos -
      <a href="https://lotuz.dev/pt" target="_blank" rel="noreferrer noopener"
        >brasascript@lotuz.dev</a
      >
      <span>
        <a href="https://github.com/lotuz/BrasaScript-exemplo" target="_blank" rel="noreferrer noopener">
          <i class="fab fa-github fa-lg ml-5"></i>
        </a>
        <a href="https://twitter.com/brasascript" target="_blank" rel="noreferrer noopener">
          <i class="fab fa-twitter fa-lg ml-2"></i>
        </a>
      </span>
    </footer>
    <script src="./index.js"></script>
  </body>
</html>