From 0563b4dec3fed59350e944cf16e761b65c331df2 Mon Sep 17 00:00:00 2001 From: Jake Howard Date: Sun, 29 May 2016 23:23:55 +0100 Subject: [PATCH] Add projects to index --- content/pages/homepage.html | 95 ++++------------------------- pelicanconf.py | 5 +- plugins/{social.py => links.py} | 15 ++++- theme/static/src/js/app.js | 6 ++ theme/static/src/scss/homepage.scss | 4 ++ theme/static/src/scss/index.scss | 6 ++ 6 files changed, 45 insertions(+), 86 deletions(-) rename plugins/{social.py => links.py} (52%) diff --git a/content/pages/homepage.html b/content/pages/homepage.html index 5ede955..7c468b9 100644 --- a/content/pages/homepage.html +++ b/content/pages/homepage.html @@ -75,90 +75,21 @@
-
- -
-
-
- Category -
-
- Project Name + {% for project in INDEX_PROJECTS %} +
+ +
+
+
+

+ {{ project.name }} +

+
-
- -
-
- -
-
-
- Category -
-
- Project Name -
-
-
- -
-
- -
-
-
- Category -
-
- Project Name -
-
-
- -
-
- -
-
-
- Category -
-
- Project Name -
-
-
- -
-
- -
-
-
- Category -
-
- Project Name -
-
-
- -
-
- -
-
-
- Category -
-
- Project Name -
-
-
- -
+ +
+ {% endfor %}
diff --git a/pelicanconf.py b/pelicanconf.py index fd0b27f..1b8fc38 100644 --- a/pelicanconf.py +++ b/pelicanconf.py @@ -32,8 +32,9 @@ LINKS = (('Pelican', 'http://getpelican.com/'), ('You can modify those links in your config file', '#'),) # Social widget -import social -SOCIAL = social.generate() +import links +SOCIAL = links.social() +INDEX_PROJECTS = links.index_projects() # Disable some pages TAG_URL = False diff --git a/plugins/social.py b/plugins/links.py similarity index 52% rename from plugins/social.py rename to plugins/links.py index 67b9374..b986fdc 100644 --- a/plugins/social.py +++ b/plugins/links.py @@ -1,10 +1,12 @@ from collections import namedtuple +from random import shuffle -SocialLink = namedtuple('SocialLink', ['name', 'url', 'icon']) +SocialLink = namedtuple("SocialLink", ["name", "url", "icon"]) +ProjectLink = namedtuple("ProjectLink", ["name", "url", "image"]) -def generate(): +def social(): return { "github": SocialLink("GitHub", "https://github.com/RealOrangeOne", "fa-github"), "twitter": SocialLink("Twitter", "https://twitter.com/RealOrangeOne", "fa-twitter"), @@ -12,3 +14,12 @@ def generate(): "instagram": SocialLink("Instagram", "https://instagram.com/RealOrangeOne", "fa-instagram"), "youtube": SocialLink("YouTube", "https://youtube.com/user/TheOrangeOneOfficial", "fa-youtube") } + + +def index_projects(): + projects = [ + ProjectLink("Student Robotics", "/robotics/", "https://c2.staticflickr.com/8/7711/17122633430_e1b599fe47.jpg"), + ProjectLink("Dotfiles", "/projects/dotfiles/", "http://jleajones.com/assets/images/dotfiles.png") + ] + shuffle(projects) + return projects diff --git a/theme/static/src/js/app.js b/theme/static/src/js/app.js index 9d74810..96344b5 100644 --- a/theme/static/src/js/app.js +++ b/theme/static/src/js/app.js @@ -1 +1,7 @@ import './creative'; + +$('.image').each(function () { + const ele = $(this); + console.log('ITTERATING', ele.data('image')); + ele.css('background-image', 'url(' + ele.data('image') + ')'); +}); diff --git a/theme/static/src/scss/homepage.scss b/theme/static/src/scss/homepage.scss index 0ad82c8..d63cb7c 100644 --- a/theme/static/src/scss/homepage.scss +++ b/theme/static/src/scss/homepage.scss @@ -2,4 +2,8 @@ background-color: $brand-grey-dark; max-width: initial; min-height: 300px; + + .portfolio-box-caption { + background-color: transparentize($brand-orange, 0.3); + } } diff --git a/theme/static/src/scss/index.scss b/theme/static/src/scss/index.scss index 6ecca1e..a4889b7 100644 --- a/theme/static/src/scss/index.scss +++ b/theme/static/src/scss/index.scss @@ -39,3 +39,9 @@ p a { .btn i { margin: 0 3px; } + +.image { + background-repeat: no-repeat; + background-position: center; + background-size: cover; +}