This commit is contained in:
Kameron Kenny 2024-05-25 12:05:19 -04:00
parent f5f5f7bc67
commit 727cbe1dee
No known key found for this signature in database
GPG Key ID: E5006629839D2276
9 changed files with 287 additions and 98 deletions

View File

@ -6,11 +6,13 @@
# 'jekyll serve'. If you change this file, please restart the server process. # 'jekyll serve'. If you change this file, please restart the server process.
# Site settings # Site settings
title: "kameronkenny.com" title: kameronkenny.com
email: "thiswillnotwork@thelinux.pro" email: "thiswillnotwork@thelinux.pro"
description: > # this means to ignore newlines until "baseurl:" description: kameronkenny.com
baseurl: "" # the subpath of your site, e.g. /blog baseurl: "" # the subpath of your site, e.g. /blog
url: "https://kameronkenny.com" # the base hostname & protocol for your site url: "https://kameronkenny.com" # the base hostname & protocol for your site
author-name: Kameron Kenny
twitter_username: kameronkenny twitter_username: kameronkenny
github_username: kkenny github_username: kkenny
linkedin_username: kameronkenny linkedin_username: kameronkenny

View File

@ -1,47 +1,38 @@
<div class="site-footer"> <footer class="footer">
<div class="wrapper"> <div class="container">
<span class="footer-heading">{{ site.title }}</span><br /> <div class="row">
<div class="col col-12">
<table> <div class="footer-top">
<tr> <h2 class="logo-title">
<td width="50%"> <a href="{{site.baseurl}}/" class="logo-text">Galada</a>
<a href="{{site.github.owner_url }}">Github</a><br /> </h2>
{% if site.twitter_username %} <div class="top"><i class="ion ion-ios-arrow-up"></i></div>
<a href="https://twitter.com/{{ site.twitter_username }}">Twitter</a><br />
{% endif %}
{% if site.linkedin_username %}
<a href="https://linkedin.com/in/{{ site.linkedin_username }}">LinkedIn</a><br />
{% endif %}
</td>
<td width="50%">
<!-- iframe height='160' width='300' frameborder='0' allowtransparency='true' scrolling='no' src='https://www.strava.com/athletes/30509534/activity-summary/df309ed4d8ee2aef0cabb44d018f31d494f71462'></iframe-->
</td>
</tr>
</table>
</div> </div>
</div> <div class="footer-bottom">
<br /> <div class="copyright">
<br /> <p>&copy; {{site.time | date: '%Y'}} Crafted & Designed by <a href="https://github.com/artemsheludko">Artem Sheludko</a></p>
<br />
<br />
<div class="wrapper">
<!---
<p>{{ site.description | default: site.github.project_tagline }}</p>
-->
<p>
</p>
</div> </div>
<div class="footer-social">
<ul class="list-reset">
{% if site.facebook %}
<li><a href="{{ site.facebook }}">Facebook</a></li>
{% else %} {% endif %}
{% if site.google_analytics %} {% if site.twitter %}
<script> <li><a href="{{ site.twitter }}">Twitter</a></li>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ {% else %} {% endif %}
(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) {% if site.instagram %}
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); <li><a href="{{ site.instagram }}">Instagram</a></li>
ga('create', '{{ site.google_analytics }}', 'auto'); {% else %} {% endif %}
ga('send', 'pageview');
</script> {% if site.pinterest %}
{% endif %} <li><a href="{{ site.pinterest }}">Pinterest</a></li>
</body> {% else %} {% endif %}
</html> </ul>
</div>
</div>
</div>
</div>
</div>
</footer> <!-- /.footer -->

View File

@ -1,18 +1,25 @@
<!doctype html> <head>
<html lang="{{ site.lang | default: "en-US" }}">
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}"> <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <meta name='description' content='{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}'>
<script src="{{ '/assets/js/respond.js' | relative_url }}"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="{{ '/assets/css/ie.css' | relative_url }}">
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head> <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
<!-- Ionicons -->
<link href="https://unpkg.com/ionicons@4.2.2/dist/css/ionicons.min.css" rel="stylesheet">
<style>
{% capture include_to_scssify %}
{% include main.scss %}
{% endcapture %}
{{ include_to_scssify | scssify }}
</style>
</head>

View File

@ -1,14 +1,39 @@
<div id="header"> <header class="header">
<div id="title" class="topnav"> <div class="container">
<a href="{{ site.url }}">{{ site.title | default: site.github.repository_name }}</a> <div class="row">
{% for my_page in site.pages %} <div class="col col-12">
{% if my_page.title %} <div class="header-box">
<a href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a> <div class="logo-title">
{% endif %} <a href="{{site.baseurl}}/" class="logo-text">Galada</a>
{% endfor %}
</div> </div>
</div><!-- end header -->
<div class="wrapper">
<section>
<nav class="nav-menu">
<i class="menu-close ion ion-ios-close"></i>
<ul class="menu-list">
<li class="menu-item"><a href="{{site.baseurl}}/" class="menu-link">Home</a></li>
{% for page in site.pages %}
{% unless page.name == 'tags.html' or page.name == '404.html' %}
{% if page.title %}
<li class="menu-item"><a href="{{ page.url | prepend: site.baseurl }}" class="menu-link">{{ page.title }}</a></li>
{% endif %}
{% endunless %}
{% endfor %}
</ul>
</nav>
<div class="nav-buttons">
<i class="menu-button d-hide ion ion-ios-menu"></i>
<i class="search-button ion ion-ios-search"></i>
</div>
</div>
</div>
</div>
</div>
<div class="search">
<div class="search-box">
<i class="search-close-button ion ion-ios-close"></i>
<label for="js-search-input" class="screen-reader-text"></label>
<input type="text" id="js-search-input" class="search-text" autocomplete="off" placeholder="Search Something...">
<ol id="js-results-container" class="search-results-list"></ol>
</div>
</div>
</header> <!-- /.header -->

16
_includes/javascripts.html Executable file
View File

@ -0,0 +1,16 @@
<script src="{{ site.baseurl }}/js/jquery-3.3.1.min.js"></script>
<script src="{{ site.baseurl }}/js/simple-jekyll-search.min.js"></script>
<script>
SimpleJekyllSearch({
searchInput: document.getElementById("js-search-input"),
resultsContainer: document.getElementById("js-results-container"),
json: "{{site.baseurl}}/search.json",
searchResultTemplate:
'<li class="search-item"><a class="search-link" href="{url}">{title}</a></li>',
noResultsText: '<li class="search-no-item">No results found</li>'
});
</script>
<script src="{{ site.baseurl }}/js/instafeed.min.js"></script>
<script src="{{ site.baseurl }}/js/jquery.waitforimages.min.js"></script>
<script src="{{ site.baseurl }}/js/jquery.fitvids.js"></script>
<script src="{{ site.baseurl }}/js/common.js"></script>

30
_includes/main.scss Executable file
View File

@ -0,0 +1,30 @@
// 0-SETTINGS
@import '0-settings/global';
@import '0-settings/colors';
// 1-TOOLS
@import '1-tools/normalize';
@import '1-tools/reset';
@import '1-tools/shared';
@import '1-tools/syntax-highlighting';
@import '1-tools/mixins';
@import '1-tools/grid';
// 2-BASE
@import '2-base/base';
// 3-MODULES
@import '3-modules/loader';
@import '3-modules/buttons';
@import '3-modules/sidebar';
@import '3-modules/pagination';
@import '3-modules/footer';
// 4-LAYOUTS
@import '4-layouts/home';
@import '4-layouts/post';
@import '4-layouts/page';
@import '4-layouts/tags';
// 5-TRUMPS
@import '5-trumps/helpers';

View File

@ -1,10 +1,21 @@
<!DOCTYPE html>
<html lang="en">
{% include head.html %} {% include head.html %}
<body> <body>
{% include header.html %}
{% if site.google-analytics %}
{% include google-analytics.html %}
{% endif %}
{% include loader.html %}
{% include header.html %}
{{ content }} {{ content }}
</section> {% include footer.html %}
{% include javascripts.html %}
</div> </body>
{% include footer.html %} </html>

View File

