Skip to content

Commit b508493

Browse files
luzfcbluzfcb
committed
Merge pull request pythonclub#44 from luzfcb/pelican
Adicionado novas meta-tags para integração com redes sociais
2 parents 63cc73a + 497f3a4 commit b508493

File tree

4 files changed

+263
-0
lines changed

4 files changed

+263
-0
lines changed

‎exemplos/exemplo_com_tags_opcionais_para_redes_sociais.md

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
Title: Exemplo de Publicação 2(em Markdown) com tags opcionais para redes sociais
2+
Date: 2014-04-24 17:21
3+
Tags: exemplo
4+
Category: Geral
5+
Slug: exemplo-de-publicacao-2-em-markdown-com-tags-opcionais-para-redes-sociais
6+
Author: Fábio Caritas Barrionuevo da Luz
7+
Email: [email protected]
8+
Github: seu_usuario_do_github
9+
Bitbucket: seu_usuario_do_bitbucket
10+
Site: endereço_completo_de_seu_site_ou_blog
11+
Twitter: seu_usuario_do_twitter
12+
Facebook: seu_usuario_do_facebook
13+
Linkedin: seu_usuario_do_linkedin_
14+
Gittip: seu_usuario_do_gittip
15+
16+
17+
18+
Lorem Ipsum
19+
-----------
20+
21+
### Sub-titulo
22+
23+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
24+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
25+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
26+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
27+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
28+
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
29+
30+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
31+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
32+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
33+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
34+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
35+
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
36+
37+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
38+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
39+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
40+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
41+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
42+
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
43+
44+
### Lista
45+
46+
* Lorem ipsum
47+
* dolor sit amet
48+
* consectetur adipisicing elit
49+
* sed do eiusmod
50+
51+
### Imagem
52+
53+
![python logo](images/python-logo-master-v3-TM.png "Python Logo")
54+
55+
### Syntax Highlight
56+
57+
:::python
58+
59+
from django.views.generic import TemplateView
60+
61+
from braces.views import LoginRequiredMixin
62+
63+
64+
class IndexView(LoginRequiredMixin, TemplateView):
65+
template_name = 'core/index.html'

‎exemplos/exemplo_com_tags_opcionais_para_redes_sociais.rst

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
Exemplo de Publicação 2 (em RST) com tags opcionais para redes sociais
2+
##############################
3+
4+
:date: 2014-04-24 17:21
5+
:tags: exemplo
6+
:category: Geral
7+
:slug: exemplo-de-publicacao-em-rst-com-tags-opcionais-para-redes-sociais
8+
:author: Fábio Caritas Barrionuevo da Luz
9+
:email: [email protected]
10+
:github: seu_usuario_do_github
11+
:bitbucket: seu_usuario_do_bitbucket
12+
:site: endereço_completo_de_seu_site_ou_blog
13+
:twitter: seu_usuario_do_twitter
14+
:facebook: seu_usuario_do_facebook
15+
:linkedin: seu_usuario_do_linkedin
16+
:gittip: seu_usuario_do_gittip
17+
18+
19+
20+
===========
21+
Lorem Ipsum
22+
===========
23+
24+
Sub-titulo
25+
----------
26+
27+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
28+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
29+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
30+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
31+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
32+
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
33+
34+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
35+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
36+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
37+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
38+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
39+
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
40+
41+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
42+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
43+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
44+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
45+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
46+
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
47+
48+
Lista
49+
-----
50+
51+
* Lorem ipsum
52+
* dolor sit amet
53+
* consectetur adipisicing elit
54+
* sed do eiusmod
55+
56+
Imagem
57+
------
58+
59+
.. image:: images/python-logo-master-v3-TM.png
60+
:alt: python logo
61+
62+
Syntax Highlight
63+
----------------
64+
65+
.. code-block:: python
66+
67+
from django.views.generic import TemplateView
68+
69+
from braces.views import LoginRequiredMixin
70+
71+
72+
class IndexView(LoginRequiredMixin, TemplateView):
73+
template_name = 'core/index.html'

‎theme/static/css/pure.css

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -363,3 +363,64 @@ pre {
363363
.twitter-share-button {
364364
margin: 0 0 -6px 6px;
365365
}
366+
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; }
425+
426+

‎theme/templates/article.html

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,70 @@
3434
<img class="article-avatar" alt="{{ article.author }}" src="{{ article.author_gravatar }}">
3535
</a>
3636
<h2 class="article-info">{{ article.author }}</h2>
37+
<div>
38+
<ul class="author-social">
39+
{% if article.gittip %}
40+
<li>
41+
<a href="https://www.gittip.com/{{ article.gittip }}">
42+
<i class="fa fa-lg fa-fw fa-gittip"></i>
43+
<strong>Gittip</strong>
44+
</a>
45+
</li>
46+
{% endif %}
47+
48+
{% if article.github %}
49+
<li>
50+
<a 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+
57+
{% if article.bitbucket %}
58+
<li>
59+
<a href="https://bitbucket.org/{{ article.bitbucket }}">
60+
<i class="fa fa-lg fa-fw fa-bitbucket"></i>
61+
<strong>Bitbucket</strong>
62+
</a>
63+
</li>
64+
{% endif %}
65+
66+
{% if article.twitter %}
67+
<li>
68+
<a href="https://twitter.com/{{ twitter }}">
69+
<i class="fa fa-lg fa-fw fa-twitter"></i>
70+
<strong>Twitter</strong>
71+
</a>
72+
</li>
73+
{% endif %}
74+
{% if article.linkedin %}
75+
<li>
76+
<a href="http://www.linkedin.com/in/{{ article.linkedin }}">
77+
<i class="fa fa-lg fa-fw fa-linkedin"></i>
78+
<strong>Linkedin</strong>
79+
</a>
80+
</li>
81+
{% endif %}
82+
83+
{% if article.facebook %}
84+
<li>
85+
<a href="https://www.facebook.com/{{ article.facebook }}">
86+
<i class="fa fa-lg fa-fw fa-facebook"></i>
87+
<strong>Facebook</strong>
88+
</a>
89+
</li>
90+
{% endif %}
91+
{% if article.site %}
92+
<li>
93+
<a href="{{ article.site }}">
94+
<i class="fa fa-lg fa-fw fa-globe"></i>
95+
<strong>Site</strong>
96+
</a>
97+
</li>
98+
{% endif %}
99+
</ul>
100+
</div>
37101
<small class="about-author">{{ article.about_author }}</small>
38102
<h5>Publicado em:</h5>
39103
<p>{{ article.locale_date }}</p>

0 commit comments

Comments
 (0)