-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·222 lines (176 loc) · 8.78 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Primary Meta Tags -->
<title>Seburath</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="title" content="Seburath">
<meta name="author" content="Seburath">
<link rel="canonical" href="https://seburath.github.io/" />
<!-- Social tags -->
<meta name="keywords" content="seburath, cyberhead, thecyberhead, sebastian, sebastian moscoso, juan sebastian moscoso, ancap, ancapstan">
<meta name="description" content="Personal presentation page.">
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="Seburath">
<meta itemprop="description" content="Personal presentation page.">
<meta itemprop="image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/neumorphism-ui/neumorphism-thumbnail.jpg">
<!-- Twitter Card data -->
<meta name="twitter:card" content="product">
<meta name="twitter:site" content="@seburath">
<meta name="twitter:title" content="Seburath">
<meta name="twitter:description" content="Personal presentation page.">
<meta name="twitter:creator" content="@seburath">
<meta name="twitter:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/neumorphism-ui/neumorphism-thumbnail.jpg">
<!-- Open Graph data -->
<meta property="fb:app_id" content="214738555737136">
<meta property="og:title" content="Seburath" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://seburath.github.io/" />
<meta property="og:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/neumorphism-ui/neumorphism-thumbnail.jpg"/>
<meta property="og:description" content="Personal presentation page." />
<meta property="og:site_name" content="Seburath" />
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="120x120" href="./apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="./assets/img/favicon/site.webmanifest">
<link rel="mask-icon" href="./favicon-32x32.png" color="#ffffff">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<!-- Fontawesome -->
<link type="text/css" href="./vendor/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
<!-- Pixel CSS -->
<link type="text/css" href="./css/neumorphism.css" rel="stylesheet">
<!-- NOTICE: You can use the _analytics.html partial to include production code specific code & trackers -->
</head>
<body>
<main>
<!-- Hero -->
<section class="section section bg-soft pb-5 overflow-hidden z-2">
<div class="container z-2">
<div class="row justify-content-center text-center pt-6">
<div class="col-lg-8 col-xl-8">
<h1 class="display-2 mb-3">Seburath</h1>
<p class="lead px-md-6 mb-5">Sofware Developer</p>
<div class="d-flex flex-column flex-wrap flex-md-row justify-content-md-center mb-5">
<div class="my-3 text-center">
<a href="https://github.com/seburath/" target="_blank">
<button class="btn btn-primary btn-pill btn-icon-only text-github mr-2" type="button" aria-label="github button" title="github button">
<span aria-hidden="true" class="fab fa-github"></span>
</button>
</a>
<a href="https://goodreads.com/seburath/" target="_blank">
<button class="btn btn-primary btn-pill btn-icon-only text-goodreads mr-2" type="button" aria-label="goodreads button" title="goodreads button">
<span aria-hidden="true" class="fab fa-goodreads"></span>
</button>
</a>
<a href="https://t.me/seburath/" target="_blank">
<button class="btn btn-primary btn-pill btn-icon-only text-telegram" type="button" aria-label="telegram button" title="telegram button">
<span aria-hidden="true" class="fab fa-telegram"></span>
</button>
</a>
</div>
</div>
<a href="#project1" class="btn btn-primary mb-3 mb-lg-0 mr-3"><i class="fas fa-cloud-download-alt mr-2"></i>My Projects</a>
</div>
</div>
</div>
</section>
<section class="section section-lg pt-0">
<div class="container">
<!-- Title -->
<div class="row">
<div class="col text-center">
<h2 class="h5 mb-7"></h2>
</div>
</div>
<!-- End of title-->
<div class="row justify-content-between">
<!-- Card -->
<div id="project1" class="col-12 col-md-6 col-lg-4 mb-6 mb-md-5">
<div class="card bg-primary shadow-soft border-light">
<div class="card-header p-4">
<img src="https://github.com/Seburath/Micro-Keyboard/raw/master/img/micro-keyboard.jpg" class="card-img-top rounded" alt="Micro Keyboard">
</div>
<div class="card-body pt-2">
<h3 class="h5 mb-2">Micro Keyboard</h3>
<span class="h6 font-weight-normal text-gray mb-4">DIY Arduino Pro Micro Keyboard</span>
<p class="card-text">A fully operational keyboard, easy to customize since it's made with arduino and no other electronic component.</p>
<p class="card-text">The perfect weekend project for vim or emacs users.</p>
<a href="https://github.com/Seburath/Micro-Keyboard/" target="_blank">
<button class="btn btn-primary btn-pill btn-icon-only text-github mr-2" type="button" aria-label="github button" title="github button">
<span aria-hidden="true" class="fab fa-github"></span>
</button>
<button class="btn btn-primary mb-3 mb-lg-0 mr-3"><i class="fas mr-2"></i>Get the Code!</button>
</a>
</div>
</div>
</div>
<!-- End Card -->
<!-- Card -->
<div class="col-12 col-md-6 col-lg-4 mb-6 mb-md-5">
<div class="card bg-primary shadow-soft border-light">
<div class="card-header p-4">
<img src="https://github.com/Seburath/ZyzzBot/raw/master/img/zyzzbot.jpg" class="card-img-top rounded" alt="ZyzzBot">
</div>
<div class="card-body pt-2">
<h3 class="h5 mb-2">ZyzzBot</h3>
<span class="h6 font-weight-normal text-gray mb-4">Body Fat / FFMI Calculator Telegram Bot</span>
<p class="card-text">A calculator that help you to keep track of your body data, themed with the good vibes from Zyzz's meme.</p>
<a href="https://github.com/Seburath/ZyzzBot/" target="_blank">
<button class="btn btn-primary btn-pill btn-icon-only text-github mr-2" type="button" aria-label="github button" title="github button">
<span aria-hidden="true" class="fab fa-github"></span>
</button>
<button class="btn btn-primary mb-3 mb-lg-0 mr-3"><i class="fas mr-2"></i>Get the Code!</button>
</a>
<br>
<a href="https://t.me/ZyzzBroBot" target="_blank">
<button class="btn btn-primary btn-pill btn-icon-only text-telegram mr-2" type="button" aria-label="telegram button" title="telegram button">
<span aria-hidden="true" class="fab fa-telegram"></span>
</button>
<button class="btn btn-primary mb-3 mb-lg-0 mr-3"><i class="fas mr-2"></i>Try it!</button>
</a>
</div>
</div>
</div>
<!-- End Card -->
<!-- Card -->
<div class="col-12 col-md-6 col-lg-4 mb-6 mb-md-5">
<div class="card bg-primary shadow-soft border-light">
<div class="card-header p-4">
<img src="https://github.com/Seburath/Python-MT4/raw/master/img/python-mt4.jpg" class="card-img-top rounded" alt="Python MT4">
</div>
<div class="card-body pt-2">
<h3 class="h5 mb-2">Python-MT4</h3>
<span class="h6 font-weight-normal text-gray mb-4">Mini MQL Socket Server with a Python Client</span>
<p class="card-text">The simplest sockets MQL Server with the simplest Python client, so it can be customized easily.</p>
<p class="card-text">The server is set up as an MT4 AE and the client can run as an script.</p>
<a href="https://github.com/seburath/Python-MT4/" target="_blank">
<button class="btn btn-primary btn-pill btn-icon-only text-github mr-2" type="button" aria-label="github button" title="github button">
<span aria-hidden="true" class="fab fa-github"></span>
</button>
<button class="btn btn-primary mb-3 mb-lg-0 mr-3"><i class="fas mr-2"></i>Get the Code!</button>
</a>
</div>
</div>
</div>
<!-- End Card -->
</div>
</div>
</section>
</main>
<footer class="d-flex pb-5 pt-6 pt-md-6 border-top border-light bg-primary">
<div class="container">
<div class="row">
<div class="col">
<div class="d-flex text-center justify-content-center align-items-center" role="contentinfo">
<p class="font-weight-normal font-small mb-0">
No rights reserved, get this <a style="color: #cc0000" href="https://github.com/seburath/seburath.github.io" target="_blank">page source here!</a></p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>