diff --git a/static/screen.css b/static/screen.css new file mode 100644 index 0000000..d0bf24a --- /dev/null +++ b/static/screen.css @@ -0,0 +1,236 @@ +/* theme pour pelican CSS */ + +@import url(http://fonts.googleapis.com/css?family=Droid+Serif); + +/* couleurs + +background: #ddc; +titre color: #997; +sous-titre: color: #bb9; +texte: #667; + +*/ + +body { + background: #ddc; + font-family: 'Droid Serif', serif; + padding: 2% 2% 5% 2%; +} + +#header { + font-size: 1.5em; + font-family: 'Droid Serif', serif; +} +#header .title { + color: #997; + font-family: 'Droid Serif', serif; +} +#header .subtitle { + color: #bb9; +} +header, #main .header, #main h2, #main h3, #main h4, #main h5, #main h6 { + font-family: 'Droid Serif', serif; +} + +#main { + /*margin: 2% 0;*/ + font-family: 'Lucida grande', serif; +} + +/*#main article.card header.extra.content { background: #eee; }*/ +#main article.card footer.extra.content { background: #eed; } +#main article.card .header { } +#main article.card .category { + color: #bb9; + text-transform: none; + font-weight: normal; +} +#main article.card .summary { + font-size: 1.2em; + line-height: 1.6em; + color: #667; +} + +#illustration { + max-width: 100%; +} +/* article seul */ + +#article { + font-size: 1.3em; + line-height: 1.7em; + color: #667; +} +#article .header { + +} +/*#article p, #article li { + line-height: inherit; + margin-bottom: 2.3em; +}*/ + +#article .content a, article.card .summary a { + color: inherit; + border-bottom: dotted 0.2em #ddc; +} + +footer.bottom.attached.menu { + background: #eed; +} + +blockquote { + border: dashed 2px #bb9; + margin: 1em 0; + padding: 1em; +} + +p { + line-height: inherit; +} + +li { + line-height: inherit; + margin-bottom: 0.8em; +} + +/* TODO titres */ + +/* code / syntax highlighting +http://elfnor.com/pelican-and-markdown-styling-cheat-sheet.html +http://alexpeattie.com/blog/github-style-syntax-highlighting-with-pygments/ + +TODO syntaxe / couleurs depuis atom one dark ui +https://github.com/atom/one-dark-ui/tree/master/styles + +cyan #56b6c2; fonctions, decorateurs +blue #61afef; +purple #c678dd; keywords +green #98c379; chaines +red 1 #e06c75; +red 2 #be5046; +orange1 #d19a66; classes +orange2 #e5c07b; noms + +*/ + + + +code { + background-color: #282c34; + color: #abb2bf; + padding: 0 0.3em; +} + +pre { + border: 1px solid #171c26; + background-color: #282c34; + color: #abb2bf; + padding: 0 0.3em; + font-size: 0.9em; +} + +/* comments */ +pre .c, pre .c1, pre .cm { + color: #5c6370; + font-style: italic; +} + +/* balises / règles css */ +pre .nt { + color: #e06c75; +} + +/* node attributes */ +pre .na { + color: #d19a66; +} + +/* constantes */ +pre .nb { + color: #d19a66; +} + +/* variables */ +pre .nv { + color: #e06c75; +} + +/* php classes hors declaration */ +pre .nx { + color: #e5c07b; +} + +/* clefs */ +pre .k, pre .kn, pre .kd, pre .ow { + color: #c678dd; +} + +/* strings */ +pre .s , pre .s1, pre .sx, pre .sd { + color: #98c379; +} +/* python antislash */ +pre .se { + color: #56b6c2; +} + +/* valeurs */ +pre .m { + color: #d19a66; +} +/* JS true */ +pre .kc { + color: #d19a66; +} +/* math int ?, float, hexa */ +pre .mi, pre .mf, pre .mh { + color: #d19a66; +} +/* regex search JS */ +pre .sr { + color: #56b6c2; +} + +/* CSS : classes */ +pre .nc { + color: #e5c07b; +} + +/* arguments */ +pre .n { + color: #d19a66;; +} +/* python lib */ +pre .nn { + color: #be5046; +} + +/* CSS id, python function */ +pre .nf { + color: #56b6c2; +} + +/* CSS pseudo */ +pre .nd { + color: #d19a66; +} + +/* XML entites */ +pre .ni { + color: #e5c07b; +} + +/* python self */ +pre .bp { + color: #e06c75; +} + +/* PHP balises php */ +pre .cp { + color: #be5046; +} + +/* YAML scalar */ +pre .l-Scalar-Plain { + color: #e06c75; +} diff --git a/templates/article.html b/templates/article.html new file mode 100644 index 0000000..cc4cf2f --- /dev/null +++ b/templates/article.html @@ -0,0 +1,77 @@ +{% extends "base.html" %} + +{% block title %}{{ article.title }}{% endblock title %} + +{% block local %} +{# aside content #} +{% block local_aside %} + +{% endblock local_aside %} + +{# main content #} +{% block main %} +
+ +
+

{{ article.title }}

+
+ {{ article.content }} +
+ + {% if TWITTER_USERNAME and False %} + + {% endif %} +
+ + {# liens via http://www.sharelinkgenerator.com #} + +
+{% endblock main %} + +{% endblock local %} diff --git a/templates/author.html b/templates/author.html new file mode 100644 index 0000000..e8ceb8d --- /dev/null +++ b/templates/author.html @@ -0,0 +1,20 @@ +{% extends "index.html" %} + +{% block title %}{{ author }} | {{ SITENAME }}{% endblock %} + +{% block breadcrumb %} + + {{ author }} +{% endblock %} + +{% block feeds %} +{% if AUTHOR_FEED_ATOM %}{# TO DO : formatage ur categorie #} + + + +{% elif AUTHOR_FEED_RSS %} + + + +{% endif %} +{% endblock %} diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..090f4d8 --- /dev/null +++ b/templates/base.html @@ -0,0 +1,50 @@ + + + + + + + + + + {% block title %}{{ SITENAME }}{%endblock%} + + {% if FEED_ALL_ATOM %} + + {% endif %} + {% if FEED_ALL_RSS %} + + {% endif %} + + + + + + +{# TODO indentation, commentaires #} +{# FIXME appels javascript ko ? #} +{% block body %} +
+{% block header %} +{% endblock %} + +{# pages (changing) content #} +{% block local %}
+
+

hello content

+
+
{% endblock %} +{# global / fixed content #} +{% block global %} +{% include "inc/global-navs.aside.html" %} +{% endblock %} +{% endblock %}
{# end grid #} + + + + diff --git a/templates/category.html b/templates/category.html new file mode 100644 index 0000000..09bc180 --- /dev/null +++ b/templates/category.html @@ -0,0 +1,20 @@ +{% extends "index.html" %} + +{% block title %}{{ category }} | {{ SITENAME }}{% endblock %} + +{% block breadcrumb %} + + {{ category }} +{% endblock %} + +{% block feeds %} +{% if CATEGORY_FEED_ATOM %}{# TO DO : formatage ur categorie #} + + + +{% elif CATEGORY_FEED_RSS %} + + + +{% endif %} +{% endblock %} diff --git a/templates/inc/article-card.html b/templates/inc/article-card.html new file mode 100644 index 0000000..ae472e0 --- /dev/null +++ b/templates/inc/article-card.html @@ -0,0 +1,37 @@ +
+ {#}
+ {{ article.category }} +
#} +
+ {{ article.title }} + {# TODO : si systeme d'icones par categorie, remplacer l'icone ici #} + {% if category %} +
+ +
+ {% else %} + + {{ article.category }} + + {% endif %} +
+ {{ article.summary }} +
+
+ {% if article.metadata.image %} +
+ +
+ {% else %} + {#}
+ +
#} + {% endif %} + +
diff --git a/templates/inc/article-cards.main.html b/templates/inc/article-cards.main.html new file mode 100644 index 0000000..3d3deff --- /dev/null +++ b/templates/inc/article-cards.main.html @@ -0,0 +1,11 @@ +{% if articles %}{# contenu principal : cartes articles #} +
{% for article in articles_page.object_list %} + {% include "inc/article-card.html" %}{% endfor %} +
+{% else %} +
+
+

Nothing yet !

+
+
+{% endif %} diff --git a/templates/inc/global-navs.aside.html b/templates/inc/global-navs.aside.html new file mode 100644 index 0000000..6235272 --- /dev/null +++ b/templates/inc/global-navs.aside.html @@ -0,0 +1,54 @@ +{# navigation globale #} + diff --git a/templates/inc/pages.nav.html b/templates/inc/pages.nav.html new file mode 100644 index 0000000..7867e70 --- /dev/null +++ b/templates/inc/pages.nav.html @@ -0,0 +1,10 @@ + +
+ diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..f566551 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,51 @@ +{% extends "base.html" %} + +{% block title %}{% if category %}{% elif tag %}{{ tag }} | {{ SITENAME }}{% else %}{{ SITENAME }}{% endif %}{% endblock %} + +{% block local %}
+{# local navigation : 1 semantic-ui menu, three jinja blocks : + - breadcrumb links items + - pagination links + - feeds links +#} + + +{# local content #} +{% block local_content %} +{% include "inc/article-cards.main.html" %} +{% endblock %} + +
{% endblock %}{# end block local #} diff --git a/templates/page.html b/templates/page.html new file mode 100644 index 0000000..b60a888 --- /dev/null +++ b/templates/page.html @@ -0,0 +1,28 @@ +{% extends "base.html" %} + +{% block title %}{{ page.title }} | {{ SITENAME }}{% endblock %} + +{% block local %} + +{% block local_aside %} + +{% endblock %} + +{% block main %}
+
+

{{ page.title }}

+ {% import 'translations.html' as translations with context %} + {{ translations.translations_for(page) }} + {{ page.content }} +
+
+{% endblock %} + +{% endblock %} diff --git a/templates/period_archives.html b/templates/period_archives.html new file mode 100644 index 0000000..02a3d8d --- /dev/null +++ b/templates/period_archives.html @@ -0,0 +1,27 @@ +{% extends "index.html" %} + +{% block breadcrumb %} + +{% if period|length==2 %} + {{ period[0] }} + {{ period[1] }} +{% else %} + {{ period[0] }} +{% endif %} +{% endblock breadcrumb %} + +{% block pagination %}{% endblock pagination %} + +{% block local_content %} +{% if articles %}{# contenu principal : cartes articles #} +
{% for article in dates %} + {% include "inc/article-card.html" %}{% endfor %} +
+{% else %} +
+
+

Nothing yet !

+
+
+{% endif %} +{% endblock %} diff --git a/templates/tag.html b/templates/tag.html new file mode 100644 index 0000000..1429497 --- /dev/null +++ b/templates/tag.html @@ -0,0 +1,20 @@ +{% extends "index.html" %} + +{% block title %}{{ tag }} | {{ SITENAME }}{% endblock %} + +{% block breadcrumb %} + + {{ tag }} +{% endblock %} + +{% block feeds %} +{% if TAG_FEED_ATOM %}{# TO DO : formatage ur categorie #} + + + +{% elif TAG_FEED_RSS %} + + + +{% endif %} +{% endblock %}