-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
189 lines (184 loc) · 9.76 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8"/>
<title>HTTP | Meme Resposta API</title>
<link rel="icon" type="image/png" href="img/favicon.png" />
<meta name="viewport" content="width=device-width, user-scalable=no"/>
<link rel="stylesheet" href="style/texto.css"/>
<link rel="stylesheet" href="style/formatacao.css"/>
<link rel="stylesheet" href="style/album.css"/>
<meta name="author" content="Julio Lira"/>
<meta name="robots" content="index, follow">
<meta property="og:site_name" content="https://jul10l1r4.github.io/HTTP_-_Resposta/" />
<meta property="og:url" content="https://jul10l1r4.github.io/HTTP_-_Resposta/" />
<meta name="description" content="Crie sua página interativa e personalizada de resposta de erros http, usando memes criamos uma api simplíssima onde em 5 linhas de código você cria um sistema automático e seguro de mensagem de erro, teste e venha dar uma olhada"/>
<meta name="keywords" content="segurança, security,sec, osec,roadsec,hack,hacking,pentest,web, invasion,RE,Julio Lira,http, https, erro, error, mensagem, criar, 404, html, php, c, css, javascript, java, go, python, haskell, git, not a bug, jul10l1r4, Julio Lira, br, zueira, memes, meme, mene, risos, rs, huehuehue, kkk, kkkkkkj, perdi a criatividade kkdkd, http, http meme resposta, api meme, api resposta"/>
<meta property="og:title" content="Crie páginas de erro interativas e rápidas 😏">
<meta property="og:image" content="/img/logo.png"/>
<meta property="og:description" content="Crie sua página interativa e personalizada de resposta de erros http, usando memes criamos uma api simplíssima onde em 5 linhas de código você cria um sistema automático e seguro de mensagem de erro, teste e venha dar uma olhada"/>
<meta property="og:author" content="Julio Lira"/>
<!-- O responsável pelo botão totop -->
<script src="Ecmascript/scroll-smart.js"></script>
<script src="Ecmascript/top.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112626775-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-112626775-1');
</script>
</head>
<body>
<!-- bloco da imagem a aparecer -->
<div id="bloco" onclick="this.style.display = 'none';" style="display: none;">
<div class="central">
<em style="color:#aaa">Aperte em qualquer lugar para diminuir a imagem</em><br/>
<img id="default" src="algo.aq.blx"/>
<p id="caption">olá</p>
</div>
</div>
<header id="top">
<h1>API - Resposta de status http <span class="emoj">😏</span></h1>
<p> <code>https://jul10l1r4.github.io/HTTP_-_Resposta/img/[Seu código de erro]</code></p>
<p>
Veja as imagens de erro, pode baixá-las e usar quando quiser ❤, <a href="#E_como_eu_disse?">veja como usar</a> e conheça outra API
que utiliza nossos algoritmos, conheça <a href="#Escudo">escudo</a>, ajude-nos em nosso <a href="#Dev">desenvolvimento</a>.
</p>
<hr/>
</header>
<section>
<div class="a" onclick="onClick( 'img/200', '200 - Oquei')">
<figure>
<img src="img/200">
<figcaption> 200 - Oquei</figcaption>
</figure>
</div>
<div class="a" onclick="onClick( 'img/201', '201 - Criado')">
<figure>
<img src="img/201">
<figcaption> 201 - Criado</figcaption>
</figure>
</div>
<div class="a" onclick="onClick( 'img/204', '204 - Nenhum conteúdo')">
<figure><img src="img/204">
<figcaption> 204 - Nenhum conteúdo</figcaption>
</figure>
</div>
<div class="a" onclick="onClick( 'img/304', '304 - Não modificado')">
<figure>
<img src="img/304">
<figcaption> 304 - Não modificado</figcaption>
</figure>
</div>
<div class="a" onclick="onClick( 'img/400', '400 - Requisição inválida')">
<figure>
<img src="img/400">
<figcaption> 400 - Requisição inválida</figcaption>
</figure>
</div>
<div class="a" onclick="onClick( 'img/401', '401 - Não autorizado')">
<figure><img src="img/401">
<figcaption> 401 - Não autorizado</figcaption>
</figure>
</div>
<div class="a" onclick="onClick( 'img/403', '403 - Proibido')">
<figure>
<img src="img/403">
<figcaption> 403 - Proibido</figcaption>
</figure>
</div>
<div class="a" onclick="onClick( 'img/404', '404 - Não encontrado')">
<figure>
<img src="img/404">
<figcaption> 404 - Não encontrado</figcaption>
</figure>
</div>
<div class="a" onclick="onClick( 'img/409', '409 - Conflito')">
<figure>
<img src="img/409">
<figcaption> 409 - Conflito</figcaption>
</figure>
</div>
<div class="a" onclick="onClick( 'img/500', '500 - Erro interno do servidor' )">
<figure>
<img src="img/500">
<figcaption> 500 - Erro interno do servidor</figcaption>
</figure>
</div>
</section>
<aside id="E_como_eu_disse?">
<h2>E como eu disse?</h2>
<p>
Use esta api, temos um banco de imagens de resposta de erros, para usá-las basta por em qualquer que seja a aplicação <code title="Seu código de erro, que pode ser uma variável">https://jul10l1r4.github.io/HTTP_-_Resposta/Código de erro</code>, lembre-se que não precisa usar a extensão <code>.jpg</code>, já reduzimos isso para facilitar.
</p>
<h2>... E como é?</h2>
<p>
Usamos imagens relacionadas a <a href="https://pt.wikipedia.org/wiki/Meme_(Internet)" target="_blank">memes</a> para substituir as mensagens de erro, usamos apenas imagens para evitar o trabalho de se criar uma html apenas para uma página de erro, o que poderia ser usado para capturar as informações, pensando nisso fizemos imagens, que você apenas "linka"
em uma simples tag <code>img</code> com o atributo <code>src="https://jul10l1r4.github.io/HTTP_-_Resposta/img/404"</code>,
nesse caso fizemos o erro <span class="pre">404 - Servidor não Encontrado</span>.
dê uma olhada neste repositório com o código-fonte comentado em algumas linguagens para você usar
<a href="https://notabug.org/Jul10l1r4/Exemplos-API-http-memes">aqui</a> e veja como configurar a sua
no seu próprio servidor/site acrescentando apenas algumas "linhas"
no <code>.htaccess</code> <a href="https://notabug.org/Jul10l1r4/Exemplos-API-http-memes/src/master/Configurando-p%c3%a1ginas-de-erro">Aqui</a>.
</p>
</aside>
<aside id="Escudo">
<h2>Conheça a mesma API com o escudo <span class="emoj">🛡</span></h2>
<p>
Sim, somos um projeto livre, e colaborativo que tem seu foco para melhorar a segurança e conscientizar a outros desenvolvedores
a terem uma prática mais segura em qualquer coisa que vá fazer, veja esta <a href="https://jul10l1r4.github.io/HTTP-Escudo/" target="blank">API</a> criada por
<a href="https://notabug.org/NicolasMCP" target="_blank" title="Nicolas Ramos desenvolvedor ah mais de 20 anos de linguagens web e desktop">
Nicolas Ramos
</a>
desenvolvedor e entusiasta por software livre.
</p>
<figure onclick="onClick( 'img/OBDKVI0 .jpg', 'Os nossos exemplos são 100% responsivos')">
<img src="img/OBDKVI0.jpg" alt="api, responsiva é HTTP - Resposta" title="Imagens responsivas"/>
<figcaption>Exemplos e imagens responsivas</figcaption>
</figure>
</aside>
<aside id="Dev">
<h2>Ajude-nos <span class="emoj">🛠</span></h2>
<p>
Somos um pequeno grupo de desenvolvedores, um dos que nos ajudou bastante foi
<a href="https://github.com/kayooliveira1" target="_blank" title="Desenvolvedor frontend">
Kayo Oliveira
</a>
, desenvolvedor front-end e perfeccionista por qualidade, e por causa dele nossa estrutura está bonita.
</p>
<p>
Colabore conosco também, você pode nos ajudar de duas formas no desenvolvimento. Você pode fazer um <code>fork</code> e colaborar nesta
<a href="https://github.com/Jul10l1r4/HTTP_-_Resposta" target="_blank">página</a> pelo github, ou pode colaborar em nossa área de aprendizado
em nosso <a href="https://notabug.org/Jul10l1r4/Exemplos-API-http-memes" target="_blank">git 💙</a>.
</p>
<h2>Contato <span class="emoj">✏️</span></h2>
<address>
<p style="text-align:center">
Deseja ajuda em um projeto? Adoramos desenvolver alternativas livres, e gratuitas, fale comigo.<br/>
Fale comigo no telegram <span class="emoj">🚀</span> <a href="https://web.telegram.org/#/im?p=@Jul10l1r4" target="_blank">@jul10l1r4</a>.<br/>
Mande-me um email <span class="emoj">📫</span> <a href="mailto:[email protected]" target="_blank">[email protected]</a>.
</p>
</address>
<aside>
<!-- Ancora, na qual é exibida conforme a posição de rolagem, ver o arquivo "Ecmascript/scroll-smart.js" -->
<a onclick="up()" class="tutop"><img src="img/backtotop.png" alt="imagem para o topo" title="subir ao topo"/></a>
<!-- roda pé -->
<footer>
<img src="img/logo.png" title="Logo http - meme resposta"/>
<span class="emoj">🐏</span> Licença <a href="https://github.com/Jul10l1r4/HTTP_-_Resposta/blob/master/LICENSE" target="_blank">GNU GPL-3</a>, pode usar como quiser.<br/>
<a href="https://github.com/Jul10l1r4/HTTP_-_Resposta" target="_blank">Veja o código-fonte</a><br/>ou<br/>
<a href="https://notabug.org/Jul10l1r4/Exemplos-API-http-memes" target="_blank">Veja exemplos de uso em algumas linguagens e se souber alguma que não tenha ainda, ajude-nos</a>.
</footer>
<script>
// Modal Image Gallery foda-see jquery
const onClick = ( a, b ) => {// Use vaariaveis com poucas letras, economiz
document.getElementById ( 'default' ).src = a;
document.getElementById ( 'bloco' ).style.display = 'block'
let captionText = document.getElementById( 'caption' )
captionText.innerHTML = b
}
</script>
</body>
</html>