@ -1,10 +1,23 @@
{% include head.html %} ---
<body> layout: default
{% include header.html %} ---
{{ content }} <div class="container">
<div class="row">
</section> <div class="col col-12">
<div class="page-image-box">
<div class="page-image" style="background-image: url({{"/img/" | prepend: site.baseurl | append : page.image}})"></div>
</div>
</div>
<article class="col col-12 col-t-10 push-t-1 page">
<div class="page-content">
<div class="page-head">
<h1 class="page-title">{{ page.title | escape }}</h1>
</div> </div>
{% include footer.html %} <div class="page-body">
{{ content }}
</div>
</div>
</article> <!-- /.page -->
</div>
</div>

View File

@ -1,13 +1,107 @@
--- ---
layout: default layout: default
--- ---
<article itemscope itemtype="http://schema.org/BlogPosting"> <div class="container">
<header> <div class="row">
<h1 itemprop="name headline">{{ page.title }}</h1> <div class="col col-12">
<p><time datetime="{{ page.date | date_to_xmlschma }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p> <div class="post-image-box">
</header> <div class="post-image" style="background-image: url({{"/img/" | prepend: site.baseurl | append : page.image}})"></div>
<div itemprop="articleBody">
{{ content }}
</div> </div>
</article> </div>
</div>
</div>
<div class="container">
<div class="row">
<article class="col col-12 col-t-8 post">
<div class="post-content">
<div class="post-head">
{% if page.tags.size >= 1 %}
<div class="post-tag">
{% for tag in page.tags %}
<a href="{{ site.baseurl }}/tags#{{tag}}" class="tag">{{ tag }}</a>
{% endfor %}
</div>
{% endif %}
<h1 class="post-title">{{ page.title | escape }}</h1>
<div class="post-info">
<div class="post-info-author">
<div class="info-author-avatar" style="background-image: url({{"/img/" | prepend: site.baseurl | append : site.author-avatar}})"></div>
<span>by</span>
<span class="info-author-name">{{site.author-name}}</span>
</div>
<div class="post-date">
<span>
<time datetime="{{ page.date | date_to_xmlschema }}">{{page.date | date: '%b %d, %Y'}}</time>
</span>
</div>
</div>
</div>
<div class="post-body">
{{ content }}
<div class="post-share">
<ul class="share-list list-reset">
<li class="share-item">
<a class="share-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ site.baseurl }}{{ page.url }}"
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
title="Share on Facebook" rel="nofollow">
<i class="ion ion-logo-facebook"></i>
</a>
</li>
<li class="share-item">
<a class="share-twitter" href="https://twitter.com/intent/tweet?text={{ page.title | uri_escape }}&url={{ site.url }}{{ site.baseurl }}{{ page.url }}"
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
title="Share on Twitter" rel="nofollow">
<i class="ion ion-logo-twitter"></i>
</a>
</li>
<li class="share-item">
<a class="share-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ site.baseurl }}{{ page.url }}&title={{ page.title | uri_escape }}&summary={{ page.description | uri_escape }}&source={{ site.title | uri_escape }}"
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
title="Share on LinkedIn" rel="nofollow">
<i class="ion ion-logo-linkedin"></i>
</a>
</li>
<li class="share-item">
<a class="share-pinterest" href="http://pinterest.com/pin/create/button/?url={{ site.url }}{{ page.url }}&amp;media={{ site.url }}{{ site.baseurl }}/img/{{ page.image }}&amp;description={{ page.title | uri_escape }}"
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=900,height=500,toolbar=1,resizable=0'); return false;"
title="Share on Pinterest" rel="nofollow">
<i class="ion ion-logo-pinterest"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="post-navigation">
{% if page.previous.url %}
<a href="{{ site.baseurl }}{{page.previous.url}}" class="prev">
<div class="post-nav-arrow"><i class="ion ion-ios-arrow-round-back"></i> Previous Article</div>
<h2 class="post-nav-title">{{page.previous.title}}</h2>
</a>
{% endif %} {% if page.next.url %}
<a href="{{ site.baseurl }}{{page.next.url}}" class="next">
<div class="post-nav-arrow">Next Article <i class="ion ion-ios-arrow-round-forward"></i></div>
<h2 class="post-nav-title">{{page.next.title}}</h2>
</a>
{% endif %}
</div>
</div>
{% if site.disqus-identifier %}
{% include disqus-comments.html %}
{% endif %}
</article> <!-- /.post -->
<div class="col col-12 col-t-4">
{% include sidebar.html %}
</div>
</div>
</div>