Themes
This commit is contained in:
Felipe Martín
parent
80634771ac
commit
4f5505ceba
|
|
@ -13,8 +13,9 @@ local_settings.py
|
|||
.DS_Store
|
||||
|
||||
# utilities
|
||||
/fmartingrcom/static/bower_components
|
||||
/fmartingrcom/themes/*/static/bower
|
||||
/fmartingrcom/themes/*/static/bower_components
|
||||
/node_modules
|
||||
|
||||
# css
|
||||
/fmartingrcom/static/css
|
||||
/fmartingrcom/themes/*/static/css
|
||||
|
|
@ -3,13 +3,20 @@
|
|||
from datetime import datetime
|
||||
import importlib
|
||||
|
||||
from flask import Flask
|
||||
from flask import Flask, make_response, render_template, url_for
|
||||
|
||||
from . import conf
|
||||
from .db import db
|
||||
|
||||
|
||||
def get_theme_folder(folder):
|
||||
return 'themes/{}/{}'.format(conf.THEME, folder)
|
||||
|
||||
app = Flask(__name__)
|
||||
app.debug = conf.DEBUG
|
||||
app.secret_key = conf.SECRET_KEY
|
||||
app.static_folder = get_theme_folder(conf.STATIC_FOLDER)
|
||||
app.template_folder = get_theme_folder(conf.TEMPLATE_FOLDER)
|
||||
app.config['cdn_domain'] = conf.CDN_DOMAIN
|
||||
|
||||
# Autoload enabled blueprints
|
||||
for blueprint in conf.BLUEPRINTS:
|
||||
|
|
@ -18,6 +25,28 @@ for blueprint in conf.BLUEPRINTS:
|
|||
package=__name__)
|
||||
app.register_blueprint(getattr(module, blueprint))
|
||||
|
||||
@app.errorhandler(500)
|
||||
def internal_server_error(error):
|
||||
app.logger.error(error)
|
||||
return make_response(render_template('errors/500.html'), 500)
|
||||
|
||||
@app.context_processor
|
||||
def global_context():
|
||||
return {'current_year': datetime.now().strftime('%Y') }
|
||||
|
||||
# Patch url_for to use a CDN_DOMAIN if needed
|
||||
def patch_url_for(func):
|
||||
def wrapper(*args, **kwargs):
|
||||
result = func(*args, **kwargs)
|
||||
cdn_domain = app.config.get('cdn_domain', None)
|
||||
|
||||
try:
|
||||
rewrite_path = result.split('/')[1] in conf.CDN_PATHS
|
||||
except IndexError:
|
||||
rewrite_path = False
|
||||
|
||||
if cdn_domain and rewrite_path:
|
||||
return '{}{}'.format(cdn_domain, result)
|
||||
return result
|
||||
return wrapper
|
||||
app.jinja_env.globals['url_for'] = patch_url_for(url_for)
|
||||
|
|
|
|||
|
|
@ -9,6 +9,13 @@ SECRET_KEY = '0123456789'
|
|||
# Database URI
|
||||
DATABASE_PATH = '/tmp/fmartingr.db'
|
||||
|
||||
# Static and media files
|
||||
THEME = 'v2'
|
||||
CDN_DOMAIN = None
|
||||
STATIC_FOLDER = 'static'
|
||||
TEMPLATE_FOLDER = 'templates'
|
||||
CDN_PATHS = (STATIC_FOLDER, )
|
||||
|
||||
# Enabled blueprints
|
||||
BLUEPRINTS = (
|
||||
'home',
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"directory": "./static/bower"
|
||||
}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
{
|
||||
"name": "fmartingr.com",
|
||||
"version": "0.0.0",
|
||||
"homepage": "https://gitlab.com/fmartingr/fmartingr.com",
|
||||
"authors": [
|
||||
"Felipe Martin <fmartingr@me.com>"
|
||||
],
|
||||
"license": "GPLv2",
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"test",
|
||||
"tests"
|
||||
],
|
||||
"dependencies": {
|
||||
"font-awesome": "~4.5.0",
|
||||
"google-code-prettify": "~1.0.3",
|
||||
"jquery": "~2.1.3",
|
||||
"lightbox2": "~2.7.1"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"css": [
|
||||
""
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
|
|
@ -0,0 +1,26 @@
|
|||
(function() {
|
||||
var toggleMenu,
|
||||
__indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
|
||||
|
||||
toggleMenu = function() {
|
||||
var button, sidebar;
|
||||
|
||||
sidebar = document.querySelector('.sidebar');
|
||||
button = document.querySelector('button.menu');
|
||||
if (__indexOf.call(button.classList, 'menu-shown') >= 0) {
|
||||
sidebar.classList.remove('shown');
|
||||
return button.classList.remove('menu-shown');
|
||||
} else {
|
||||
sidebar.classList.add('shown');
|
||||
return button.classList.add('menu-shown');
|
||||
}
|
||||
};
|
||||
|
||||
window.onload = function() {
|
||||
var button;
|
||||
|
||||
button = document.querySelector('button.menu');
|
||||
return button.onclick = toggleMenu;
|
||||
};
|
||||
|
||||
}).call(this);
|
||||
|
|
@ -0,0 +1,128 @@
|
|||
body
|
||||
&.blog
|
||||
background-color: #fff
|
||||
padding-bottom: 20px
|
||||
|
||||
section.content
|
||||
hr:last-child
|
||||
display: none
|
||||
|
||||
article.blog-entry
|
||||
text-align: left
|
||||
|
||||
&:after
|
||||
clear: both
|
||||
|
||||
h2
|
||||
margin: 16px 0 10px 0
|
||||
|
||||
a:hover
|
||||
border: 0
|
||||
|
||||
h1
|
||||
border-right: #555 6px solid
|
||||
margin-bottom: 0.5em
|
||||
font-size: 2.2em
|
||||
|
||||
&.draft
|
||||
border: $warning-color 3px dashed
|
||||
padding: 0 20px
|
||||
|
||||
.info
|
||||
|
||||
.content
|
||||
line-height: 140%
|
||||
padding-top: 15px
|
||||
|
||||
img
|
||||
box-shadow: $sidebar-bg 0 0 4px
|
||||
max-width: 100%
|
||||
|
||||
&.noshadow
|
||||
box-shadow: none
|
||||
|
||||
&.float-left
|
||||
float: left
|
||||
margin-right: 3%
|
||||
|
||||
blockquote
|
||||
border-left: 4px solid #dddddd
|
||||
padding: 0 15px
|
||||
color: #777777
|
||||
> :first-child
|
||||
margin-top: 0
|
||||
> :last-child
|
||||
margin-bottom: 0
|
||||
|
||||
code
|
||||
display: inline-block
|
||||
white-space: no-wrap
|
||||
background: #fff
|
||||
font-size: .8em
|
||||
line-height: 1.5em
|
||||
color: #555
|
||||
border: 1px solid #ddd
|
||||
-webkit-border-radius: 0.4em
|
||||
-moz-border-radius: 0.4em
|
||||
-ms-border-radius: 0.4em
|
||||
-o-border-radius: 0.4em
|
||||
border-radius: 0.4em
|
||||
padding: 0 .3em
|
||||
margin: -1px 0
|
||||
|
||||
hr
|
||||
width: 50%
|
||||
|
||||
table
|
||||
padding: 0
|
||||
margin: 0 auto
|
||||
|
||||
tr
|
||||
border-top: 1px solid #cccccc
|
||||
background-color: white
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
&:nth-child(2n)
|
||||
background-color: #f8f8f8
|
||||
|
||||
th
|
||||
font-weight: bold
|
||||
border: 1px solid #cccccc
|
||||
text-align: left
|
||||
margin: 0
|
||||
padding: 6px 13px
|
||||
td
|
||||
border: 1px solid #cccccc
|
||||
text-align: left
|
||||
margin: 0
|
||||
padding: 6px 13px
|
||||
|
||||
th :first-child, td :first-child
|
||||
margin-top: 0
|
||||
|
||||
th :last-child, td :last-child
|
||||
margin-bottom: 0
|
||||
|
||||
a.readmore
|
||||
background: $warning-color
|
||||
border: none
|
||||
color: white
|
||||
font-family: helvetica, sans-serif
|
||||
font-weight: bold
|
||||
padding: 10px
|
||||
font-size: 90%
|
||||
|
||||
.draft-warning
|
||||
background-color: $warning-color
|
||||
color: $warning-text-color
|
||||
margin: 5px 0 5px 0
|
||||
padding: 8px 0 8px 0
|
||||
|
||||
.search-field
|
||||
border: none
|
||||
font-size: 0.8em
|
||||
font-weight: bold
|
||||
height: 1.2em
|
||||
padding: 2%
|
||||
width: 86%
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
body
|
||||
&.homepage
|
||||
background-color: #fff
|
||||
background-image: url('../images/homepage/bg.png')
|
||||
background-attachment: fixed
|
||||
|
||||
section.content
|
||||
// http://www.sitepoint.com/css3-shuffled-paper/
|
||||
.papers
|
||||
background: #fff
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.3)
|
||||
margin: 30px 0
|
||||
//max-width: 700px
|
||||
max-width: 600px
|
||||
padding: 24px
|
||||
position: relative
|
||||
font-size: 110%
|
||||
width: 80%
|
||||
|
||||
.papers:before, .papers:after
|
||||
content: ""
|
||||
height: 98%
|
||||
position: absolute
|
||||
width: 100%
|
||||
z-index: -1
|
||||
|
||||
.papers:before
|
||||
background: #fafafa
|
||||
box-shadow: 0 0 8px rgba(0,0,0,0.2)
|
||||
left: -5px
|
||||
top: 4px
|
||||
@include rotate(-2.5)
|
||||
|
||||
.papers:after
|
||||
background: #f6f6f6
|
||||
box-shadow: 0 0 3px rgba(0,0,0,0.2)
|
||||
right: -3px
|
||||
top: 1px
|
||||
@include rotate(1.4)
|
||||
|
||||
.picture
|
||||
background-color: white
|
||||
padding: 8px
|
||||
padding-bottom: 30px
|
||||
margin-left: 40px
|
||||
margin-bottom: 12px
|
||||
box-shadow: 0 0 3px rgba(0,0,0,0.2)
|
||||
@include rotate(10)
|
||||
margin-top: -10px
|
||||
margin-right: -50px
|
||||
|
||||
.img-circle
|
||||
border-radius: 50%
|
||||
|
||||
.social
|
||||
$button-size: 50px
|
||||
height: $button-size + 4px
|
||||
|
||||
.button
|
||||
border-radius: 50%
|
||||
display: inline-block
|
||||
font-size: 120%
|
||||
height: $button-size
|
||||
line-height: $button-size
|
||||
margin-right: 5px
|
||||
text-align: center
|
||||
width: $button-size
|
||||
|
||||
&:hover
|
||||
border-bottom: 0
|
||||
|
||||
&.email
|
||||
background-color: $email-color
|
||||
color: $email-text-color
|
||||
box-shadow: 0 0 1px $email-color
|
||||
|
||||
&:hover
|
||||
background-color: darken($email-color, 12%)
|
||||
|
||||
&.twitter
|
||||
background-color: $twitter-color
|
||||
color: $twitter-text-color
|
||||
box-shadow: 0 0 1px $twitter-color
|
||||
|
||||
&:hover
|
||||
background-color: darken($twitter-color, 12%)
|
||||
|
||||
&.github
|
||||
background-color: $github-color
|
||||
color: $github-text-color
|
||||
box-shadow: 0 0 1px $github-color
|
||||
|
||||
&:hover
|
||||
background-color: darken($github-color, 12%)
|
||||
|
||||
&.linkedin
|
||||
background-color: $linkedin-color
|
||||
color: $linkedin-text-color
|
||||
box-shadow: 0 0 1px $linkedin-color
|
||||
|
||||
&:hover
|
||||
background-color: darken($linkedin-color, 12%)
|
||||
|
||||
&.telegram
|
||||
background-color: $telegram-color
|
||||
color: $telegram-text-color
|
||||
box-shadow: 0 0 1px $telegram-color
|
||||
|
||||
&:hover
|
||||
background-color: darken($telegram-color, 12%)
|
||||
|
|
@ -0,0 +1,178 @@
|
|||
html, body
|
||||
color: $text-color
|
||||
font-family: $font-family
|
||||
font-size: $font-size
|
||||
//font-weight: 400
|
||||
margin: 0
|
||||
min-height: 100%
|
||||
text-align: justify
|
||||
|
||||
body
|
||||
padding-bottom: 40px
|
||||
|
||||
h1, h2, h3, h4, h5, h6
|
||||
font-family: $headers-font-family
|
||||
font-weight: normal
|
||||
text-shadow: 1px 1px 3px rgb(221, 221, 221)
|
||||
|
||||
h1
|
||||
font-size: 200%
|
||||
|
||||
h2
|
||||
font-size: 175%
|
||||
|
||||
h3
|
||||
font-size: 150%
|
||||
|
||||
h4
|
||||
font-size: 125%
|
||||
|
||||
strong
|
||||
color: $strong-text-color
|
||||
|
||||
a
|
||||
color: $anchor-text-color
|
||||
text-decoration: none
|
||||
|
||||
&.dark
|
||||
color: $text-color
|
||||
//text-shadow: $text-color $text-shadow-properties
|
||||
|
||||
&.bright
|
||||
color: $text-shadow-color
|
||||
|
||||
&:hover
|
||||
border-bottom: 1px dotted
|
||||
|
||||
figure
|
||||
margin: 0
|
||||
text-align: center
|
||||
|
||||
img
|
||||
margin: 14px
|
||||
|
||||
&.pull-left
|
||||
margin-left: 0
|
||||
|
||||
&.pull-right
|
||||
margin-right: 0
|
||||
|
||||
&.padding
|
||||
padding: 6px
|
||||
|
||||
&.shadow
|
||||
box-shadow: $text-color $box-shadow-properties
|
||||
|
||||
hr
|
||||
background: none
|
||||
border: 0
|
||||
border-bottom: #aaa 1px dotted
|
||||
width: 90%
|
||||
|
||||
&.big
|
||||
border-bottom-width: 3px
|
||||
margin: 30px auto
|
||||
|
||||
|
||||
.sidebar
|
||||
background-color: $sidebar-bg
|
||||
color: $sidebar-text-color
|
||||
min-height: 100%
|
||||
position: fixed
|
||||
top: 0
|
||||
width: $sidebar-width
|
||||
|
||||
&> button.menu
|
||||
display: none
|
||||
|
||||
&> header
|
||||
height: 220px
|
||||
|
||||
.logo
|
||||
color: #fff
|
||||
font-family: Verdana
|
||||
font-size: 200%
|
||||
font-weight: 800
|
||||
padding: 20px
|
||||
|
||||
footer
|
||||
bottom: 0
|
||||
position: absolute
|
||||
left: 0
|
||||
padding: $footer-padding
|
||||
width: $sidebar-width - ($footer-padding*2)
|
||||
|
||||
.zombiepress
|
||||
font-family: $headers-font-family
|
||||
font-size: 80%
|
||||
text-shadow: #333 1px 1px 3px
|
||||
a
|
||||
color: #fff
|
||||
|
||||
.zone-menu
|
||||
|
||||
.buttons
|
||||
@extend .text-center
|
||||
|
||||
header
|
||||
font-size: 170%
|
||||
margin-bottom: 10px
|
||||
|
||||
&.social
|
||||
margin-bottom: 20px
|
||||
button
|
||||
width: 31%
|
||||
font-size: 75%
|
||||
font-family: helvetica, sans-serif
|
||||
|
||||
a.button
|
||||
@include button(inherit, rgb(192, 192, 192))
|
||||
border: none
|
||||
cursor: pointer
|
||||
display: inline-block
|
||||
font-family: helvetica, sans-serif
|
||||
font-size: 90%
|
||||
margin-top: 5px
|
||||
padding: 8px 0 8px 0
|
||||
font-weight: bold
|
||||
text-shadow: 0 0 1px #000
|
||||
width: 90%
|
||||
text-align: left
|
||||
|
||||
transition: 0.3s all
|
||||
|
||||
i.fa
|
||||
margin: 0 8px 0 10px
|
||||
width: 20px
|
||||
|
||||
&.half
|
||||
width: 38%
|
||||
|
||||
&.gap
|
||||
&.pull-right
|
||||
margin-right: 5%
|
||||
|
||||
&.pull-left
|
||||
margin-left: 5%
|
||||
|
||||
&:hover
|
||||
//margin-left: 10px
|
||||
|
||||
&.rss
|
||||
@include button($rss-text-color, $rss-color)
|
||||
|
||||
&.blog
|
||||
@include button($blog-text-color, $blog-color)
|
||||
|
||||
&.homepage
|
||||
@include button($homepage-text-color, $homepage-color)
|
||||
|
||||
&.projects
|
||||
@include button($projects-text-color, $projects-color)
|
||||
|
||||
section.content
|
||||
margin-left: $sidebar-width + $content-sidebar-gap
|
||||
width: 60%
|
||||
|
||||
.pagination
|
||||
padding-bottom: 30px
|
||||
|
|
@ -0,0 +1,103 @@
|
|||
.pull-left
|
||||
float: left
|
||||
|
||||
.pull-right
|
||||
float: right
|
||||
|
||||
.text-center
|
||||
text-align: center
|
||||
|
||||
.text-right
|
||||
text-align: right
|
||||
|
||||
.text-left
|
||||
text-align: left
|
||||
|
||||
.clearfix
|
||||
*zoom: 1
|
||||
|
||||
&:before, &:after
|
||||
content: " "
|
||||
display: table
|
||||
|
||||
&:after
|
||||
clear: both
|
||||
|
||||
.small
|
||||
font-size: 50%
|
||||
line-height: 50%
|
||||
|
||||
.alt-font
|
||||
font-family: $headers-font-family
|
||||
|
||||
.hacker-icon
|
||||
$size: 22px
|
||||
display: inline-block
|
||||
position: relative
|
||||
height: $size
|
||||
width: $size
|
||||
|
||||
-moz-transition: all 0.5s
|
||||
-webkit-transition: all 0.5s
|
||||
transition: all 0.5s
|
||||
|
||||
&:hover
|
||||
vertical-align: top
|
||||
width: 22px
|
||||
&:before
|
||||
content: "a"
|
||||
div
|
||||
display: none
|
||||
|
||||
div:nth-child(1)
|
||||
position: absolute
|
||||
left: $size/3
|
||||
top: 0
|
||||
|
||||
div:nth-child(2)
|
||||
position: absolute
|
||||
left: ($size/3)*2
|
||||
top: $size/3
|
||||
|
||||
div:nth-child(3)
|
||||
position: absolute
|
||||
left: ($size/3)*2
|
||||
top: ($size/3)*2
|
||||
|
||||
div:nth-child(4)
|
||||
position: absolute
|
||||
left: $size/3
|
||||
top: ($size/3)*2
|
||||
|
||||
div:nth-child(5)
|
||||
position: absolute
|
||||
left: 0
|
||||
top: ($size/3)*2
|
||||
|
||||
div
|
||||
background-color: #fff
|
||||
width: $size/3
|
||||
height: $size/3
|
||||
|
||||
.hidden
|
||||
display: none
|
||||
|
||||
/* Mix-ins */
|
||||
@mixin rotate($degrees)
|
||||
-webkit-transform: rotate(#{$degrees}deg)
|
||||
-moz-transform: rotate(#{$degrees}deg)
|
||||
-ms-transform: rotate(#{$degrees}deg)
|
||||
-o-transform: rotate(#{$degrees}deg)
|
||||
transform: rotate(#{$degrees}deg)
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})"
|
||||
zoom: 1
|
||||
|
||||
@mixin button($color, $bg-color)
|
||||
background-color: $bg-color
|
||||
color: $color
|
||||
box-shadow: 0 0 1px $bg-color
|
||||
|
||||
&:hover
|
||||
background-color: darken($bg-color, 12%)
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
body
|
||||
&.projects
|
||||
background-color: #fff
|
||||
background-image: url('/static/images/homepage/bg.png')
|
||||
background-attachment: fixed
|
||||
|
||||
|
||||
.project-papers
|
||||
background: #fff
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.3)
|
||||
margin: 30px 0
|
||||
max-width: 600px
|
||||
min-width: 200px
|
||||
padding: 24px
|
||||
position: relative
|
||||
font-size: 110%
|
||||
width: 80%
|
||||
|
||||
.project-papers:before, .project-papers:after
|
||||
content: ""
|
||||
height: 98%
|
||||
position: absolute
|
||||
width: 100%
|
||||
z-index: -1
|
||||
|
||||
.project-papers:before
|
||||
background: #fafafa
|
||||
box-shadow: 0 0 8px rgba(0,0,0,0.2)
|
||||
left: -5px
|
||||
top: 4px
|
||||
@include rotate(-2.5)
|
||||
|
||||
.project-papers:after
|
||||
background: #f6f6f6
|
||||
box-shadow: 0 0 3px rgba(0,0,0,0.2)
|
||||
right: -3px
|
||||
top: 1px
|
||||
@include rotate(1.4)
|
||||
|
||||
|
||||
.project-papers
|
||||
&:hover
|
||||
cursor: pointer
|
||||
.title
|
||||
float: left
|
||||
margin: 0
|
||||
.role, .stack, .company, .title, .date, .url
|
||||
margin: 12px 0 12px 0
|
||||
.date
|
||||
float: right
|
||||
.computer
|
||||
max-width: inherit
|
||||
.images a:hover
|
||||
text-decoration: none !important
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
button
|
||||
margin: 0
|
||||
padding: 0
|
||||
outline: 0
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
/* Landspace tablet and Large desktop */
|
||||
@media (min-width: 980px)
|
||||
.dummy
|
||||
display: none
|
||||
|
||||
/* From portrait tablet and down */
|
||||
@media (max-width: 979px)
|
||||
.hacker-icon
|
||||
$size: 12px
|
||||
|
||||
body
|
||||
font-size: 85%
|
||||
|
||||
button.menu
|
||||
background-color: $sidebar-bg
|
||||
border: lighten($sidebar-bg, 20%) 1px solid
|
||||
color: white
|
||||
display: block
|
||||
font-size: 16px
|
||||
height: 32px
|
||||
left: 8px
|
||||
padding: 0 5px 0 5px
|
||||
position: fixed
|
||||
text-align: center
|
||||
top: 8px
|
||||
z-index: 900
|
||||
|
||||
-moz-border-radius: 4px
|
||||
-webkit-border-radius: 4px
|
||||
border-radius: 4px
|
||||
|
||||
-moz-transition: left 0.3s
|
||||
-webkit-transition: left 0.3s
|
||||
transition: left 0.3s
|
||||
|
||||
span
|
||||
display: block
|
||||
|
||||
-moz-transition: all 0.3s
|
||||
-webkit-transition: all 0.3s
|
||||
transition: all 0.3s
|
||||
|
||||
&.menu-shown
|
||||
left: $sidebar-width + 8px
|
||||
|
||||
span
|
||||
-moz-transform: rotate(180deg)
|
||||
-webkit-transform: rotate(180deg)
|
||||
transform: rotate(180deg)
|
||||
|
||||
.sidebar
|
||||
margin-left: -1*$sidebar-width
|
||||
z-index: 999
|
||||
|
||||
-moz-transition: margin-left 0.3s
|
||||
-webkit-transition: margin-left 0.3s
|
||||
transition: margin-left 0.3s
|
||||
|
||||
&.shown
|
||||
margin-left: 0
|
||||
|
||||
&> header
|
||||
height: auto
|
||||
|
||||
table
|
||||
font-size: 60%
|
||||
|
||||
th
|
||||
padding: 1px 2px
|
||||
|
||||
td
|
||||
padding: 1px 2px
|
||||
|
||||
|
||||
section.content
|
||||
margin-left: 0
|
||||
padding: 4%
|
||||
width: auto
|
||||
|
||||
.papers
|
||||
width: auto
|
||||
|
||||
/* Portrait tablet to desktop*/
|
||||
@media (min-width: 767px) and (max-width: 979px)
|
||||
.dummy
|
||||
display: none
|
||||
|
||||
/* Landscape phone to portrait tablet */
|
||||
@media (max-width: 767px)
|
||||
.hide-mobile
|
||||
display: none
|
||||
|
||||
/* Landscape phones and down */
|
||||
@media (max-width: 480px)
|
||||
.dummy
|
||||
display: none
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
pre .str, code .str
|
||||
color: #65b042
|
||||
|
||||
pre .kwd, code .kwd
|
||||
color: #e28964
|
||||
|
||||
pre .com, code .com
|
||||
color: #aeaeae
|
||||
font-style: italic
|
||||
|
||||
pre .typ, code .typ
|
||||
color: #89bdff
|
||||
|
||||
pre .lit, code .lit
|
||||
color: #3387cc
|
||||
|
||||
pre .pun, code .pun, pre .pln, code .pln
|
||||
color: #fff
|
||||
|
||||
pre .tag, code .tag
|
||||
color: #89bdff
|
||||
|
||||
pre .atn, code .atn
|
||||
color: #bdb76b
|
||||
|
||||
pre .atv, code .atv
|
||||
color: #65b042
|
||||
|
||||
pre .dec, code .dec
|
||||
color: #3387cc
|
||||
|
||||
pre.prettyprint, code.prettyprint
|
||||
background-color: #242424
|
||||
border: 0 !important
|
||||
-moz-border-radius: 0
|
||||
-webkit-border-radius: 0
|
||||
-o-border-radius: 0
|
||||
-ms-border-radius: 0
|
||||
-khtml-border-radius: 0
|
||||
border-radius: 0
|
||||
|
||||
pre.prettyprint
|
||||
font-size: 84%
|
||||
line-height: 120%
|
||||
width: auto
|
||||
margin: 1em auto
|
||||
padding: 12px !important
|
||||
white-space: pre-wrap
|
||||
font-size: 86%
|
||||
|
||||
ol.linenums
|
||||
margin-top: 0
|
||||
margin-bottom: 0
|
||||
color: #aeaeae
|
||||
|
||||
li
|
||||
&.L0, &.L1, &.L2, &.L3, &.L5, &.L6, &.L7, &.L8
|
||||
list-style-type: none
|
||||
|
||||
@media print
|
||||
pre .str, code .str
|
||||
color: #060
|
||||
pre .kwd, code .kwd
|
||||
color: #006
|
||||
font-weight: bold
|
||||
pre .com, code .com
|
||||
color: #600
|
||||
font-style: italic
|
||||
pre .typ, code .typ
|
||||
color: #404
|
||||
font-weight: bold
|
||||
pre .lit, code .lit
|
||||
color: #044
|
||||
pre .pun, code .pun
|
||||
color: #440
|
||||
pre .pln, code .pln
|
||||
color: #000
|
||||
pre .tag, code .tag
|
||||
color: #006
|
||||
font-weight: bold
|
||||
pre .atn, code .atn
|
||||
color: #404
|
||||
pre .atv, code .atv
|
||||
color: #060
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
// General
|
||||
$text-color: #242424
|
||||
$font-family: "Georgia", "Open Sans", OpenSansRegular, sans-serif
|
||||
$font-size: 18px
|
||||
|
||||
$anchor-text-color: #2277bb
|
||||
$anchor-text-shadow-color: #004b6b
|
||||
|
||||
$headers-font-family: 'Antic Slab', serif
|
||||
|
||||
$text-shadow-color: #fff
|
||||
$text-shadow-properties: 1px 1px 1px
|
||||
|
||||
$strong-text-color: #3e4349
|
||||
|
||||
$box-shadow-properties: 0px 0px 5px
|
||||
|
||||
// Sidebar
|
||||
$sidebar-bg: #242424
|
||||
$sidebar-text-color: #fff
|
||||
$sidebar-width: 260px
|
||||
|
||||
$footer-padding: 10px
|
||||
|
||||
// Content
|
||||
$content-sidebar-gap: 40px
|
||||
|
||||
// Buttons
|
||||
$twitter-color: #55acee
|
||||
$twitter-text-color: #fff
|
||||
|
||||
$email-color: #db4437
|
||||
$email-text-color: #e7e6dd
|
||||
|
||||
$github-color: #999
|
||||
$github-text-color: #000
|
||||
|
||||
$linkedin-color: #0976b4
|
||||
$linkedin-text-color: #fff
|
||||
|
||||
$telegram-color: #0088cc
|
||||
$telegram-text-color: #fff
|
||||
|
||||
$rss-color: #ff9557
|
||||
$rss-text-color: #eee
|
||||
|
||||
$blog-color: desaturate(#fe160e, 50)
|
||||
$blog-text-color: #fff
|
||||
|
||||
$homepage-color: desaturate(#00cbf4, 50)
|
||||
$homepage-text-color: #efefef
|
||||
|
||||
$projects-color: desaturate(#491b93, 50)
|
||||
$projects-text-color: #efefef
|
||||
|
||||
// Colors
|
||||
$warning-color: #f39c12
|
||||
$warning-text-color: #fff
|
||||
|
||||
// font
|
||||
@font-face
|
||||
font-family: fmartingr
|
||||
src: url('/static/fmartingr.ttf')
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
@import "reset"
|
||||
@import "variables"
|
||||
@import "oocss"
|
||||
@import "layout"
|
||||
@import "homepage"
|
||||
@import "blog"
|
||||
@import "projects"
|
||||
@import "syntax"
|
||||
|
||||
@import "responsive"
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<link href="//fonts.googleapis.com/css?family=Open+Sans:400|Antic+Slab" rel="stylesheet" type="text/css">
|
||||
{% block stylesheets %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='bower/font-awesome/css/font-awesome.css') }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/x-sass" />
|
||||
{% endblock %}
|
||||
{% block head %}{% endblock %}
|
||||
<!-- Mobile -->
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
|
||||
<meta http-equiv="cleartype" content="on">
|
||||
<title>Felipe Martin | {% block page_title %} Homepage{% endblock %}</title>
|
||||
</head>
|
||||
<body class="{% block body_class %}{% endblock %}">
|
||||
<button class="menu"><span class="fa fa-arrow-right"></span></button>
|
||||
<section class="sidebar">
|
||||
<header class="text-center">
|
||||
<a href="/">
|
||||
<div class="logo">
|
||||
Felipe<br />
|
||||
M<div class="hacker-icon">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>rtín
|
||||
</div>
|
||||
</a>
|
||||
<div class="slogan alt-font hide-mobile">
|
||||
Be incomprehensible.<br />
|
||||
If they can't understand, <br />
|
||||
they can't disagree.
|
||||
</div>
|
||||
</header>
|
||||
<div class="menu buttons">
|
||||
{% block sections %}
|
||||
<a href="/" class="button homepage">
|
||||
<i class="fa fa-user"></i> About me
|
||||
</a>
|
||||
<a href="{{ url_for('blog.blog_list') }}" class="button blog">
|
||||
<i class="fa fa-comment"></i> Blog
|
||||
</a>
|
||||
<a href="{{ url_for('portfolio.portfolio_list') }}" class="button projects">
|
||||
<i class="fa fa-folder-open"></i> Portfolio
|
||||
</a>
|
||||
{% endblock %}
|
||||
</div>
|
||||
<nav class="zone-menu buttons">
|
||||
{% block menu %}
|
||||
<hr />
|
||||
<header>{{ section|capitalize }}</header>
|
||||
{% endblock %}
|
||||
</nav>
|
||||
</section>
|
||||
<section class="content">
|
||||
{% block content %}{% endblock %}
|
||||
</section>
|
||||
|
||||
<script type="text/javascript" src="{{ url_for('static', filename='js/mobile.js') }}"></script>
|
||||
{% block javascript %}{% endblock %}
|
||||
{% if config.google_analytics %}
|
||||
<script type="text/javascript">
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', '{{ config.google_analytics }}', '{{ config.google_analytics_domain }}');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
{% block endbody %}
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
{% macro disqus(shortname) -%}
|
||||
<script type="text/javascript">
|
||||
var disqus_shortname = '{{ config.disqus_shortname }}';
|
||||
|
||||
// Embed
|
||||
(function() {
|
||||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||
})();
|
||||
|
||||
// Count
|
||||
(function () {
|
||||
var s = document.createElement('script'); s.async = true;
|
||||
s.type = 'text/javascript';
|
||||
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
|
||||
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
|
||||
}());
|
||||
</script>
|
||||
{%- endmacro %}
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
{% extends "blog/layout.jinja" %}
|
||||
|
||||
{% block page_title %}
|
||||
{{ super() }} | {{ item.title }}
|
||||
{% endblock %}
|
||||
|
||||
{% block submenu %}
|
||||
{% if item.status() == 'Published' %}
|
||||
{% if page.number > 1 %}
|
||||
<a href="{{ url('blog:list', page.number) }}" class="button prev-page pull-left gap">
|
||||
{% else %}
|
||||
<a href="{{ url('blog:list') }}" class="button prev-page pull-left gap">
|
||||
{% endif %}
|
||||
<i class="fa fa-angle-double-left"></i> Go back
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<article class="blog-entry {% if item.draft %}draft{% endif %}">
|
||||
<h1 class="entry-title">
|
||||
<a class="dark" href="#">{{ item.title }}</a>
|
||||
</h1>
|
||||
|
||||
<div class="info text-left">
|
||||
<i class="fa fa-calendar"></i>
|
||||
<time datetime="{{ item.date }}"
|
||||
pubdate=""
|
||||
data-updated="true">{{ item.date|dt('%B %e, %Y') }}</time>
|
||||
{% if config.disqus_shortname and config.enable_comments %}
|
||||
|
||||
<i class="fa fa-comment"></i> <a href="{{ item.get_absolute_url() }}#disqus_thread">0 Comments</a>
|
||||
{% endif %}
|
||||
{% if item.tags.count() > 0 %}
|
||||
|
||||
<i class="fa fa-tag"></i> {{ item.tags.all()|join(', ') }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="content">{{ item.content|safe }}</div>
|
||||
<div class="clearfix"></div>
|
||||
{% if config.show_share_buttons %}
|
||||
<div class="share">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ item.title }} - {{ config.base_url }}{{ item.get_absolute_url() }}" data-via="{{ config.twitter_username }}" data-size="large">Tweet</a>
|
||||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
{% endif %}
|
||||
{% if config.disqus_shortname and config.enable_comments %}
|
||||
<hr class="big" />
|
||||
<div class="comments" id="disqus_thread"></div>
|
||||
{% endif %}
|
||||
</article>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
{% extends "_layout.jinja" %}
|
||||
|
||||
{% block page_title %}Blog{% endblock %}
|
||||
|
||||
{% block stylesheets %}
|
||||
<link rel="stylesheet" href="{{ static('bower/google-code-prettify/bin/prettify.min.css') }}" />
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block javascript %}
|
||||
<script type="text/javascript" src="{{ static('bower/google-code-prettify/bin/run_prettify.min.js') }}"></script>
|
||||
{% endblock %}
|
||||
|
||||
{% block menu %}
|
||||
<hr />
|
||||
|
||||
{% block submenu %}
|
||||
<form action="{{ url('blog:search') }}" method="post">
|
||||
{% csrf_token %}
|
||||
<input type="text" class="search-field" name="query" placeholder="Search in blog..."
|
||||
{% if search_query %}
|
||||
value=""
|
||||
{% endif %}
|
||||
/>
|
||||
</form>
|
||||
{% endblock %}
|
||||
<a href="{{ url('blog:rss') }}" class="button rss">
|
||||
<i class="fa fa-rss"></i> RSS
|
||||
</a>
|
||||
{% endblock %}
|
||||
|
||||
{% block endbody %}
|
||||
{{ super() }}
|
||||
{% if config.disqus_shortname and config.enable_comments %}
|
||||
{% from '_macros.jinja' import disqus with context %}
|
||||
{{ disqus() }}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
{% extends "blog/layout.jinja" %}
|
||||
|
||||
{% block page_title %}
|
||||
{{ super() }}{% if page.number > 1 %} page {{ page_number }}{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{#
|
||||
{% block submenu %}
|
||||
{{ super() }}
|
||||
{% if page.has_next() %}
|
||||
<a href="{{ url('blog:list', page.next_page_number()) }}" class="button prev-page pull-right gap half">
|
||||
Older <i class="fa fa-angle-double-right"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
{% endif %}
|
||||
|
||||
{% if page.has_previous() %}
|
||||
{% if page.previous_page_number() == 1 %}
|
||||
<a href="{{ url('blog:list') }}" class="button prev-page pull-left gap half">
|
||||
{% else %}
|
||||
<a href="{{ url('blog:list', page.previous_page_number()) }}" class="button prev-page pull-left gap half">
|
||||
{% endif %}
|
||||
<i class="fa fa-angle-double-left"></i> Newer
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
#}
|
||||
|
||||
{% block content %}
|
||||
{% for item in page.object_list %}
|
||||
<article class="blog-entry {% if item.draft %}draft{% endif %}">
|
||||
<h1><a class="dark" href="{{ item.get_absolute_url() }}">{{ item.title }}</a></h1>
|
||||
<div>
|
||||
<i class="fa fa-calendar"></i>
|
||||
<time datetime="{{ item.date }}"
|
||||
pubdate=""
|
||||
data-updated="true">{{ item.date|dt('%B %e, %Y') }}</time>
|
||||
{% if config.disqus_shortname and config.enable_comments %}
|
||||
|
||||
<i class="fa fa-comment"></i> <a href="{{ item.get_absolute_url() }}#disqus_thread">0 Comments</a>
|
||||
{% endif %}
|
||||
{% if item.tags.count() > 0 %}
|
||||
|
||||
<i class="fa fa-tag"></i> {{ item.tags.all()|join(', ') }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="content">
|
||||
{% if config.readmore_tag in item.content %}
|
||||
{{ item.content|readmore|safe }}
|
||||
{% else %}
|
||||
{{ item.content|safe }}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if config.readmore_tag in item.content %}
|
||||
<a class="readmore pull-right" href="{{ item.get_absolute_url() }}#more">
|
||||
Read more »
|
||||
</a>
|
||||
{% endif %}
|
||||
<div class="clearfix"></div>
|
||||
</article>
|
||||
<hr class="big" />
|
||||
{% else %}
|
||||
<div class="text-center">No results found!</div>
|
||||
{% endfor %}
|
||||
|
||||
<div class="pagination">
|
||||
{% if page.has_next() %}
|
||||
<a href="{{ url('blog:list', page.next_page_number()) }}" class="button prev-page pull-right gap half">
|
||||
Older <i class="fa fa-angle-double-right"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
{% endif %}
|
||||
|
||||
{% if page.has_previous() %}
|
||||
{% if page.previous_page_number() == 1 %}
|
||||
<a href="{{ url('blog:list') }}" class="button prev-page pull-left gap half">
|
||||
{% else %}
|
||||
<a href="{{ url('blog:list', page.previous_page_number()) }}" class="button prev-page pull-left gap half">
|
||||
{% endif %}
|
||||
<i class="fa fa-angle-double-left"></i> Newer
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{#
|
||||
{% if paginator.num_pages > 1 %}
|
||||
<div class="pagination pagination-centered">
|
||||
<ul>
|
||||
{% for p in range(1, paginator.num_pages+1) %}
|
||||
<li {% if p == page_number %}class="active"{% endif %}>
|
||||
<a href="{{ url('blog:list', p) }}">{{ p }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
#}
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<rss version="2.0">
|
||||
<channel>
|
||||
<title>{{ config.rss_blog_title }}</title>
|
||||
<description>{{ config.rss_blog_description }}</description>
|
||||
<link>{{ config.base_url }}</link>
|
||||
|
||||
{% for item in items %}
|
||||
<item>
|
||||
<title><![CDATA[{{ item.title }}]]></title>
|
||||
<description><![CDATA[{{ item.content|safe }}]]></description>
|
||||
<link>{{ config.base_url }}{{ item.get_absolute_url() }}</link>
|
||||
<pubDate>{{ item.date|dt('%a, %d %b %Y %H:%M:%S %z') }}</pubDate>
|
||||
</item>
|
||||
{% endfor %}
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{% extends "blog/list.jinja" %}
|
||||
|
||||
{% block content %}
|
||||
<h1 class="text-center">Searching for... <em>{{ search_query }}</em></h1>
|
||||
<hr />
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
{% extends "_base.html" %}
|
||||
|
||||
{% block menu %}{% endblock %}
|
||||
{% block body_class %}homepage{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="papers">
|
||||
<div class="picture pull-right hide-mobile">
|
||||
<img src="http://cdn.fmartingr.com/avatar.png" width="200" />
|
||||
</div>
|
||||
<p>Hi! I'm Felipe, and I am a developer.</p>
|
||||
|
||||
<p>I have been playing with code for a while now, but I also enjoy geeking around with computers, algorithms and other stuff; the less I know about it, the better! Learning new things every day is my way of life.</p>
|
||||
|
||||
<p>I think that developers are like artists, writers and composers... we all make art. But we don't use strokes and colors, words or notes, we make it through code. And I really love it.</p>
|
||||
|
||||
<p>If you want to get in touch, feel free to drop me a line.</p>
|
||||
|
||||
<div class="social">
|
||||
<a href="//telegram.me/fmartingr" class="button telegram"><span class="fa fa-paper-plane"></span></a>
|
||||
<a href="//es.linkedin.com/in/felipemartingarcia" class="button linkedin"><span class="fa fa-linkedin"></span></a>
|
||||
<a href="//twitter.com/fmartingr" class="button twitter"><span class="fa fa-twitter"></span></a>
|
||||
<a href="//github.com/fmartingr" class="button github"><span class="fa fa-github"></span></a>
|
||||
<a href="mailto:me@fmartingr.com" class="button email"><span class="fa fa-envelope"></span></a>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
{% extends "_layout.jinja" %}
|
||||
|
||||
{% block page_title %}Projects{% endblock %}
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
{% extends "projects/layout.jinja" %}
|
||||
|
||||
{% block menu %}
|
||||
{{ super() }}
|
||||
{% for grp in groups %}
|
||||
<a class="button" href="#{{ grp.slug }}"><i class="fa fa-arrow-right"></i> {{ grp.name }}</a><br />
|
||||
{% endfor %}
|
||||
<a class="button" href="#notes"><i class="fa fa-arrow-right"></i> Notes</a><br />
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
{% for grp in groups %}
|
||||
<h2 id="{{ grp.slug }}">{{ grp.name }}</h2>
|
||||
{% for project in grp.projects.filter(visible=True).order_by('-date') %}
|
||||
<div class="project-papers" data-toggle-on-click>
|
||||
<h4 class="date"><i class="fa fa-calendar"></i> {{ project.date|date('F Y') }}</h4>
|
||||
<h3 class="title">{{ project.title }}</h3>
|
||||
<div class="clearfix"></div>
|
||||
<div class="hidden" data-viewmore>
|
||||
{% if project.company %}
|
||||
<h5 class="company"><i class="fa fa-building-o"></i> {{ project.company }}</h5>
|
||||
{% endif %}
|
||||
{% if project.role %}
|
||||
<h5 class="role"><i class="fa fa-user"></i> {{ project.role }}</h5>
|
||||
{% endif %}
|
||||
{% if project.stack %}
|
||||
<h5 class="stack"><i class="fa fa-cogs"></i> {{ project.stack }}</h5>
|
||||
{% endif %}
|
||||
{% if project.url %}
|
||||
<h5 class="url"><i class="fa fa-link"></i> <a href="{{ project.url }}" target="_blank">{{ project.url }}</a></h5>
|
||||
{% endif %}
|
||||
<div class="text-center images">
|
||||
{% for image in project.images.all() %}
|
||||
<a href="{{ MEDIA_URL }}{{ image.image }}" data-lightbox="{{ project.slug }}"><img src="{{ image.image|thumbnail_url('project_thumb') }}" /></a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<p class="description">{{ project.description|safe }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
<h2 id="notes">Notes</h2>
|
||||
<div class="papers">
|
||||
<p>You can find more software or experiments I made into my <a href="https://github.com/fmartingr" target="_blank">github account</a>.</p>
|
||||
<p>This is most of the work/personal projects I have been involved in, the list may not be complete as I may have forgot to put
|
||||
some of them, didn't have enough information or the owner of the final product didn't allow me to announce my role in it.</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{{ super() }}
|
||||
<link href="{{ STATIC_URL }}bower/lightbox2/dist/css/lightbox.css" rel="stylesheet" />
|
||||
{% endblock %}
|
||||
|
||||
{% block javascript %}
|
||||
{{ super() }}
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}bower/jquery/dist/jquery.js"></script>
|
||||
<script type="text/javascript" src="{{ STATIC_URL }}bower/lightbox2/dist/js/lightbox.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$('[data-toggle-on-click]').click(function(event) {
|
||||
if (!$(event.target).is('img') && !$(event.target).is('a'))
|
||||
$(this).children('[data-viewmore]').slideToggle(300);
|
||||
})
|
||||
})
|
||||
</script>
|
||||
{% endblock %}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
|
|
@ -0,0 +1 @@
|
|||
500
|
||||
|
|
@ -5,7 +5,7 @@
|
|||
{% block main_content %}
|
||||
<div class="grid center">
|
||||
<div class="col-1-3">
|
||||
<img src="http://cdn.fmartingr.com/avatar.png">
|
||||
<img src="{{ url_for('static', filename='images/avatar.png') }}">
|
||||
</div>
|
||||
<div class="col-2-3">
|
||||
<p>Hi! I'm Felipe, and I am a developer. Whatever that is.</p>
|
||||
15
gulpfile.js
15
gulpfile.js
|
|
@ -8,27 +8,30 @@ var concatCss = require('gulp-concat-css');
|
|||
var merge = require('merge-stream');
|
||||
var minifyCss = require('gulp-minify-css');
|
||||
var livereload = require('gulp-livereload');
|
||||
var yargs = require('yargs').argv;
|
||||
|
||||
var default_theme = 'v2'
|
||||
var theme = yargs.theme || default_theme;
|
||||
|
||||
gulp.task('sass', function () {
|
||||
var sassStream = gulp.src('./fmartingrcom/static/sass/style.scss')
|
||||
var sassStream = gulp.src('./fmartingrcom/themes/' + theme + '/static/sass/style.sass')
|
||||
.pipe(sass().on('error', sass.logError))
|
||||
var bowerStream = gulp.src([
|
||||
|
||||
])
|
||||
|
||||
return merge(bowerStream, sassStream)
|
||||
.pipe(concatCss("style.css"))
|
||||
.pipe(minifyCss())
|
||||
.pipe(gulp.dest('./fmartingrcom/static/css'))
|
||||
.pipe(gulp.dest('./fmartingrcom/themes/' + theme + '/static/css'))
|
||||
.pipe(livereload());
|
||||
});
|
||||
|
||||
gulp.task('livereload', function () {
|
||||
return gulp.src('./fmartingrcom/templates/**/*.html').pipe(livereload());
|
||||
return gulp.src('./fmartingrcom/themes/' + theme + '/templates/**/*.html').pipe(livereload());
|
||||
});
|
||||
|
||||
gulp.task('sass:watch', function () {
|
||||
livereload.listen();
|
||||
gulp.watch('./fmartingrcom/static/sass/**/*.scss', ['sass']);
|
||||
gulp.watch('./fmartingrcom/templates/**/*.html', ['livereload']);
|
||||
gulp.watch('./fmartingrcom/themes/' + theme + '/themes/sass/**/*.sass', ['sass']);
|
||||
gulp.watch('./fmartingrcom/themes/' + theme + '/themes/templates/**/*.html', ['livereload']);
|
||||
});
|
||||
|
|
@ -9,7 +9,8 @@
|
|||
"gulp-livereload": "^3.8.1",
|
||||
"gulp-minify-css": "^1.2.2",
|
||||
"gulp-sass": "^2.0.4",
|
||||
"merge-stream": "^1.0.0"
|
||||
"merge-stream": "^1.0.0",
|
||||
"yargs": "^3.31.0"
|
||||
},
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
|
|
|
|||
Loading…
Reference in New Issue