natzar.github.io/index.html at master · natzar/natzar.github.io · 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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Beto Ayesa</title>
    <meta name="title" content="Beto Ayesa">
    <meta name="description" content="Hi! Hola! Alò! Halo! Sawadee kap!">
    <meta name="author" content="Beto Ayesa">
    <!-- Content type & charset -->
    <meta charset="utf-8">
    <!-- <link href="https://fonts.googleapis.com/css?family=Alegreya|Nunito:400,900&display=swap" rel="stylesheet"> -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- Robots - SEO -->
    <meta name="ROBOTS" content="All,INDEX,FOLLOW">
    <!-- No effect, Robots = All is default -->
    <meta name="keywords" content="developer, javascript, php, nodejs">
    <meta name="Language" content="en-EN">
    <meta name="Distribution" content="Global">
    <!-- Mobile -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

    <!-- Facebook -->
    <meta property="og:locale" content="en" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Beto Ayesa" />
    <meta property="og:description" content="Hi!" />
    <meta property="og:url" content="http://natzar.github.io" />
    <meta property="og:site_name" content="Beto Ayesa" />
    <meta property="og:image" content="https://og-image.vercel.app/**Beto%20Ayesa**.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fhyper-color-logo.svg" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">

    <link href="https://cdn.phpninja.net/tailwind.min.css" rel="stylesheet">

    <style>
     html{
     	    scroll-behavior: smooth;
     }
     h1{font-family: 'Inter', sans-serif;}
      body{font-family:'Courier New',serif;

background:#4b4b4b; /* -webkit-linear-gradient(to top, #fff,#F3F4F6 );*/  /* Chrome 10-25, Safari 5.1-6 */
background:#1c1c1c; /* linear-gradient(to top, #fff, #F3F4F6); */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

         a.block{
              background: #333;
    color:#ccc;
    border-radius: 9px;
    text-align: center;
    font-size: 14px !important;
    border:1px solid #4b4b4b;
  height: 70px;
    line-height: 54px;
    letter-spacing: -1px


  white-space: nowrap;      /* Keep the text on a single line */
  overflow: hidden;         /* Hide text that goes beyond the box */
  text-overflow: ellipsis;  /* Add ellipsis to overflowed text */
}

         a.block:hover{
          background: rgba(0,0,0,0.9);

          color:white;
         }
         .itemx{
              transition: transform .15s cubic-bezier(.17,.67,.29,2.71) 0s;color: #0D0C22;

    font-size: 16px;
    font-weight: 400;
    text-transform: none;

    min-height: 60px;
         }

    </style>
  </head>
  <body class="pt-10">

    <div class="">
      <div class="max-w-3xl mx-auto mb-0 py-8 px-4 sm:px-6 lg:px-8 lg:pb-10">
        <div class="text-center">

          <h1 class="mt-1 mb-1 text-5xl font-bold text-gray-100 tracking-tight">Beto Ayesa</h1>

          <p class="max-w-3xl mt-5 mx-auto text-lg font-light text-gray-500">
Software Engineer

</p>
            <div class="mx-auto max-w-3xl py-4 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8">
    <div class="flex justify-center md:justify-between space-x-6 md:order-2 max-w-4xl mx-auto text-center items-center">


<a href="mailto:beto@ayesadigital.com" target="_blank" rel="noopener" class="text-gray-100 hover:text-gray-500">
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 01-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 001.183 1.981l6.478 3.488m8.839 2.51l-4.66-2.51m0 0l-1.023-.55a2.25 2.25 0 00-2.134 0l-1.022.55m0 0l-4.661 2.51m16.5 1.615a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V8.844a2.25 2.25 0 011.183-1.98l7.5-4.04a2.25 2.25 0 012.134 0l7.5 4.04a2.25 2.25 0 011.183 1.98V19.5z" />
</svg>

</a>
     <a href="https://www.linkedin.com/in/betoayesa/" target="_blank" rel="noopener" class="text-gray-100 hover:text-gray-500">
            <span class="sr-only">GitHub</span>
<svg
  xmlns="http://www.w3.org/2000/svg"
  class="h-5 w-5"
  fill="currentColor"
  viewBox="0 0 24 24">
  <path
    d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
</svg>
   </a>
     <a href="https://github.com/natzar" target="_blank" rel="noopener" class="text-gray-100 hover:text-gray-500">
            <span class="sr-only">GitHub</span>
            <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
              <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path>
            </svg>

          </a>
<!--
     <a href="https://www.twitter.com/betoayesa" class="text-gray-100 hover:text-gray-500">
        <span class="sr-only">Twitter</span>
        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
          <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
        </svg>
      </a>


     <a href="https://bayesa.gumroad.com" target="_blank">
     	<img src="https://www.vectorlogo.zone/logos/gumroad/gumroad-icon.svg" class="h-5 w-5">
     </a>

-->


    </div>
  </div>
</p>

        </div>
      </div>
    </div>

    <div class="  pb-20 px-4 sm:px-6  lg:pb-28 lg:px-8 max-w-2xl mx-auto">
     <h2 class="text-gray-500 text-center pb-5">Projects</h2>

 <a target="_blank" class=" block w-full  px-4 py-2   rounded-fulltext-gray-100 bg-purple-600 hover:bg-purple-900 hover:text-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="https://docs.google.com/spreadsheets/d/1lgafgidPDMi1x8HVQvQqOTPNapx9hc25BD5f2YeZ-lw/edit?usp=sharing" target="_blank">
        <i class="fa fa-github"></i>Complete List of Side Projects </a>
      <br>

   <a target="_blank" class="block w-full  px-4 py-2   rounded-fulltext-gray-100 bg-purple-600 hover:bg-purple-900 hover:text-gray-900 " href="https://www.meetemilio.com">EMILIO – Your AI Agent for Email and Customer Support</a>
      <br>
<!--
<a target="_blank" class="block w-full  px-4 py-2   rounded-fulltext-gray-100 bg-purple-600 hover:bg-purple-900 hover:text-gray-900 " href="https://www.domstry.com">Domstry: Domains Metadatabase</a>
      <br>  -->

 <a target="_blank" class="block w-full   px-4 py-2  rounded-fulltext-gray-100  bg-purple-600 hover:bg-purple-900 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="https://www.phpninja.es"> Php Ninja CMS Web Developers (ES)</a>
      <br>

   <!--
  <a target="_blank" class=" block w-full  px-4 py-2   rounded-fulltext-gray-100 bg-purple-600 hover:bg-purple-900 hover:text-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="https://github.com/natzar/pythonSimpleCrawlerBot" target="_blank">
        <i class="fa fa-github"></i>Python Simple Crawler Bot (Opensource GPL3) </a>
      <br>
-->


  <a target="_blank" class=" block w-full  px-4 py-2   rounded-fulltext-gray-100 bg-purple-600 hover:bg-purple-900 hover:text-gray-900   " href="https://github.com/natzar/Stripe-Pad"> Stripe Pad: A PHP Micro-SaaS boilerplate  (Opensource GPL3) </a>
      <br>


      <a target="_blank" class="block w-full   px-4 py-2   rounded-fulltext-gray-100  bg-purple-600 hover:bg-purple-900 hover:text-gray-900 focus:ring-indigo-500" href="https://thingsnearyou.com">Things Near You .com</a>
      <br>


      <a target="_blank" class="block w-full   px-4 py-2   rounded-fulltext-gray-100  bg-purple-600 hover:bg-purple-900 hover:text-gray-900 focus:ring-indigo-500" href="https://twitter.com/thebsawards">The Official Twitter Bullshit Awards</a>
      <br>


   <!--


       <a target="_blank" class=" block w-full   px-4 py-2   rounded-fulltext-gray-100 bg-purple-600 hover:bg-purple-900 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="https://medium.com/@betoayesa/3-months-living-and-working-in-ubud-bali-e094ef35371a" target="_blank">Article: 3 months working from Bali 2015 </a>
      <br>

      -->


      <br>
 <!--      <div class="flex text-center mx-auto items-center justify-center mb-5">
<div class="inline-flex"><img src="https://img.shields.io/hackernews/user-karma/natzar?style=social"></div>

<div class="inline-flex"><img src="https://img.shields.io/github/followers/natzar?style=social"></div>
<div class="inline-flex"><img src="https://img.shields.io/twitter/follow/betoayesa?style=social"></div>


<div class="inline-flex"> <img src="https://img.shields.io/github/stars/natzar?style=social"></div>
      </div> -->
       <span class="italic text-gray-400 text-xs block text-center ">“Stop sacrificing your today's happiness for an imaginary future. When today is complete, in and of itself, you’re happily retired”
            <a target="_blank" class="text-gray-100 underline font-light" href="https://www.youtube.com/watch?v=_z0okXK3Mxo">Start here</a>
            </span>
      <br>
      <br>
    </div>


  </body>

</html>