Skip to content

Commit fb58f11

Browse files
gustavoquinalhagustavoquinalha
committed
updat
2 parents c4f9cb4 + 54dcb87 commit fb58f11

35 files changed

+9972
-546
lines changed

‎README.md

+112-2
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,112 @@
1-
# seotopper
2-
gerador de SEO
1+
# Seotopper
2+
Gerador de SEO mais TOP do momento, com meta tags do facebook, twitter, google+ entre outras. [Confira](http://quinalha.me/seotopper/)
3+
4+
# Novidade
5+
JSON-LD - structured data markup Google Search
6+
7+
# Meta-tags
8+
- title
9+
- description
10+
- author
11+
- base
12+
- canonical
13+
- sitemap
14+
- robots
15+
- googlebot
16+
- theme-color
17+
- msapplication-navbutton-color
18+
- apple-mobile-web-app-status-bar-style
19+
- name
20+
- description
21+
- image
22+
- og:type
23+
- og:title
24+
- og:url
25+
- og:site_name
26+
- og:image
27+
- og:description
28+
- og:locale
29+
- fb:app_id
30+
- fb:admins
31+
- twitter:card
32+
- twitter:title
33+
- twitter:description
34+
- twitter:creator
35+
- twitter:image
36+
- application/ld+json
37+
38+
# v0.5
39+
```html
40+
<title>Título da minha página</title>
41+
<meta name="description" content="Descrição da minha página"/>
42+
<meta name="author" content="Autor da minha página"/>
43+
<link rel="base" href="http://meusite.com.br"/>
44+
<link rel="canonical" href="http://meusite.com.br"/>
45+
<meta rel="sitemap" type="application/xml" content="http://meusite.com.br/sitemap.xml"/>
46+
<meta name="robots" content="index/follow"/>
47+
<meta name="googlebot" content="index/follow"/>
48+
<meta name="theme-color" content="#FF4455"/>
49+
<meta name="msapplication-navbutton-color" content="#FF4455"/>
50+
<meta name="apple-mobile-web-app-status-bar-style" content="#FF4455"/>
51+
<!-- Schema.org markup for Google+ -->
52+
<meta itemprop="name" content="Título da minha página"/>
53+
<meta itemprop="description" content="Descrição da minha página"/>
54+
<meta itemprop="image" content="http://meusite.com.br/image.png"/>
55+
<!-- markup for facebook -->
56+
<meta property="og:type" content="website"/>
57+
<meta property="og:title" content="Título da minha página"/>
58+
<meta property="og:url" content="http://meusite.com.br"/>
59+
<meta property="og:site_name" content="Exemplo"/>
60+
<meta property="og:image" content="http://meusite.com.br/image.png"/>
61+
<meta property="og:description" content="Descrição da minha página"/>
62+
<meta property="og:locale" content="pt_BR"/>
63+
<meta property="fb:app_id" content="5349"/>
64+
<meta property="fb:admins" content="123456789"/>
65+
<!-- markup for twitter -->
66+
<meta name="twitter:card" content="summary"/>
67+
<meta name="twitter:title" content="Título da minha página"/>
68+
<meta name="twitter:description" content="Descrição da minha página"/>
69+
<meta name="twitter:creator" content="Autor da minha página"/>
70+
<meta name="twitter:image" content="http://meusite.com.br/image.png"/>
71+
<!-- JSON-LD - structured data markup Google Search -->
72+
<script type="application/ld+json"/>
73+
{
74+
"@context": "http://schema.org",
75+
"@type": "WebSite",
76+
"name": "Exemplo",
77+
"alternateName": "Descrição da minha página",
78+
"url": "http://meusite.com.br"
79+
}
80+
</script/>
81+
```
82+
83+
# v0.1
84+
```html
85+
<title>Título da minha página</title>
86+
<meta name="description" content="Descrição da minha página"/>
87+
<meta name="author" content="Autor da minha página"/>
88+
<link rel="base" href="http://meusite.com.br"/>
89+
<link rel="canonical" href="http://meusite.com.br"/>
90+
<meta rel="sitemap" type="application/xml" content="http://meusite.com.br/sitemap.xml"/>
91+
<meta name="robots" content="index/follow"/>
92+
<!-- Schema.org markup for Google+ -->
93+
<meta itemprop="name" content="Título da minha página"/>
94+
<meta itemprop="description" content="Descrição da minha página"/>
95+
<meta itemprop="image" content="http://meusite.com.br/image.png"/>
96+
<!-- markup for facebook -->
97+
<meta property="og:type" content="website"/>
98+
<meta property="og:title" content="Título da minha página"/>
99+
<meta property="og:url" content="http://meusite.com.br"/>
100+
<meta property="og:site_name" content="Exemplo"/>
101+
<meta property="og:image" content="http://meusite.com.br/image.png"/>
102+
<meta property="og:description" content="Descrição da minha página"/>
103+
<meta property="og:locale" content="pt_BR"/>
104+
<meta property="fb:app_id" content="5349"/>
105+
<meta property="fb:admins" content="123456789"/>
106+
<!-- markup for twitter -->
107+
<meta name="twitter:card" content="summary"/>
108+
<meta name="twitter:title" content="Título da minha página"/>
109+
<meta name="twitter:description" content="Descrição da minha página"/>
110+
<meta name="twitter:creator" content="Autor da minha página"/>
111+
<meta name="twitter:image" content="http://meusite.com.br/image.png"/>
112+
```

‎css/index.css

+122-20
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,14 @@ body {
99
height: 100%;
1010
font-family: 'PT Sans', sans-serif;
1111
}
12+
button:hover {
13+
transform: scale(1.2, 1.2);
14+
}
1215
a {
1316
text-decoration: none;
1417
color: #5f72bd;
1518
font-weight: bold;
16-
opacity: 0.7
19+
opacity: 0.8
1720
}
1821
a:hover {
1922
opacity: 1
@@ -25,6 +28,19 @@ form {
2528
text-align: right;
2629
padding-bottom: 20px;
2730
}
31+
::-webkit-input-placeholder {
32+
color: rgba(0, 0, 0, 0.2);
33+
font-style: italic;
34+
}
35+
:-ms-input-placeholder {
36+
color: rgba(0, 0, 0, 0.2);
37+
font-style: italic;
38+
}
39+
::placeholder {
40+
color: rgba(0, 0, 0, 0.2);
41+
font-style: italic;
42+
}
43+
2844
pre {
2945
color: #55cc66;
3046
background: #001800!important;
@@ -69,14 +85,40 @@ pre::-webkit-scrollbar-thumb {
6985
.margin {
7086
margin: 0 auto
7187
}
88+
.bg-intro {
89+
background: #5f72bd;
90+
height: 90%;
91+
}
7292
.intro {
7393
height: 100%;
7494
color: #fff;
7595
text-align: center;
7696
background: #5f72bd;
77-
background: -webkit-linear-gradient(left, #5f72bd, #9b23ea);
78-
background: linear-gradient(to right, #5f72bd, #9b23ea);
79-
}
97+
background-color: #5f72bd;
98+
background: url(../img/bg-teste.svg);
99+
background-size: cover;
100+
background-repeat: repeat;
101+
background-position: bottom;
102+
-webkit-animation-name: anima;
103+
animation-name: anima;
104+
-webkit-animation-duration: 2s;
105+
animation-duration: 2s;
106+
-webkit-animation-iteration-count: infinite;
107+
animation-iteration-count: infinite;
108+
-webkit-animation-direction: alternate;
109+
animation-direction: alternate;
110+
-webkit-animation-timing-function: linear;
111+
animation-timing-function: linear;
112+
}
113+
@-webkit-keyframes anima {
114+
0% {background-position: bottom;}
115+
100% {background-position: center;}
116+
}
117+
@keyframes anima {
118+
0% {background-position: bottom;}
119+
100% {background-position: center;}
120+
}
121+
80122
.flex {
81123
display: -webkit-box;
82124
display: -ms-flexbox;
@@ -91,14 +133,16 @@ pre::-webkit-scrollbar-thumb {
91133
}
92134
.box {
93135
width: 500px;
94-
max-width: 90%
136+
max-width: 90%;
137+
padding-top: 0px;
95138
}
96139
.ex {
97140
padding-top: 20px;
98141
}
99142
footer {
100143
padding-top: 50px;
101-
padding-bottom: 30px
144+
padding-bottom: 30px;
145+
font-size: 20px;
102146
}
103147
.bg {
104148
background: #fff;
@@ -114,8 +158,7 @@ footer {
114158
padding-top: 10px
115159
}
116160
.container-form {
117-
margin-top: 10px;
118-
margin-bottom: 20px;
161+
margin: 30px;
119162
display: -webkit-box;
120163
display: -ms-flexbox;
121164
display: flex;
@@ -138,7 +181,9 @@ footer {
138181
margin-top: 0;
139182
padding-bottom: 10px;
140183
}
141-
.box-form input {
184+
.box-form textarea,
185+
.box-form input,
186+
.box-form select {
142187
width: 100%;
143188
height: 30px;
144189
font-size: 14px;
@@ -147,25 +192,37 @@ footer {
147192
-webkit-transition: 2s;
148193
transition: 2s;
149194
color: rgba(0, 0, 0, 0.5);
150-
;
151-
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
195+
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
152196
}
153197
.box-form input:focus {
154198
border-bottom: 1px solid #5f72bd;
155199
}
200+
.cl {
201+
width: 50px!important;
202+
}
203+
.clr {
204+
width: 100px!important;
205+
}
156206
.box-form label {
157207
font-weight: 700;
158208
color: rgba(0, 0, 0, 0.5);
159209
font-size: 20px
160210
}
161211
.box-form span {
162-
color: #5f72bd
212+
color: rgba(0, 0, 0, .5);
213+
font-size: 12px;
214+
}
215+
.text-center {
216+
text-align:
163217
}
164218
.box-form-button {
165-
background: -webkit-linear-gradient(left, #5f72bd, #9b23ea);
166-
background: linear-gradient(to right, #5f72bd, #9b23ea);
219+
background: #5f72bd;
167220
color: #fff;
168-
width: 100%;
221+
min-width: 100px;
222+
padding-left: 20px;
223+
padding-right: 20px;
224+
box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
225+
margin: 0 auto;
169226
border: none;
170227
height: 50px;
171228
font-size: 20px;
@@ -175,14 +232,36 @@ footer {
175232
transition: 1s;
176233
cursor: pointer;
177234
}
235+
178236
.counter {
179237
font-size: 14px;
180-
opacity: 0.8
238+
opacity: 0.8;
181239
}
182240
.box-form-button[disabled] {
183241
opacity: 0.6;
184242
cursor: not-allowed;
185243
}
244+
.ttt {
245+
display: -webkit-box;
246+
display: -ms-flexbox;
247+
display: flex;
248+
-webkit-box-align: end;
249+
-ms-flex-align: end;
250+
align-items: flex-end;
251+
}
252+
.flex1 {
253+
-webkit-box-flex: 1;
254+
-ms-flex: 1;
255+
flex: 1
256+
}
257+
.carac {
258+
width: 100%;
259+
text-align: right;
260+
}
261+
.box-form label i {
262+
color: #cc5555;
263+
margin-left: -3px;;
264+
}
186265
.btn {
187266
background: #5f72bd;
188267
color: #fff;
@@ -199,14 +278,14 @@ footer {
199278
cursor: pointer;
200279
}
201280
.btn-remover {
202-
background: #cc5555
281+
background: #cc5555 !important
203282
}
204283
.btn-remover:hover {
205-
background: #ad4848
284+
background: #ad4848 !important
206285
}
207286
.logo {
208-
width: 300px;
209-
;
287+
width: 100%;
288+
max-width: 90%;
210289
}
211290
.t h2 {
212291
color: #5f72bd;
@@ -225,11 +304,34 @@ footer {
225304
color: rgba(0, 0, 0, 0.6);
226305
font-size: 14px
227306
}
307+
.lolo {
308+
color: #FFDD67
309+
}
310+
.gt {
311+
min-height: 200px;
312+
display: flex;
313+
justify-content: center;
314+
align-items: center;
315+
background: #5f72bd;
316+
color: #fff;
317+
transition: 1s
318+
}
319+
.git {
320+
max-width: 90%;
321+
transition: 1s;
322+
text-align: center;
323+
}
324+
.gt:hover .git {
325+
transform: scale(1.2, 1.2);
326+
}
228327
@media only screen and (max-width: 400px) {
229328
.some {
230329
display: none
231330
}
232331
pre {
233332
width: 80%
234333
}
334+
.container-form {
335+
margin: 10px
336+
}
235337
}

‎img/.DS_Store

6 KB
Binary file not shown.

0 commit comments

Comments
 (0)