prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

some stuff and background

Browse Source
This commit is contained in:
Adrien Beudin 2016-04-09 09:33:48 +02:00
parent ba4d795a3e
commit a90e633308
18 changed files with 190 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
prosopopee/themes/exposure/static/css/style-page.css
View File

@ -257,12 +257,13 @@ footer a {
}
.share {
.share, .author {
text-align: center;
height: auto;
position: relative;
bottom: 0;
padding: 0 0 10px 0;
font-family: 'crimson', serif;
}
@ -310,3 +311,30 @@ a.google {
background-position: -172px 0 !important;
}
.author img.circle {
border-radius: 50%;
width: 80px;
}
.author {
padding-bottom: 7em;
}
.author-meta {
color: #ccc;
font-style: italic;
font-size: 19px;
}
.author h4 {
text-transform: uppercase;
}
.author .desc {
width: 350px;
margin: auto;
padding-bottom: 10px;
font-style: normal;
font-size: 14px;
line-height: normal;
color: #333;
}

33
prosopopee/themes/exposure/templates/sections/author.html Normal file
View File

@ -0,0 +1,33 @@
{% set image = Image(section.image) %}
{{ image.copy() }}
<div class="author">
<img src={{ image.generate_thumbnail("200x200") }} alt="" class="circle">
<div>
<span class=author-meta>Story by</span>
<h4>{{ section.name }}</h4>
{% if section.text %}
<div class=desc>{{ section.text }}</div>
{% endif %}
</div>
<div class="separator"></div>
<div>
{% if section.twitter %}
<span>
<a href="http://facebook.com/{{ section.twitter }}">Facebook</a>
</span>
<span> | </span>
{% endif %}
{% if section.facebook %}
<span>
<a href="http://twitter.com/{{ section.twitter }}">Twitter</a>
</span>
<span> | </span>
{% endif %}
{% if section.website %}
<span>
<a href="{{ section.sebsite }}">{{ section.website }}</a>
</span>
{% endif %}
</div>
</div>
</div>

7
prosopopee/themes/exposure/templates/sections/bordered-picture.html
View File

@ -1,6 +1,9 @@
{% set image = Image(section.image) %}
{% set caption = section.text %}
{{ image.copy()}}
{% if section.color %}
<div style="padding: 1px 0px;background: {{ section.background }};">
{% endif %}
<section class="bordered-picture baguette">
<div class="caption">
<a href="{{ image }} {% if caption %}data-caption="{{ caption }}"{% endif %}">
@ -13,3 +16,7 @@
</div>
</a>
</section>
{% if section.color %}
</div>
{% endif %}

7
prosopopee/themes/exposure/templates/sections/html.html
View File

@ -1,5 +1,12 @@
{% if section.color %}
<div style="padding: 1px 0px;background: {{ section.background }};">
{% endif %}
<section class="html">
<center>
{{ section.html }}
</center>
</section>
{% if section.color %}
</div>
{% endif %}

6
prosopopee/themes/exposure/templates/sections/paragraph.html
View File

@ -1,3 +1,6 @@
{% if section.color %}
<div style="padding: 1px 0px;background: {{ section.background }};">
{% endif %}
<section class="paragraph">
{% if section.title %}
<h2>{{ section.title }}</h2>
@ -6,3 +9,6 @@
{% endif %}
<p>{{ section.text }}</p>
</section>
{% if section.color %}
</div>
{% endif %}

6
prosopopee/themes/exposure/templates/sections/pictures-group.html
View File

@ -1,3 +1,6 @@
{% if section.color %}
<div style="padding: 1px 0px;background: {{ section.background }};">
{% endif %}
<section class="pictures-group baguette">
{% for line in section.images %}
<div class="pictures-line">
@ -22,3 +25,6 @@
</div>
{% endfor %}
</section>
{% if section.color %}
</div>
{% endif %}

6
prosopopee/themes/exposure/templates/sections/text.html
View File

@ -1,3 +1,9 @@
{% if section.color %}
<div style="padding: 1px 0px;background: {{ section.background }};">
{% endif %}
<section class="text">
{{ section.text }}
</section>
{% if section.color %}
</div>
{% endif %}

3
prosopopee/themes/exposure/templates/share.html
View File

@ -1,8 +1,9 @@
{% set absolute_url = settings.url + "/" + link -%}
<div class=share>
<h5>Share this story</h5>
<ul class="icon">
<li>
<a class="twitter" href="https://twitter.com/share?text={{ gallery.name }}&url={{absolute_url}}&hashtags=weareawesome&via=bluleadz" target="_blank">Twitter</i></a>
<a class="twitter" href="https://twitter.com/share?text={{ gallery.name }}&url={{absolute_url}}{%if gallery.tags %}&hashtags={% for tag in gallery.tags -%}{{ tag }}{% if not loop.lirst and not loop.last %},{% endif %}{% endfor -%}{% endif -%}" target="_blank">Twitter</i></a>
</li>
<li>
<a class="facebook" href="http://www.facebook.com/share.php?u={{absolute_url}}" target="_blank">Facebook</a>

8
prosopopee/themes/material/static/css/styles.css
View File

@ -112,3 +112,11 @@ main {
.card-action .right {
margin-top: -5px;
}
.author {
padding-top: 7em;
}
.fixed-action-btn.horizontal ul {
top: 22%;
}

2
prosopopee/themes/material/templates/index.html
View File

@ -14,7 +14,7 @@
<div class="col s12 m12 l6">
{% else %}
{% if loop.last %}
<div class="col s12 m12 l12">
<div class="col s12 m12 l6">
{% else %}
<div class="col s12 m12 l6">
{% endif %}

52
prosopopee/themes/material/templates/sections/author.html Normal file
View File

@ -0,0 +1,52 @@
{% set image = Image(section.image) %}
{{ image.copy() }}
<div class="container author">
<div class="section">
<div class="row">
<div class="col s12 m8 offset-m2 l6 offset-l3">
<div class="divider"></div>
<div class="section">
<div class="row valign-wrapper">
<div class="col s2">
<img src={{ image.generate_thumbnail("200x200") }} alt="" class="circle responsive-img">
</div>
<div class="col s10">
<div class="section">
<span class="grey-text">Story by</span>
<h5>{{ section.name }}</h5>
{% if section.text %}
<span>{{ section.text }}</span>
{% endif %}
<div class="section">
{% if section.twitter %}
<span>
<a class="black-text" href="http://facebook.com/{{ section.twitter }}">
<i class="fa fa-twitter-square grey-text"></i> Facebook
</a>
</span>
<span class="grey-text"> | </span>
{% endif %}
{% if section.facebook %}
<span>
<a class="black-text" href="http://twitter.com/{{ section.twitter }}">
<i class="fa fa-facebook-official grey-text"></i> Twitter
</a>
</span>
<span class="grey-text"> | </span>
{% endif %}
{% if section.website %}
<span>
<a class="black-text" href="{{ section.sebsite }}">
<i class="fa fa-globe grey-text"></i> {{ section.website }}
</a>
</span>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

6
prosopopee/themes/material/templates/sections/bordered-picture.html
View File

@ -1,6 +1,9 @@
{% set image = Image(section.image) %}
{% set caption = section.text %}
{{ image.copy()}}
{% if section.background %}
<div style="padding: 1px 0px;background: {{ section.background }};">
{% endif %}
<div class="bordered-picture baguette caption">
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}>
<img class="responsive-img" src="{{ image.generate_thumbnail("x2000") }}">
@ -11,3 +14,6 @@
{% endif %}
</a>
</div>
{% if section.background %}
</div>
{% endif %}

4
prosopopee/themes/material/templates/sections/full-picture.html
View File

@ -1,7 +1,7 @@
{% set image = Image(section.image) %}
{{ image.copy() }}
<div class="parallax-container z-depth-1 valign-wrapper">
<div class="parallax"><img src="{{ image }}"></div>
<div class="parallax-container z-depth-2 valign-wrapper">
<div class="parallax"><img class="responsive-img" src="{{ image }}"></div>
{% if section.text %}
<div class="parallax-tittle white-text">
<h1>{{ section.text.title }}</h1>

6
prosopopee/themes/material/templates/sections/html.html
View File

@ -1,5 +1,11 @@
{% if section.background %}
<div style="padding: 1px 0px;background: {{ section.background }};">
{% endif %}
<section class="html">
<center>
{{ section.html }}
</center>
</section>
{% if section.background %}
</div>
{% endif %}

6
prosopopee/themes/material/templates/sections/paragraph.html
View File

@ -1,3 +1,6 @@
{% if section.background %}
<div style="padding: 1px 0px;background: {{ section.background }};">
{% endif %}
<div class="container">
{% if section.title %}
<div id="{{ section.title }}" class="scrollspy">
@ -8,3 +11,6 @@
<p class="flow-text">{{ section.text }}</p>
</div>
</div>
{% if section.background %}
</div>
{% endif %}

6
prosopopee/themes/material/templates/sections/pictures-group.html
View File

@ -1,3 +1,6 @@
{% if section.background %}
<div style="padding: 1px 0px;background: {{ section.background }};">
{% endif %}
<div class="pictures-group baguette">
<div class="row">
{% for line in section.images %}
@ -25,3 +28,6 @@
{% endfor %}
</div>
</div>
{% if section.background %}
</div>
{% endif %}

6
prosopopee/themes/material/templates/sections/text.html
View File

@ -1,5 +1,11 @@
{% if section.background %}
<div style="padding: 1px 0px;background: {{ section.background }};">
{% endif %}
<div class="container">
<p class="flow-text">
{{ section.text }}
</p>
</div>
{% if section.background %}
</div>
{% endif %}

2
prosopopee/themes/material/templates/share.html
View File

@ -8,7 +8,7 @@
<a href="../" class="btn-floating btn-large red"><i class="mdi-action-home"></i></a>
</li>
<li>
<a class="btn-floating grey lighten-3 " href="https://twitter.com/share?text={{ gallery.name }}&url={{absolute_url}}&hashtags=weareawesome&via=bluleadz" target="_blank"><i class="fa fa-twitter-square grey-text"></i></a>
<a class="btn-floating grey lighten-3" href="https://twitter.com/share?text={{ gallery.name }}&url={{absolute_url}}{%if gallery.tags %}&hashtags={% for tag in gallery.tags -%}{{ tag }}{% if not loop.lirst and not loop.last %},{% endif %}{% endfor -%}{% endif -%}" target="_blank"><i class="fa fa-twitter-square grey-text"></i></a>
</li>
<li>
<a class="btn-floating grey lighten-3" href="http://www.facebook.com/share.php?u={{absolute_url}}" target="_blank"><i class="fa fa-facebook-official grey-text"></i>