Commit 0d0a6203 authored by Hydrox6's avatar Hydrox6

We Jekyll now, boys!

Using a pre-built theme (jekyll-now, https://github.com/barryclark/jekyll-now), I have ported my website over to Jekyll. This should allow me to easily add a blog. Currently, the 404 page doesn't work, but that might be a github thing.
parent 4768cd55
#
# This file contains configuration flags to customize your site
#
# Name of your site (displayed in the header)
name: Hydrox.IO
# Short bio or description (displayed in the header)
description: I write applications and make games
# URL of your avatar or profile pic (you could use your GitHub profile pic)
avatar: https://raw.githubusercontent.com/barryclark/jekyll-now/master/images/jekyll-logo.png
#
# Flags below are optional
#
# Includes an icon in the footer for each username you enter
# footer-links:
# dribbble:
# email:
# facebook:
# flickr:
# github: barryclark/jekyll-now
# instagram:
# linkedin:
# pinterest:
# rss: # just type anything here for a working RSS icon
# twitter: jekyllrb
# stackoverflow: # your stackoverflow profile, e.g. "users/50476/bart-kiers"
# youtube: # channel/<your_long_string> or user/<user-name>
# googleplus: # anything in your profile username that comes after plus.google.com/
# Enter your Disqus shortname (not your username) to enable commenting on posts
# You can find your shortname on the Settings page of your Disqus account
disqus:
# Enter your Google Analytics web tracking code (e.g. UA-2110908-2) to activate tracking
google_analytics:
# Your website URL (e.g. http://barryclark.github.io or http://www.barryclark.co)
# Used for Sitemap.xml and your RSS feed
url: "http://hydrox.io"
# If you're hosting your site at a Project repository on GitHub pages
# (http://yourusername.github.io/repository-name)
# and NOT your User repository (http://yourusername.github.io)
# then add in the baseurl here, like this: "/repository-name"
baseurl: ""
#
# !! You don't need to change any of the configuration flags below !!
#
permalink: /:title/
# The release of Jekyll Now that you're using
version: v3.3.1
# Jekyll 3 now only supports Kramdown for Markdown
kramdown:
# Use GitHub flavored markdown, including triple backtick fenced code blocks
input: GFM
# Jekyll 3 and GitHub Pages now only support rouge for syntax highlighting
syntax_highlighter: rouge
syntax_highlighter_opts:
# Use existing pygments syntax highlighting css
css_class: 'highlight'
# Set the Sass partials directory, as we're using @imports
sass:
style: :expanded # You might prefer to minify using :compressed
# Use the following plug-ins
gems:
- jekyll-feed # Create an Atom feed using the official Jekyll feed gem
# Exclude these files from your production _site
exclude:
- Gemfile
- Gemfile.lock
- LICENSE
- README.md
- CNAME
<meta charset="utf-8" />
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'>
{% if page.excerpt %}
<meta name="description" content="{{ page.excerpt| strip_html }}" />
<meta property="og:description" content="{{ page.excerpt| strip_html }}" />
{% else %}
<meta name="description" content="{{ site.description }}">
<meta property="og:description" content="{{ site.description }}" />
{% endif %}
<meta name="author" content="{{ site.name }}" />
{% if page.title %}
<meta property="og:title" content="{{ page.title }}" />
<meta property="twitter:title" content="{{ page.title }}" />
{% endif %}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>{% if page.title %}{{ page.title }} – {% endif %}{{ site.name }}</title>
{% include meta.html %}
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta name=viewport content="initial-scale=1">
<style>
body{background-color: #222222;}
a{color:#dddddd;}
</style>
</head>
<body>
<div class="container">
<header class="site-header">
<!--Title-->
<h1 class="site-title">
<a href="http://hydrox.io">{{ site.name }}</a>
<h1>
<!--Tagline-->
<p class="site-tagline">{{ site.description }}</p>
<!--Nav-->
<nav class="nav">
<ul>
<li class="nav-item">
<a href="{{ site.baseurl }}/blog">Blog</a>
</li>
<li class="nav-item">
<a href="{{ site.baseurl }}/projects">Projects</a>
</li>
</ul>
</nav>
</header>
<div class="line"></div>
<main id="main">
{{content}}
</main>
</div>
<link rel="stylesheet" type="text/css" href="./style.css" />
<link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />
</body>
</html>
---
layout: default
---
<article class="page">
<h1>{{ page.title }}</h1>
<div class="entry">
{{ content }}
</div>
</article>
---
layout: default
---
<article class="post">
<h1>{{ page.title }}</h1>
<div class="entry">
{{ content }}
</div>
<div class="date">
Written on {{ page.date | date: "%B %e, %Y" }}
</div>
{% include disqus.html %}
</article>
---
layout: post
title: You're up and running!
---
Next you can update your site name, avatar and other options using the _config.yml file in the root of your repository (shown below).
![_config.yml]({{ site.baseurl }}/images/config.png)
The easiest way to make your first post is to edit this one. Go into /_posts/ and update the Hello World markdown file. For more instructions head over to the [Jekyll Now repository](https://github.com/barryclark/jekyll-now) on GitHub.
\ No newline at end of file
.highlight {
background-color: #efefef;
padding: 7px 7px 7px 10px;
border: 1px solid #ddd;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.1);
box-shadow: 3px 3px rgba(0,0,0,0.1);
margin: 20px 0 20px 0;
overflow: scroll;
}
code {
font-family:'Bitstream Vera Sans Mono','Courier', monospace;
}
.highlight .c { color: #586E75 } /* Comment */
.highlight .err { color: #93A1A1 } /* Error */
.highlight .g { color: #93A1A1 } /* Generic */
.highlight .k { color: #859900 } /* Keyword */
.highlight .l { color: #93A1A1 } /* Literal */
.highlight .n { color: #93A1A1 } /* Name */
.highlight .o { color: #859900 } /* Operator */
.highlight .x { color: #CB4B16 } /* Other */
.highlight .p { color: #93A1A1 } /* Punctuation */
.highlight .cm { color: #586E75 } /* Comment.Multiline */
.highlight .cp { color: #859900 } /* Comment.Preproc */
.highlight .c1 { color: #586E75 } /* Comment.Single */
.highlight .cs { color: #859900 } /* Comment.Special */
.highlight .gd { color: #2AA198 } /* Generic.Deleted */
.highlight .ge { color: #93A1A1; font-style: italic } /* Generic.Emph */
.highlight .gr { color: #DC322F } /* Generic.Error */
.highlight .gh { color: #CB4B16 } /* Generic.Heading */
.highlight .gi { color: #859900 } /* Generic.Inserted */
.highlight .go { color: #93A1A1 } /* Generic.Output */
.highlight .gp { color: #93A1A1 } /* Generic.Prompt */
.highlight .gs { color: #93A1A1; font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #CB4B16 } /* Generic.Subheading */
.highlight .gt { color: #93A1A1 } /* Generic.Traceback */
.highlight .kc { color: #CB4B16 } /* Keyword.Constant */
.highlight .kd { color: #268BD2 } /* Keyword.Declaration */
.highlight .kn { color: #859900 } /* Keyword.Namespace */
.highlight .kp { color: #859900 } /* Keyword.Pseudo */
.highlight .kr { color: #268BD2 } /* Keyword.Reserved */
.highlight .kt { color: #DC322F } /* Keyword.Type */
.highlight .ld { color: #93A1A1 } /* Literal.Date */
.highlight .m { color: #2AA198 } /* Literal.Number */
.highlight .s { color: #2AA198 } /* Literal.String */
.highlight .na { color: #93A1A1 } /* Name.Attribute */
.highlight .nb { color: #B58900 } /* Name.Builtin */
.highlight .nc { color: #268BD2 } /* Name.Class */
.highlight .no { color: #CB4B16 } /* Name.Constant */
.highlight .nd { color: #268BD2 } /* Name.Decorator */
.highlight .ni { color: #CB4B16 } /* Name.Entity */
.highlight .ne { color: #CB4B16 } /* Name.Exception */
.highlight .nf { color: #268BD2 } /* Name.Function */
.highlight .nl { color: #93A1A1 } /* Name.Label */
.highlight .nn { color: #93A1A1 } /* Name.Namespace */
.highlight .nx { color: #555 } /* Name.Other */
.highlight .py { color: #93A1A1 } /* Name.Property */
.highlight .nt { color: #268BD2 } /* Name.Tag */
.highlight .nv { color: #268BD2 } /* Name.Variable */
.highlight .ow { color: #859900 } /* Operator.Word */
.highlight .w { color: #93A1A1 } /* Text.Whitespace */
.highlight .mf { color: #2AA198 } /* Literal.Number.Float */
.highlight .mh { color: #2AA198 } /* Literal.Number.Hex */
.highlight .mi { color: #2AA198 } /* Literal.Number.Integer */
.highlight .mo { color: #2AA198 } /* Literal.Number.Oct */
.highlight .sb { color: #586E75 } /* Literal.String.Backtick */
.highlight .sc { color: #2AA198 } /* Literal.String.Char */
.highlight .sd { color: #93A1A1 } /* Literal.String.Doc */
.highlight .s2 { color: #2AA198 } /* Literal.String.Double */
.highlight .se { color: #CB4B16 } /* Literal.String.Escape */
.highlight .sh { color: #93A1A1 } /* Literal.String.Heredoc */
.highlight .si { color: #2AA198 } /* Literal.String.Interpol */
.highlight .sx { color: #2AA198 } /* Literal.String.Other */
.highlight .sr { color: #DC322F } /* Literal.String.Regex */
.highlight .s1 { color: #2AA198 } /* Literal.String.Single */
.highlight .ss { color: #2AA198 } /* Literal.String.Symbol */
.highlight .bp { color: #268BD2 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #268BD2 } /* Name.Variable.Class */
.highlight .vg { color: #268BD2 } /* Name.Variable.Global */
.highlight .vi { color: #268BD2 } /* Name.Variable.Instance */
.highlight .il { color: #2AA198 } /* Literal.Number.Integer.Long */
\ No newline at end of file
main#main
{
font-size: 25px;
padding-top: 20px;
font-weight: 550;
padding-bottom: 20px;
z-index: 2;
position: relative;
}
header
{
position: relative;
z-index: 2;
}
img#konchu
{
position: relative;
z-index: 0;
width: 100%;
margin:0 auto;
margin-top:-30%;
}
a#konchusrc
{
position: relative;
z-index: 1;
}
<!DOCTYPE html>
<html>
<head>
<!--Mobile Compatability HO!-->
<meta name=viewport content="initial-scale=1">
<title>Hydrox.IO</title>
<!--Fixes for links loading blue & non-dark theme whilst loading on mobile/slow internet-->
<style>
body{background-color: #222222;}
a{color:#dddddd;}
</style>
</head>
<body>
<div class="container">
<header class="site-header">
<!--Title-->
<h1 class="site-title">
<a href="..">Hydrox.IO</a>
<h1>
<!--Tagline-->
<p class="site-tagline">I write applications and make games</p>
<!--Nav-->
<nav class="nav">
<ul>
<li class="nav-item">
<a href="../blog">Blog</a>
</li>
<li class="nav-item current">
<a href="../projects">Projects</a>
</li>
</ul>
</nav>
</header>
<div class="line"></div>
<main id="main">
Blog is missing. Time to learn Jekyll. brb
</main>
<a id="konchusrc" href="https://www.youtube.com/watch?v=7ALQCWUlinM" alt="Source"><img id="konchu" src="https://i.imgur.com/cC5NwXE.gif" alt="Konchu"></a>
</div>
<link rel="stylesheet" href="../base.css">
<link rel="stylesheet" href="index.css">
</body>
</html>
\ No newline at end of file
main#main
{
text-align: left;
padding-top: 20px;
color:#cccccc;
padding-left: 17px;
padding-right: 17px;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<!--Mobile Compatability HO!-->
<meta name=viewport content="initial-scale=1">
<title>Hydrox.IO</title>
<!--Fixes for links loading blue & non-dark theme whilst loading on mobile/slow internet-->
<style>
body{background-color: #222222;}
a{color:#dddddd;}
</style>
</head>
<body>
<div class="container">
<header class="site-header">
<!--Title-->
<h1 class="site-title">
<a href="">Hydrox.IO</a>
<h1>
<!--Tagline-->
<p class="site-tagline">I write applications and make games</p>
<!--Nav-->
<nav class="nav">
<ul>
<li class="nav-item">
<a href="blog">Blog</a>
</li>
<li class="nav-item">
<a href="projects">Projects</a>
</li>
</ul>
</nav>
</header>
<div class="line"></div>
<main id="main">
<h1 class="cent-head">Welcome to my Website</h1>
<p>I'm Hydrox (usually Hydrox6), and I'm a Games Tech student. I write applications as a hobby, mostly in Python. I also write server plugins in Lua for a Garry's Mod Server.</p>
<p>Website's looking pretty sparse at the moment. At least it's not SquareSpace! <img alt="Kappa" src="https://static-cdn.jtvnw.net/emoticons/v1/25/1.0"/></p>
</main>
</div>
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="index.css">
</body>
</html>
\ No newline at end of file
---
layout: default
---
<h1 class="cent-head">Welcome to my Website</h1>
<p>I'm Hydrox (usually Hydrox6), and I'm a Games Tech student. I write applications as a hobby, mostly in Python. I also write server plugins in Lua for a Garry's Mod Server.</p>
<p>Website's looking pretty sparse at the moment. At least it's not SquareSpace! <img alt="Kappa" src="https://static-cdn.jtvnw.net/emoticons/v1/25/1.0"/></p>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<!--Mobile Compatability HO!-->
<meta name=viewport content="initial-scale=1">
<title>Hydrox.IO</title>
<!--Fixes for links loading blue & non-dark theme whilst loading on mobile/slow internet-->
<style>
body{background-color: #222222;}
a{color:#dddddd;}
</style>
</head>
<body>
<div class="container">
<header class="site-header">
<!--Title-->
<h1 class="site-title">
<a href="..">Hydrox.IO</a>
<h1>
<!--Tagline-->
<p class="site-tagline">I write applications and make games</p>
<!--Nav-->
<nav class="nav">
<ul>
<li class="nav-item">
<a href="../blog">Blog</a>
</li>
<li class="nav-item current">
<a href="../projects">Projects</a>
</li>
</ul>
</nav>
</header>
<div class="line"></div>
<main id="main">
<h1 class="cent-head">Projects</h1>
<section class="proj-tile solo">
<h1 class="proj-name">PTCGDeckBuilder.com</h1>
<p>A Pokemon TCG Deck Building Website! Built with JS, HTML, CSS, with a Python 3 scraping bot.</p>
<a class="proj-button" href="https://github.com/Hydrox6/PTCGDeckBuilder.com">View Source</a>
<a class="proj-button" href="http://PTCGDeckBuilder.com">Try it out!</a>
<p class="proj-status">Status: Alpha</p>
</section>
<section class="proj-tile duo">
<h1 class="proj-name">IxiaBot</h1>
<p>A Twitch.tv bot built in Python, with a commands system that features full Python scripting.</p>
<a class="proj-button" href="https://github.com/Hydrox6/IxiaBot">View Source</a>
<p class="proj-status">Status: Pre-Alpha</p>
</section>
<section class="proj-tile duo">
<h1 class="proj-name">Hydrox.IO</h1>
<p>This website! Feel free to suggest changes.</p>
<div class=spacer></div>
<a class="proj-button" href="https://github.com/Hydrox6/Hydrox.io">View Source</a>
<p class="proj-status">Status: Ongoing</p>
</section>
</main>
</div>
<link rel="stylesheet" href="../base.css">
<link rel="stylesheet" href="index.css">
</body>
</html>
\ No newline at end of file
---
layout: default
---
<h1 class="cent-head">Projects</h1>
<section class="proj-tile solo">
<h1 class="proj-name">PTCGDeckBuilder.com</h1>
<p>A Pokemon TCG Deck Building Website! Built with JS, HTML, CSS, with a Python 3 scraping bot.</p>
<a class="proj-button" href="https://github.com/Hydrox6/PTCGDeckBuilder.com">View Source</a>
<a class="proj-button" href="http://PTCGDeckBuilder.com">Try it out!</a>
<p class="proj-status">Status: Alpha</p>
</section>
<section class="proj-tile duo">
<h1 class="proj-name">IxiaBot</h1>
<p>A Twitch.tv bot built in Python, with a commands system that features full Python scripting.</p>
<a class="proj-button" href="https://github.com/Hydrox6/IxiaBot">View Source</a>
<p class="proj-status">Status: Pre-Alpha</p>
</section>
<section class="proj-tile duo">
<h1 class="proj-name">Hydrox.IO</h1>
<p>This website! Feel free to suggest changes.</p>
<div class=spacer></div>
<a class="proj-button" href="https://github.com/Hydrox6/Hydrox.io">View Source</a>
<p class="proj-status">Status: Ongoing</p>
</section>
\ No newline at end of file
---
---
@import "base";
main#main
{
width:100%;
......
---
---
@import "base";
main#main
{
text-align: left;
padding-top: 20px;
color:#cccccc;
padding-left: 17px;
padding-right: 17px;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment