Portfolio

* Added lektor htmlmin plugin
* Improved sass grid
* Little update in contact page
* Added featherlight lightbox for project details screenshots
* Only loading lightbox libraries if needed
* Portfolio content review from migration

Felipe Martin.lektorproject

@@ -6,3 +6,4 @@ url_style = absolute
 [packages]
 lektor-markdown-highlighter = 0.1
 lektor-atom = 0.2
+lektor-htmlmin = 1.0

Makefile

@@ -7,7 +7,7 @@ dev:
 
 build:
 	make dev
-	lektor build --output-path ./public
+	lektor build --output-path ./public -f htmlmin
 
 watch:
 	node_modules/gulp/bin/gulp.js sass:watch

assets/static/sass/_grid.sass

@@ -21,16 +21,16 @@ $pad: 20px
     padding-right: 0
 
 .col-2-3
-  width: 66.66%
+  width: 66%
 
 .col-1-3
-  width: 33.33%
+  width: 33%
 
 .col-1-2
-  width: 50%
+  width: 49%
 
 .col-1-4
-  width: 25%
+  width: 24%
 
 .col-1-8
   width: 12.5%

assets/static/sass/_portfolio.sass

@@ -0,0 +1,9 @@
+.project
+  display: inline-block
+  width: 49%
+
+  img
+    max-height: 250px
+
+  &.project-work-sites
+    width: 24%

assets/static/sass/style.sass

@@ -4,5 +4,6 @@
 @import ./grid
 @import ./layout
 @import ./blog
+@import ./portfolio
 @import ./table
 @import ./syntax

content/contact/contents.lr

@@ -4,9 +4,9 @@ title: Contact
 ---
 body:
 
-Feel free to ccontact me on:
+Feel free to ccontact me via:
 - E-Mail: [me@fmartingr.com](mailto:me@fmartingr.com)
-- Telegram: https://telegram.me/fmartingr
+- Telegram: https://telegram.me/fmartingr (fastest!)
 - Github: https://github.com/fmartingr
 - LinkedIn: https://linkedin.com/fmartingr
 - Twitter: https://twitter.com/fmartingr

content/made-with-open-source/contents.lr

@@ -6,12 +6,17 @@ Even for a small site like this, is important to use the appropriate tools!
 
 Some of the open source tools used to make this site are:
 
+Software:
 * [Atom](https://atom.io)
 * [Bower](https://bower.io/)
 * [Emacs](https://www.gnu.org/software/emacs/)
 * [Gulp](http://gulpjs.com/)
 * [Lektor](https://getlektor.com)
 
+Javascript libraries:
+* [Featherlight lightbox](https://github.com/noelboss/featherlight/)
+* [jQuery](https://jquery.com)
+
 And of course, this site "source code" [is publicly accessible on Github too](https://github.com/fmartingr/fmartingr-lektor).
 
 ---

content/portfolio/contents.lr

@@ -1,13 +1,9 @@
-title: Portfolio
+_discoverable: yes
 ---
-body:
+_hidden: no
+---
+content:
 
-This is a list of the projects:
+You can find more software or experiments I made into my [Github account](https://github.com/fmartingr).
 
-* Project 1
+This is most of the work/personal projects I have been involved in but it may not be complete as I may have forgot to put some of them, didn't have enough information or the owner didn't allow me to announce my role in it.
-* Project 2
-* Project 3
----
-_slug: 
----
-_template: portfolio.html

content/portfolio/foss/contents.lr

@@ -0,0 +1,3 @@
+name: FOSS
+---
+slug: foss

content/portfolio/foss/django-stats2/contents.lr

@@ -0,0 +1,11 @@
+name: django-stats2
+---
+slug: django-stats2
+---
+url: https://github.com/fmartingr/django-stats2
+---
+url_in_list: yes
+---
+description_in_list: yes
+---
+description: Django library to create custom stats for model objects.

content/portfolio/foss/howmuchforthis/contents.lr

@@ -0,0 +1,9 @@
+name: HowMuchForThis
+---
+description: Simple API to extract prices from some e-commerce sites.
+---
+description_in_list: yes
+---
+url: https://github.com/fmartingr/howmuchforthis
+---
+url_in_list: yes

content/portfolio/foss/keyhinter/contents.lr

@@ -0,0 +1,11 @@
+name: keyhinter
+---
+description: Web Extension to easily navigate a site using only the keyboard.
+---
+description_in_list: yes
+---
+slug: keyhinter
+---
+url: https://github.com/fmartingr/keyhinter
+---
+url_in_list: yes

content/portfolio/foss/natif/contents.lr

@@ -0,0 +1,9 @@
+name: Natif
+---
+description: Run websites as if they where native OS applications.
+---
+description_in_list: yes
+---
+url: https://github.com/fmartingr/natif
+---
+url_in_list: yes

content/portfolio/foss/pyluxafor/contents.lr

@@ -0,0 +1,11 @@
+name: pyluxafor
+---
+description: Python library and CLI to interact with Luxafor USB Leds.
+---
+description_in_list: yes
+---
+slug: pyluxafor
+---
+url: https://github.com/fmartingr/pyluxafor
+---
+url_in_list: yes

content/portfolio/foss/python-yubikey/contents.lr

@@ -0,0 +1,9 @@
+name: python-yubikey
+---
+description: Python library to interact with Yubico keys with OTP authentication.
+---
+description_in_list: yes
+---
+url: https://github.com/fmartingr/python-yubikey
+---
+url_in_list: yes

content/portfolio/personal-projects/amiibofindr/contents.lr

@@ -0,0 +1,22 @@
+name: AmiiboFindr
+---
+date: 2015-06-23
+---
+description:
+
+A site for user to show and keep track of the Nintendo collectible figures called _Amiibo_, with also background jobs to fetch prices from configured shops.
+
+Mostly an experiment to build something bigger.
+---
+stack: Django, REST, CSS3, SemanticUI
+---
+type: personal
+---
+role: One-man project
+---
+slug: amiibofindr
+---
+url:
+
+http://amiibofindr.com
+    

content/portfolio/personal-projects/contents.lr

@@ -0,0 +1,5 @@
+name: Personal projects
+---
+slug: personal-projects
+---
+show_images: yes

content/portfolio/personal-projects/shelfzilla/contents.lr

@@ -0,0 +1,22 @@
+name: Shelfzilla
+---
+date: 2014-07-15
+---
+description:
+
+A site for comic collectors where anyone could track their collections, wish lists and read volumes.
+
+The site was shut down on August 6th, 2016 after being online for two years.
+---
+stack: Django, Python, Javascript, PostgreSQL, CSS
+---
+type: personal
+---
+role: Software engineer
+---
+slug: shelfzilla
+---
+url:
+
+https://shelfzilla.com
+    

content/portfolio/volunteer-work/contents.lr

@@ -0,0 +1,5 @@
+name: Volunteer Work
+---
+slug: volunteer-work
+---
+show_images: yes

content/portfolio/volunteer-work/guild-empire/contents.lr

@@ -0,0 +1,19 @@
+name: Guild Empire
+---
+date: 2015-07-13
+---
+description:
+
+A multiplayer turn based game where you control a guild assigning actions to your members that resolve after all players have selected actions. Its a really deep and complex game that my friend [@rsanchezbalo](https://twitter.com/rsanchezbalo) and some other have designed. For more information (in Spanish) [check out this video](http://piweek.tumblr.com/post/124072540493/ramiro-introduces-us-in-spanish-guild-empires).
+
+Volunteered in the 2015s summer piweek.
+---
+stack: 
+---
+type: volunteer
+---
+role: Back-end engineer
+---
+slug: guild-empire
+---
+url: 

content/portfolio/volunteer-work/random-table/contents.lr

@@ -0,0 +1,24 @@
+name: A random table
+---
+date: 2013-06-09
+---
+description:
+
+As the site say: 
+
+> The place to find or host game sessions, meet new people through our player-to-player affinity system and discover new exciting games.
+
+Volunteered on the 2013s Summer Piweek.
+---
+stack: Django, Python, Javascript
+---
+type: volunteer
+---
+role: Django developer
+---
+slug: random-table
+---
+url:
+
+http://arandomtable.com/
+    

content/portfolio/work-applications/contents.lr

@@ -0,0 +1,3 @@
+name: Work (applications)
+---
+slug: work-applications

content/portfolio/work-applications/digital-signage-tds/contents.lr

@@ -0,0 +1,25 @@
+name: The Digital Signage (TDS)
+---
+date: 2009-07-15
+---
+description:
+
+A custom digital signage software implementation built in vanilla PHP as the backend and web technologies in the front-end. Built in ~two months as a MVP that allowed me to start my own company with a partner.
+
+Components:
+- Crawler: A news crawler that filled up our database with news from different sources, tagged by source, category and geographic location.
+- Screen Software: Custom scripts built on top of Micro PCs mounted behind the TV screens, allowing the computer to run a browser in "store mode", disabling any using input to show the pre-configured URL attached to this TV/Location.
+- HTTP Public screen URL: The URL that the TV loaded in their browsers, with Javascript, built-in caching and some other goodies for maintenance.
+- Backoffice: The main control panel for all the components where all automated news-list for the clients where generated, allowing multiple sources, configuration of the screens, information about online availability, etc.
+---
+stack: PHP, Mysql, Javascript, IT
+---
+type: private
+---
+role: Software/Hardware Engineer
+---
+slug: digital-signage-tds
+---
+url: 
+---
+company: The Prime Tag S.C.

content/portfolio/work-applications/ewa-easy-web-admin/contents.lr

@@ -0,0 +1,26 @@
+name: EWA (Easy Web Administrator)
+---
+date: 2010-01-01
+---
+description:
+
+A custom framework to easily build websites with the big feature for end-users that the contents were easily editable live on top of the site, reviewing the changes of the text/media files on the fly.
+
+Some features:
+- Content revisions.
+- Privilege support.
+- Customizable site modules.
+- Central administration application for all your sites.
+- Branding support.
+---
+stack: PHP, Mysql, Javascript
+---
+type: private
+---
+role: Software Engineer
+---
+slug: ewa-easy-web-administrator
+---
+url: 
+---
+company: The Prime Tag S.C.

content/portfolio/work-applications/pendulum-framework/contents.lr

@@ -0,0 +1,21 @@
+name: Pendulum Framework
+---
+date: 2011-12-11
+---
+description:
+
+A simple MVC framework built with vanilla PHP. The framework contained basic model support to easily create interaction of the site with the database as a simple yet extensible ORM, basic views that you could associate with templates and a core class to load modules or models as required.
+
+This framework was built for the Projeggt project but [@albertogcatalan](https://github.com/albertogcatalan) continued working on it as [Quaver](https://github.com/MilloLab/quaver) under MIT license.
+---
+stack: PHP, Mysql
+---
+type: private
+---
+role: Software Engineer
+---
+slug: pendulum-framework
+---
+url: 
+---
+company: The Prime Tag S.C.

content/portfolio/work/a-house/contents.lr

@@ -0,0 +1,20 @@
+name: A-House
+---
+date: 2013-09-15
+---
+description: Business site for one of my companies. Basic landing site with some eye-candy stuff and contact details.
+---
+stack: HTML, Javascript, CSS
+---
+type: work
+---
+role: Software Engineer
+---
+slug: a-house
+---
+url:
+
+http://a-house.es/
+    
+---
+company: Bytepix S.L.

content/portfolio/work/abc/contents.lr

@@ -0,0 +1,17 @@
+name: ABC Compressors
+---
+date: 2010-02-17
+---
+description: Brochure web development. ABC brand services, products, news and catalogs slideshow.
+---
+stack: 
+---
+type: work
+---
+role: Software Engineer
+---
+slug: abc
+---
+url: 
+---
+company: The Prime Tag S.C.

content/portfolio/work/ak-helicopters/contents.lr

@@ -0,0 +1,20 @@
+name: AK-Helicopters
+---
+date: 2014-08-15
+---
+description: A familiar bussiness of helicopter flights. Site with information and multimedia content for the company and also information of its services and routes.
+---
+stack: Django, Python, Javascript
+---
+type: work
+---
+role: Software Engineer
+---
+slug: ak-helicopters
+---
+url:
+
+http://ak-helicopters.com/
+    
+---
+company: Bytepix S.L.

content/portfolio/work/azgestauto/contents.lr

@@ -0,0 +1,17 @@
+name: AZGestauto
+---
+date: 2010-04-14
+---
+description: Online services and commerce platform. Custom development of service management system and car buy / sell / auction system.
+---
+stack: PHP, Javascript
+---
+type: work
+---
+role: Software Engineer
+---
+slug: azgestauto
+---
+url: 
+---
+company: The Prime Tag S.C.

content/portfolio/work/bexen/contents.lr

@@ -0,0 +1,20 @@
+name: Bexen Cardio / Medical
+---
+date: 2011-11-15
+---
+description: Brochure web and online catalog development. Specific products and online services catalog development for Bexen Cardio and Bexen Medical brands.
+---
+stack: EWA, PHP, Javascript
+---
+type: work
+---
+role: Software Engineer
+---
+slug: bexen
+---
+url:
+
+http://www.bexencardio.com/
+    
+---
+company: The Prime Tag S.C.

content/portfolio/work/bytepix/contents.lr

@@ -0,0 +1,20 @@
+name: Bytepix
+---
+date: 2013-01-15
+---
+description: Business site for one of my companies. Basic Django CMS stack with some eye-candy Javascript on the frontpage that added some fun to the visitors.
+---
+stack: Django, Javascript, Coffeescript, PostgreSQL
+---
+type: work
+---
+role: Software Engineer
+---
+slug: bytepix
+---
+url:
+
+http://www.bytepix.com
+    
+---
+company: Bytepix S.L.

content/portfolio/work/clinica-marzo/contents.lr

@@ -0,0 +1,24 @@
+name: Clinica Marzo
+---
+date: 2013-12-15
+---
+description:
+
+Bussiness site for a dental clinic group. Mostly a content site.
+
+A copy of the site were made for the owner: http://rubenmarzo.es
+---
+stack: Django, Python, Javascript
+---
+type: work
+---
+role: Software Engineer
+---
+slug: clinica-marzo
+---
+url:
+
+http://clinicamarzo.es/es/
+    
+---
+company: Bytepix S.L.

content/portfolio/work/contents.lr

@@ -0,0 +1,5 @@
+name: Work (sites)
+---
+slug: work-sites
+---
+show_images: yes

content/portfolio/work/danobatgroup/contents.lr

@@ -0,0 +1,20 @@
+name: Danobatgroup
+---
+date: 2010-03-17
+---
+description: Corporate web development manageable in 8 languages​​. Joint definition of complex content structure, with integrated SEO optimization tools in the application. File warehouse with different privilege levels and expiration date assignment of shared files for the commercial network.
+---
+stack: PHP, jQuery
+---
+type: work
+---
+role: Software Engineer
+---
+slug: danobatgroup
+---
+url:
+
+http://www.danobatgroup.com
+    
+---
+company: The Prime Tag S.C.

content/portfolio/work/domusa/contents.lr

@@ -0,0 +1,17 @@
+name: Domusa
+---
+date: 2011-10-24
+---
+description: Corporate website development with access to private area. Access privileges definition and subsequent programming, with SEO optimization tools integrated into the application. Variable contents depending on the availability of products / services in different geographic locations.
+---
+stack: EWA, PHP, Javascript
+---
+type: work
+---
+role: Software Engineer
+---
+slug: domusa
+---
+url: 
+---
+company: The Prime Tag S.C.

content/portfolio/work/ds_ampo/contents.lr

@@ -0,0 +1,17 @@
+name: Ampo
+---
+date: 2011-12-01
+---
+description: Corporate Digital Signage. Personalized access to admin panel to handle corporate hospitality contents and internal communication.
+---
+stack: TDS, PHP, Javascript, Mysql
+---
+type: work
+---
+role: Software Engineer
+---
+slug: ds_ampo
+---
+url: 
+---
+company: The Prime Tag S.C.

content/portfolio/work/ds_domusa/contents.lr

@@ -0,0 +1,17 @@
+name: DS Domusa
+---
+date: 2009-08-31
+---
+description: Digital Signage for POS. Joint definition of trusted external sources and access to administration panel for custom ads. Information screens that display advertising and industry contents chosen by the customer.
+---
+stack: PHP, Chrome, RSS, Javascript, Crawling
+---
+type: work
+---
+role: Software/Hardware Engineer
+---
+slug: ds_domusa
+---
+url: 
+---
+company: The Prime Tag S.C.

content/portfolio/work/ds_drs_ideko/contents.lr

@@ -0,0 +1,17 @@
+name: DRS & IK4-Ideko
+---
+date: 2009-11-30
+---
+description: Digital Signage with external content. Joint definition of trusted external sources for subsequent automatic publication of content. Information screens that display industry specialized articles automatically obtained from trusted sources.
+---
+stack: Digital Signage
+---
+type: work
+---
+role: Software / Hardware Engineer
+---
+slug: ds_drs_ideko
+---
+url: 
+---
+company: The Prime Tag S.C.

content/portfolio/work/enpap/contents.lr

@@ -0,0 +1,20 @@
+name: ENPAP
+---
+date: 2012-03-29
+---
+description: Simple and flexible management system development. ENPAP symposium live tracking through the insertion of contents by event organizers.
+---
+stack: EWA, PHP, Javascript
+---
+type: work
+---
+role: Software Engineer
+---
+slug: enpap
+---
+url:
+
+http://e-n-p-a-p.net/
+    
+---
+company: Bytepix S.L.

content/portfolio/work/gurpil/contents.lr

@@ -0,0 +1,20 @@
+name: Gurpil
+---
+date: 2011-11-30
+---
+description: Corporate web development and online product catalog. Definition and programming of multiple category levels; manageable multimedia area.
+---
+stack: EWA, PHP, Javascript
+---
+type: work
+---
+role: Software Engineer
+---
+slug: gurpil
+---
+url:
+
+http://www.gurpilan.com/
+    
+---
+company: The Prime Tag S.C.

content/portfolio/work/ik4-ideko/contents.lr

@@ -0,0 +1,20 @@
+name: IK4-Ideko
+---
+date: 2011-10-18
+---
+description: Corporate website section development for the 25th anniversary, also accessible from independent domain. Tailored programming of multimedia viewers for different types of content continuously published on the website: images, videos, documents and presentations.
+---
+stack: EWA, PHP, Javascript, MySQL
+---
+type: work
+---
+role: Software Engineer
+---
+slug: ik4-ideko
+---
+url:
+
+http://www.ideko.es/
+    
+---
+company: The Prime Tag S.C.

content/portfolio/work/ik4-ideko25/contents.lr

@@ -0,0 +1,17 @@
+name: IK4-Ideko 25 aniversario
+---
+date: 2011-10-18
+---
+description: Corporate website section development for the 25th anniversary, also accessible from independent domain. Tailored programming of multimedia viewers for different types of content continuously published on the website: images, videos, documents and presentations.
+---
+stack: EWA, PHP, Javascript, MySQL
+---
+type: work
+---
+role: Software Engineer
+---
+slug: ik4-ideko25
+---
+url: 
+---
+company: The Prime Tag S.C.

content/portfolio/work/ik4-lortek/contents.lr

@@ -0,0 +1,20 @@
+name: IK4-Lortek
+---
+date: 2011-01-27
+---
+description: Corporate website development with several content hierarchy levels. Joint definition of architecture, programming fully manageable submenus.
+---
+stack: EWA, PHP, Javascript, MySQL
+---
+type: work
+---
+role: Software Engineer
+---
+slug: ik4-lortek
+---
+url:
+
+http://www.lortek.es/
+    
+---
+company: The Prime Tag S.C.