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 @@
-
- -
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; +}