init

.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: [ andrewbanchich ]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

.gitignore

@@ -0,0 +1,6 @@
+_site/
+.sass-cache/
+.jekyll-metadata
+Gemfile.lock
+*.gem
+.jekyll-cache

.gitlab-ci.yml

@@ -0,0 +1,14 @@
+image: ruby
+
+pages:
+  stage: build
+  script:
+  - gem install jekyll
+  - jekyll build -d public
+  - gem build eventually_jekyll_theme.gemspec
+  artifacts:
+    paths:
+    - public
+    - "eventually_jekyll_theme-*.gem"
+  only:
+  - master

Gemfile

@@ -0,0 +1,2 @@
+source "https://rubygems.org"
+gemspec

README.md

@@ -0,0 +1,107 @@
+# Eventually - Jekyll Theme
+
+A Jekyll version of the "Eventually" theme by [HTML5 UP](https://html5up.net/).
+
+![Eventually Theme](assets/images/eventually.jpg "Eventually Theme")
+
+# How to Use
+
+For those unfamiliar with how Jekyll works, check out [https://jekyllrb.com/](https://jekyllrb.com/) for all the details,
+or read up on just the basics of [front matter](https://jekyllrb.com/docs/frontmatter/), [writing posts](https://jekyllrb.com/docs/posts/),
+and [creating pages](https://jekyllrb.com/docs/pages/).
+
+- **GitLab**: Simply fork this repository and start editing the `_config.yml` file!  
+- **GitHub**: Fork this reposity and create a branch named `gh-pages`, then start editing the `_config.yml` file!
+
+# Added Features
+
+* Add your **social profiles** easily in `_config.yml`. Only social profiles buttons you enter in `config.yml` show up on the site footer!
+* **Automatic sitemap generation** via the [Jekyll Sitemap Generator](https://github.com/jekyll/jekyll-sitemap) plugin.
+* **Automatic SEO** via the [Jekyll SEO Tag](https://github.com/jekyll/jekyll-seo-tag) plugin.
+
+# Issues
+
+If you would like to report a bug, ask a question, request a feature, feel free to do so on [the GitLab repository](https://gitlab.com/andrewbanchich/eventually-jekyll-theme) and I will be more than happy to help!
+
+Alternatively, you can open an issue via email by emailing [incoming+andrewbanchich/eventually-[email protected]](mailto:incoming+andrewbanchich/[email protected]).
+
+The GitHub repository is simply a mirror of the GitLab repository.
+
+# Credits
+
+Original README from HTML5 UP:
+
+```
+Eventually by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+Just a simple placeholder template for your kickass app/product/startup/whatever until it
+launches. Includes an email signup form and a cool slideshow background (more on both below).
+
+Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
+you can use for pretty much whatever.
+
+(* = not included)
+
+AJ
+[email protected] | @ajlkn
+
+
+Signup Form:
+
+	The signup form won't actually do anything (other than report back with a "thank you" message)
+	until you tie it to either a third party service (eg. MailChimp) or your own hosted solution.
+	In either case, there are two ways to go:
+
+	1. The conventional (non-AJAX) way, which pretty much comes down to pointing the form's "action"
+	attribute to your service/script URL. If you go this route, remove the entire "Signup Form" code
+	block from assets/js/main.js (since it's not needed for this approach).
+
+	-or-
+
+	2. The AJAX way. How you set this up is largely dependent on the service/solution you're using
+	so you'll need to consult their/its documentation. However, I have included some basic code
+	(under "Signup Form" in assets/js/main.js) that will at least let you interact with the
+	form itself.
+
+
+Slideshow Background:
+
+	This is pretty straightforward, but there are two JS settings you'll want to be aware of
+	(found under "Slideshow Background" in assets/js/main.js):
+
+	images
+
+		The list of images to cycle through, given in the following format:
+
+			'url': 'alignment'
+
+		Where 'url' is the image (eg. 'assets/images/foo.jpg', 'http://somewhere.else/foo.jpg'), and
+		'alignment' is how the image should be vertically aligned ('top', 'center', or 'bottom').
+
+		Note: Browsers that don't support CSS transitions (like IE<=9) will only see the first image.
+
+	delay
+
+		How long to wait between transitions (in ms). Note that this must be at least twice as long as
+		the transition speed itself (currently 3 seconds).
+
+
+Credits:
+
+	Demo Images:
+		Unsplash (unsplash.com)
+
+	Icons:
+		Font Awesome (fortawesome.github.com/Font-Awesome)
+
+	Other:
+		html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+		Respond.js (j.mp/respondjs)
+		Skel (skel.io)
+
+```
+
+Repository [Jekyll logo](https://github.com/jekyll/brand) icon licensed under a [Creative Commons Attribution 4.0 International License](http://choosealicense.com/licenses/cc-by-4.0/).

_config.yml

@@ -0,0 +1,21 @@
+# Site settings
+title: Eventually
+email: [email protected]
+description: A simple template for telling the world when you'll launch your next big thing. Brought to you by HTML5 UP.
+baseurl: "/eventually-jekyll-theme" # the subpath of your site, e.g. /blog
+url: "" # the base hostname & protocol for your site
+
+# Social settings
+500px_url:
+facebook_url:
+github_url:
+gitlab_url: https://gitlab.com/u/andrewbanchich
+googleplus_url: https://plus.google.com/u/0/+AndrewBanchich
+instagram_url:
+linkedin_url: https://www.linkedin.com/in/andrew-banchich-a4ba1195
+pinterest_url:
+slack_url:
+twitter_url: https://twitter.com/andrewbanchich
+
+# Build settings
+markdown: kramdown

_includes/footer.html

@@ -0,0 +1,45 @@
+<!-- Footer -->
+<footer id="footer">
+	<ul class="icons">
+        {% if site.twitter_url %}
+        <li><a href="{{ site.twitter_url }}" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
+        {% endif %}
+        {% if site.googleplus_url %}
+        <li><a href="{{ site.googleplus_url }}" class="icon fa-google-plus" target="_blank"><span class="label">Google+</span></a></li>
+        {% endif %}
+        {% if site.facebook_url %}
+        <li><a href="{{ site.facebook_url }}" class="icon fa-facebook" target="_blank"><span class="label">Facebook</span></a></li>
+        {% endif %}
+        {% if site.instagram_url %}
+        <li><a href="{{ site.instagram_url }}" class="icon fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
+        {% endif %}
+        {% if site.pinterest_url %}
+        <li><a href="{{ site.pinterest_url }}" class="icon fa-pinterest" target="_blank"><span class="label">Pinterest</span></a></li>
+        {% endif %}
+        {% if site.500px_url %}
+        <li><a href="{{ site.500px_url }}" class="icon fa-500px" target="_blank"><span class="label">500px</span></a></li>
+        {% endif %}
+        {% if site.gitlab_url %}
+        <li><a href="{{ site.gitlab_url }}" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
+        {% endif %}
+        {% if site.github_url %}
+        <li><a href="{{ site.github_url }}" class="icon fa-github" target="_blank"><span class="label">GitHub</span></a></li>
+        {% endif %}
+        {% if site.slack_url %}
+        <li><a href="{{ site.slack_url }}" class="icon fa-slack" target="_blank"><span class="label">Slack</span></a></li>
+        {% endif %}
+        {% if site.linkedin_url %}
+        <li><a href="{{ site.linkedin_url }}" class="icon fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
+        {% endif %}
+	</ul>
+	<ul class="copyright">
+		<li>&copy; {{ site.title }}.</li><li>Credits: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li><li>Jekyll integration: <a href="http://andrewbanchi.ch" target="_blank">Andrew Banchich</a></li>
+	</ul>
+</footer>
+
+<!-- Scripts -->
+<!--[if lte IE 8]><script src="{{ site.url }}{{ site.baseurl }}/assets/js/ie/respond.min.js"></script><![endif]-->
+<script src="{{ site.url }}{{ site.baseurl }}/assets/js/main.js"></script>
+
+</body>
+</html>

_includes/head.html

@@ -0,0 +1,9 @@
+<head>
+	<title>{{ page.title }}</title>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+	<!--[if lte IE 8]><script src="{{ 'assets/js/ie/html5shiv.js' | relative_url }}"></script><![endif]-->
+	<link rel="stylesheet" href="{{ 'assets/css/main.css' | relative_url }}" />
+	<!--[if lte IE 8]><link rel="stylesheet" href="{{ 'assets/css/ie8.css' | relative_url }}" /><![endif]-->
+	<!--[if lte IE 9]><link rel="stylesheet" href="{{ 'assets/css/ie9.css' | relative_url }}" /><![endif]-->
+</head>

_layouts/default.html

@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<!--
+	Eventually by HTML5 UP
+	html5up.net | @ajlkn
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+-->
+<html>
+{% include head.html %}
+<body>
+
+<!-- Header -->
+<header id="header">
+	<h1>{{ site.title }}</h1>
+	<p>{{ site.description }}</p>
+</header>
+
+<!-- Signup Form -->
+<form id="signup-form" method="post" action="#">
+	<input type="email" name="email" id="email" placeholder="Email Address" />
+	<input type="submit" value="Sign Up" />
+</form>
+
+{% include footer.html %}
+
+</body>
+</html>

_sass/base/_bg.scss

@@ -0,0 +1,71 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* BG */
+
+	#bg {
+		@include vendor('transition', 'opacity #{_duration(bg-fadein)} ease-in-out');
+		height: 100%;
+		left: 0;
+		opacity: 0.25;
+		position: fixed;
+		top: 0;
+		width: 100%;
+		z-index: 1;
+
+		div {
+			@include vendor('transition', ('opacity #{_duration(bg-transition)} ease', 'visibility #{_duration(bg-transition)}'));
+			background-size: cover;
+			height: 100%;
+			left: 0;
+			opacity: 0;
+			position: absolute;
+			top: 0;
+			visibility: hidden;
+			width: 150%;
+
+			&.visible {
+				@include vendor('animation', 'bg #{_duration(bg-slide)} linear infinite');
+				opacity: 1;
+				visibility: visible;
+				z-index: 1;
+
+				&.top {
+					z-index: 2;
+				}
+
+				@include breakpoint(large) {
+					@include vendor('animation', 'bg #{_duration(bg-slide) * 0.65} linear infinite');
+				}
+
+				@include breakpoint(small) {
+					@include vendor('animation', 'bg #{_duration(bg-slide) * 0.4} linear infinite');
+				}
+			}
+
+			&:only-child {
+				@include vendor('animation-direction', 'alternate !important');
+			}
+		}
+
+		body.is-loading & {
+			opacity: 0;
+		}
+	}
+
+	@include keyframes(bg) {
+		0% {
+			@include vendor('transform', 'translateX(0)');
+		}
+
+		100% {
+			@include vendor('transform', 'translateX(-25%)');
+		}
+	}

_sass/base/_page.scss

@@ -0,0 +1,71 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Basic */
+
+	// MSIE: Required for IEMobile.
+		@-ms-viewport {
+			width: device-width;
+		}
+
+	// MSIE: Prevents scrollbar from overlapping content.
+		body {
+			-ms-overflow-style: scrollbar;
+		}
+
+	// Ensures page width is always >=320px.
+		@include breakpoint(xsmall) {
+			html, body {
+				min-width: 320px;
+			}
+		}
+
+	html, body {
+		height: 100%;
+		overflow-x: hidden;
+		width: 100%;
+
+		@include breakpoint(short) {
+			height: auto;
+			min-height: 100%;
+		}
+	}
+
+	body {
+		@include vendor('display', 'flex');
+		@include vendor('flex-direction', 'column');
+		@include vendor('justify-content', 'center');
+		background-color: _palette(bg);
+		padding: 6em 4em 4em 4em;
+
+		> * {
+			position: relative;
+			z-index: 2;
+		}
+
+		&.is-loading {
+			*, *:before, *:after {
+				@include vendor('animation', 'none !important');
+				@include vendor('transition', 'none !important');
+			}
+		}
+
+		@include breakpoint(xlarge) {
+			padding: 6em 3.5em 3.5em 3.5em;
+		}
+
+		@include breakpoint(small) {
+			padding: 5em 2em 2em 2em;
+		}
+
+		@include breakpoint(xxsmall) {
+			padding: 5em 1.25em 1.25em 1.25em;
+		}
+	}