Skip to content

Commit 1c1f65b

Browse files
committed
Merge pull request pythonclub#50 from arturfelipe/pelican
Correções no CSS das tags sociais, acerto na foto de avatar e alinhando de alguns trechos de código
2 parents 6ec016d + dfca238 commit 1c1f65b

File tree

3 files changed

+123
-125
lines changed

3 files changed

+123
-125
lines changed

content/six.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,12 @@ Category: Python
55
Slug: sobre-o-six-e-como-ele-ajuda-a-escrever-codigo-compativel-com-python-2-e-3
66
Author: Artur Felipe de Sousa
77
8+
Github: arturfelipe
9+
Bitbucket: arturfsousa
10+
Site: http://artursousa.com.br
11+
Twitter: arturfsousa
12+
Facebook: ArturFelipe
13+
Linkedin: arturfsousa
814

915

1016
### Python 2.x ou python 3.x?

theme/static/css/pure.css

Lines changed: 56 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ pre {
4040
}
4141

4242
.cover-img {
43-
background-color: #131516;
43+
background-color: #131516;
4444
position: absolute;
4545
width: 100%;
4646
height: 100%;
@@ -88,7 +88,6 @@ pre {
8888
border-radius: 60px;
8989
float: right;
9090
margin-left: 1em;
91-
border: 3px solid #fff;
9291
z-index: 500;
9392
background-color: #fff;
9493
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
@@ -364,63 +363,60 @@ pre {
364363
margin: 0 0 -6px 6px;
365364
}
366365

367-
/* css para as novas tags
368-
:github: usuario
369-
:bitbucket: usuario
370-
:site: site.com
371-
:twitter: usuario
372-
:facebook: usuario
373-
:linkedin: usuario
374-
:gittip: usuario
375-
*/
376-
377-
/* SOCIAL AUTHOR ICONS - CSS3 */
378-
.author-social {
379-
list-style:none;
380-
position:relative;
381-
left:50%;
382-
max-width:228px; word-wrap:break-word;
383-
}
384-
.author-social li {
385-
display:inline;
386-
float:left;
387-
background-repeat:no-repeat;
388-
-webkit-transition-property: opacity;
389-
-webkit-transition-duration: 500ms;
390-
-moz-transition-property: opacity;
391-
-moz-transition-duration: 500ms;
392-
padding-bottom: 13px;
393-
}
394-
395-
.author-social li a { display:block; padding-right:10px; position:relative; text-decoration:none; }
396-
.author-social li a strong {
397-
font-weight:normal;
398-
position:absolute;
399-
left:10px;
400-
top:-25px;
401-
color:#fff;
402-
padding:3px;
403-
z-index:9999;
404-
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
405-
background-color:rgba(0, 0, 0, 0.7);
406-
-moz-border-radius:3px;
407-
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
408-
-webkit-border-radius:3px;
409-
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
410-
border-radius:3px;
411-
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
412-
opacity:0;
413-
-webkit-transition-property: opacity, top;
414-
-webkit-transition-duration: 300ms;
415-
-moz-transition-property: opacity, top;
416-
-moz-transition-duration: 300ms;
417-
}
418-
419-
420-
.author-social:hover li { opacity:0.2; }
421-
422-
423-
.author-social li:hover { opacity:1; }
424-
.author-social li:hover a strong { opacity:1; }
366+
/* Tags sociais (git,twitter,in,fb...) */
367+
.author-social {
368+
list-style:none;
369+
position:relative;
370+
max-width:170px;
371+
word-wrap:break-word;
372+
display:inline-block;
373+
padding: 0;
374+
}
375+
.author-social li {
376+
display:inline-block;
377+
background-repeat:no-repeat;
378+
-webkit-transition-property: opacity;
379+
-webkit-transition-duration: 500ms;
380+
-moz-transition-property: opacity;
381+
-moz-transition-duration: 500ms;
382+
padding-bottom: 13px;
383+
}
384+
.author-social li a {
385+
display:block;
386+
padding-left:10px;
387+
position:relative;
388+
text-decoration:none;
389+
}
390+
.author-social li a strong {
391+
font-weight:normal;
392+
position:absolute;
393+
left:10px;
394+
top:-25px;
395+
color:#fff;
396+
padding:3px;
397+
z-index:9999;
398+
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
399+
background-color:rgba(0, 0, 0, 0.7);
400+
-moz-border-radius:3px;
401+
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
402+
-webkit-border-radius:3px;
403+
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
404+
border-radius:3px;
405+
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
406+
opacity:0;
407+
-webkit-transition-property: opacity, top;
408+
-webkit-transition-duration: 300ms;
409+
-moz-transition-property: opacity, top;
410+
-moz-transition-duration: 300ms;
411+
}
412+
.author-social:hover li {
413+
opacity:0.2;
414+
}
415+
.author-social li:hover {
416+
opacity:1;
417+
}
418+
.author-social li:hover a strong {
419+
opacity:1;
420+
}
425421

426422

theme/templates/article.html

Lines changed: 61 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -36,71 +36,67 @@
3636
{% endif %}
3737
</a>
3838
<h2 class="article-info">{{ article.author }}</h2>
39-
<div>
40-
<ul class="author-social">
41-
{% if article.gittip %}
42-
<li>
43-
<a href="https://www.gittip.com/{{ article.gittip }}">
44-
<i class="fa fa-lg fa-fw fa-gittip"></i>
45-
<strong>Gittip</strong>
46-
</a>
47-
</li>
48-
{% endif %}
49-
50-
{% if article.github %}
51-
<li>
52-
<a href="https://github.com/{{ article.github }}">
53-
<i class="fa fa-lg fa-fw fa-github"></i>
54-
<strong>Github</strong>
55-
</a>
56-
</li>
57-
{% endif %}
58-
59-
{% if article.bitbucket %}
60-
<li>
61-
<a href="https://bitbucket.org/{{ article.bitbucket }}">
62-
<i class="fa fa-lg fa-fw fa-bitbucket"></i>
63-
<strong>Bitbucket</strong>
64-
</a>
65-
</li>
66-
{% endif %}
67-
68-
{% if article.twitter %}
69-
<li>
70-
<a href="https://twitter.com/{{ twitter }}">
71-
<i class="fa fa-lg fa-fw fa-twitter"></i>
72-
<strong>Twitter</strong>
73-
</a>
74-
</li>
75-
{% endif %}
76-
{% if article.linkedin %}
77-
<li>
78-
<a href="http://www.linkedin.com/in/{{ article.linkedin }}">
79-
<i class="fa fa-lg fa-fw fa-linkedin"></i>
80-
<strong>Linkedin</strong>
81-
</a>
82-
</li>
83-
{% endif %}
84-
85-
{% if article.facebook %}
86-
<li>
87-
<a href="https://www.facebook.com/{{ article.facebook }}">
88-
<i class="fa fa-lg fa-fw fa-facebook"></i>
89-
<strong>Facebook</strong>
90-
</a>
91-
</li>
92-
{% endif %}
93-
{% if article.site %}
94-
<li>
95-
<a href="{{ article.site }}">
96-
<i class="fa fa-lg fa-fw fa-globe"></i>
97-
<strong>Site</strong>
98-
</a>
99-
</li>
100-
{% endif %}
101-
</ul>
102-
</div>
103-
<small class="about-author">{{ article.about_author }}</small>
39+
<ul class="author-social">
40+
{% if article.gittip %}
41+
<li>
42+
<a target="_blank" href="https://www.gittip.com/{{ article.gittip }}">
43+
<i class="fa fa-lg fa-fw fa-gittip"></i>
44+
<strong>Gittip</strong>
45+
</a>
46+
</li>
47+
{% endif %}
48+
{% if article.github %}
49+
<li>
50+
<a target="_blank" href="https://github.com/{{ article.github }}">
51+
<i class="fa fa-lg fa-fw fa-github"></i>
52+
<strong>Github</strong>
53+
</a>
54+
</li>
55+
{% endif %}
56+
{% if article.bitbucket %}
57+
<li>
58+
<a target="_blank" href="https://bitbucket.org/{{ article.bitbucket }}">
59+
<i class="fa fa-lg fa-fw fa-bitbucket"></i>
60+
<strong>Bitbucket</strong>
61+
</a>
62+
</li>
63+
{% endif %}
64+
{% if article.twitter %}
65+
<li>
66+
<a target="_blank" href="https://twitter.com/{{ article.twitter }}">
67+
<i class="fa fa-lg fa-fw fa-twitter"></i>
68+
<strong>Twitter</strong>
69+
</a>
70+
</li>
71+
{% endif %}
72+
{% if article.linkedin %}
73+
<li>
74+
<a target="_blank" href="http://www.linkedin.com/in/{{ article.linkedin }}">
75+
<i class="fa fa-lg fa-fw fa-linkedin"></i>
76+
<strong>Linkedin</strong>
77+
</a>
78+
</li>
79+
{% endif %}
80+
{% if article.facebook %}
81+
<li>
82+
<a target="_blank" href="https://www.facebook.com/{{ article.facebook }}">
83+
<i class="fa fa-lg fa-fw fa-facebook"></i>
84+
<strong>Facebook</strong>
85+
</a>
86+
</li>
87+
{% endif %}
88+
{% if article.site %}
89+
<li>
90+
<a target="_blank" href="{{ article.site }}">
91+
<i class="fa fa-lg fa-fw fa-globe"></i>
92+
<strong>Site</strong>
93+
</a>
94+
</li>
95+
{% endif %}
96+
</ul>
97+
{% if article.about_author %}
98+
<small class="about-author">{{ article.about_author }}</small>
99+
{% endif %}
104100
<h5>Publicado em:</h5>
105101
<p>{{ article.locale_date }}</p>
106102
<a href="/">&larr;Home</a>

0 commit comments

Comments
 (0)