-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (78 loc) · 4.38 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>/home/felipe</title>
<link rel="icon" href="assets/favicon.png">
<link rel="stylesheet" href="css/style.css" type="text/css">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<body class="bg-gray-50 font-mono">
<div class="flex flex-col mx-auto max-w-screen-md h-full px-4 pt-16">
<div class="shadow-xl z-10">
<div class="flex flex-row rounded-tr-md rounded-tl-md px-4 h-10 bg-black opacity-70">
<div id="path" class="flex my-auto font-bold text-md text-white pt-1 opacity-100"><a
href="/home.html">/home</a>/felipe</div>
<div class="flex flex-col w-6 h-6 ml-auto my-auto rounded-full bg-red-600">
<div class="my-auto text-xs text-white font-thin text-center"><a href="/home.html">x</a></div>
</div>
</div>
<div class="flex flex-col text-md bg-gray-100 border border-gray-700 rounded-br-md rounded-bl-md p-4">
<p class="pb-2"> Interessed in code, math and CLI programs</p>
<button id="opt-cli" onclick="show('cli')" class="text-justify"> > CLI</button>
<button id="opt-about-me" onclick="show('about-me')" class="text-justify"> > About me</button>
<button id="opt-projects" onclick="show('projects')" class="text-justify"> > Projects</button>
<a href="artigos/index.html" style="pointer-events: none"> > <s>Articles</s></a>
<a href="pensamentos/index.html" style="pointer-events: none"> > <s>Thoughts</s></a>
<div id="cli" class="hidden text-justify pt-4">
<p>Read this portfolio in Web browser is quite boring. Why not trying it in your Linux terminal?</p>
<br>
<p>To do that, execute the following command in your terminal:</p>
<br>
<code
class="max-w-full text-sm sm:text-base inline-flex text-left items-center space-x-4 bg-black opacity-70 text-white rounded-lg p-4 pl-6"
style="overflow-wrap: anywhere;">
<span class="flex gap-4">
<span class="shrink-0 text-gray-500">
$
</span>
<span class="flex-1">
<span id="cli-command">
<span class="text-green-400">bash </span>
<(<span class="text-green-400">curl
</span>
<span class="text-indigo-500">-s</span>
https://raw.githubusercontent.com/Mewbi/Mewbi.github.io/master/cli.sh)
</span>
</span>
</span>
<button onclick="copyCommand()">
<svg id="cli-button" class="shrink-0 h-5 w-5 transition text-gray-500 group-hover:text-white"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path d="M8 2a1 1 0 000 2h2a1 1 0 100-2H8z"></path>
<path
d="M3 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v6h-4.586l1.293-1.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L10.414 13H15v3a2 2 0 01-2 2H5a2 2 0 01-2-2V5zM15 11h2a1 1 0 110 2h-2v-2z">
</path>
</svg>
</button>
</code>
</div>
<div id="about-me" class="hidden text-justify pt-4"></div>
<div id="projects" class="hidden text-justify pt-4 divide-y divide-black"></div>
</div>
</div>
<div class="flex mt-auto mx-auto pb-4 pt-4 fa-lg z-10">
<a target="_blank" href="https://github.com/Mewbi"><i class="fab fa-github"> </i></a>
<a target="_blank" href="https://www.linkedin.com/in/felipe-fernandes-gsc/"><i
class="fab fa-linkedin-in"> </i></a>
<a onclick="contact('mail')"><i class="fab fa-google"> </i></a>
<a onclick="contact('discord')"><i class="fab fa-discord"> </i></a>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/md5.js"></script>
<script src="js/main.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</body>
</html>