diff --git a/css/reset.css b/css/reset.css
new file mode 100644
index 0000000..ed11813
--- /dev/null
+++ b/css/reset.css
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/css/skeleton.css b/css/skeleton.css
index 875f361..211454a 100644
--- a/css/skeleton.css
+++ b/css/skeleton.css
@@ -1,434 +1,284 @@
-/*
-* Skeleton V2.0.4
-* Copyright 2014, Dave Gamache
-* www.getskeleton.com
-* Free to use under the MIT license.
-* http://www.opensource.org/licenses/mit-license.php
-* 12/29/2014
-*/
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
+* {
+ margin: 0;
+ padding: 0;
+}
+body {
+ font-size: 1.5em;
+ /* currently ems cause chrome bug misinterpreting rems on body element */
+ line-height: 1.6;
+ font-family: 'Roboto', sans-serif;
+ font-weight: 400;
+ background-color: #f9f9f9;
+ margin-bottom: 4%;
+}
+header {
+ font-weight: 400;
+ background-color: #9C27B0;
+ color: #f9f9f9;
+ padding-left: 20%;
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+}
+.main-content {}
+.project-img {
+ border-radius: 2px;
+}
+.project {
+ border-radius: 2px;
+ margin-top: 10px;
+ background: #fff;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
+}
+.project-content {
+ display: inline-block;
+ margin: 0.5rem;
+ position: relative;
+ width: 90%;
+}
+.project:hover {
+ box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
+}
+.project-content a:link, .project-content a:visited {
+ font-weight: 500;
+ color: #607D8B;
+ text-decoration: none;
+ text-transform: uppercase;
+ font-size: 18px;
+}
+.project-blue {
+ color: #f9f9f9;
+ background-color:#039be5;
+}
+.project-red {
+ color: #f9f9f9;
+ background-color: #f44336;
+}
+.project-gray {
+ color: #f9f9f9;
+ background-color: #546e7a;
+}
+.project-side a:link, .project-side a:visited {
+ color: #f9f9f9;
+}
+/* Skeleton stuff
+ ------------------------------------ */
+.u-full-width {
+ width: 100%;
+ box-sizing: border-box;
+}
+.u-max-full-width {
+ max-width: 100%;
+ box-sizing: border-box;
+}
+.u-pull-right {
+ float: right;
+}
+.u-pull-left {
+ float: left;
+}
+h1 {
+ font-size: 112px;
+ line-height: 1.2;
+ letter-spacing: -.1rem;
+}
+h2 {
+ font-size: 56px;
+ line-height: 1.25;
+ letter-spacing: -.1rem;
+}
+h3 {
+ font-size: 45px;
+ line-height: 1.3;
+ letter-spacing: -.1rem;
+}
+h4 {
+ font-size: 34px;
+ line-height: 1.35;
+ letter-spacing: -.08rem;
+}
+h5 {
+ font-size: 24px;
+ line-height: 1.5;
+ letter-spacing: -.05rem;
+}
+h6 {
+ font-size: 1.5rem;
+ line-height: 1.6;
+ letter-spacing: 0;
+}
+@media (min-width: 550px) {
+ h1 {
+ font-size: 112px;
+ }
+ h2 {
+ font-size: 56px;
+ }
+ h3 {
+ font-size: 45px;
+ }
+ h4 {
+ font-size: 34px;
+ }
+ h5 {
+ font-size: 24px;
+ }
+ h6 {
+ font-size: 1.5rem;
+ }
+}
-/* Table of contents
-––––––––––––––––––––––––––––––––––––––––––––––––––
-- Grid
-- Base Styles
-- Typography
-- Links
-- Buttons
-- Forms
-- Lists
-- Code
-- Tables
-- Spacing
-- Utilities
-- Clearing
-- Media Queries
-*/
-
-@import url(https://fonts.googleapis.com/css?family=Catamaran:400,300,700);
-
-.green{
- color: #026e00;
-}
-.php{
- color: rgb(136, 146, 191);
-}
-.html5{
- color: #F06529;
-}
-.java{
- color: red;
-}
-.profile-image{
- border-radius: 50%;
-}
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
.container {
- position: relative;
- width: 100%;
- max-width: 960px;
- margin: 0 auto;
- padding: 0 20px;
- box-sizing: border-box; }
-.column,
-.columns {
- width: 100%;
- float: left;
- box-sizing: border-box; }
+ position: relative;
+ width: 100%;
+ max-width: 960px;
+ margin: 0 auto;
+ padding: 0 20px;
+ box-sizing: border-box;
+}
+.column, .columns {
+ width: 100%;
+ float: left;
+ box-sizing: border-box;
+}
/* For devices larger than 400px */
+
@media (min-width: 400px) {
- .container {
- width: 85%;
- padding: 0; }
+ .container {
+ width: 85%;
+ padding: 0;
+ }
}
/* For devices larger than 550px */
+
@media (min-width: 550px) {
- .container {
- width: 80%; }
- .column,
- .columns {
- margin-left: 4%; }
- .column:first-child,
- .columns:first-child {
- margin-left: 0; }
-
- .one.column,
- .one.columns { width: 4.66666666667%; }
- .two.columns { width: 13.3333333333%; }
- .three.columns { width: 22%; }
- .four.columns { width: 30.6666666667%; }
- .five.columns { width: 39.3333333333%; }
- .six.columns { width: 48%; }
- .seven.columns { width: 56.6666666667%; }
- .eight.columns { width: 65.3333333333%; }
- .nine.columns { width: 74.0%; }
- .ten.columns { width: 82.6666666667%; }
- .eleven.columns { width: 91.3333333333%; }
- .twelve.columns { width: 100%; margin-left: 0; }
-
- .one-third.column { width: 30.6666666667%; }
- .two-thirds.column { width: 65.3333333333%; }
-
- .one-half.column { width: 48%; }
-
- /* Offsets */
- .offset-by-one.column,
- .offset-by-one.columns { margin-left: 8.66666666667%; }
- .offset-by-two.column,
- .offset-by-two.columns { margin-left: 17.3333333333%; }
- .offset-by-three.column,
- .offset-by-three.columns { margin-left: 26%; }
- .offset-by-four.column,
- .offset-by-four.columns { margin-left: 34.6666666667%; }
- .offset-by-five.column,
- .offset-by-five.columns { margin-left: 43.3333333333%; }
- .offset-by-six.column,
- .offset-by-six.columns { margin-left: 52%; }
- .offset-by-seven.column,
- .offset-by-seven.columns { margin-left: 60.6666666667%; }
- .offset-by-eight.column,
- .offset-by-eight.columns { margin-left: 69.3333333333%; }
- .offset-by-nine.column,
- .offset-by-nine.columns { margin-left: 78.0%; }
- .offset-by-ten.column,
- .offset-by-ten.columns { margin-left: 86.6666666667%; }
- .offset-by-eleven.column,
- .offset-by-eleven.columns { margin-left: 95.3333333333%; }
-
- .offset-by-one-third.column,
- .offset-by-one-third.columns { margin-left: 34.6666666667%; }
- .offset-by-two-thirds.column,
- .offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
-
- .offset-by-one-half.column,
- .offset-by-one-half.columns { margin-left: 52%; }
-
+ .container {
+ width: 80%;
+ }
+ .column, .columns {
+ margin-left: 4%;
+ }
+ .column:first-child, .columns:first-child {
+ margin-left: 0;
+ }
+ .one.column, .one.columns {
+ width: 4.66666666667%;
+ }
+ .two.columns {
+ width: 13.3333333333%;
+ }
+ .three.columns {
+ width: 22%;
+ }
+ .four.columns {
+ width: 30.6666666667%;
+ }
+ .five.columns {
+ width: 39.3333333333%;
+ }
+ .six.columns {
+ width: 48%;
+ }
+ .seven.columns {
+ width: 56.6666666667%;
+ }
+ .eight.columns {
+ width: 65.3333333333%;
+ }
+ .nine.columns {
+ width: 74.0%;
+ }
+ .ten.columns {
+ width: 82.6666666667%;
+ }
+ .eleven.columns {
+ width: 91.3333333333%;
+ }
+ .twelve.columns {
+ width: 100%;
+ margin-left: 0;
+ }
+ .one-third.column {
+ width: 30.6666666667%;
+ }
+ .two-thirds.column {
+ width: 65.3333333333%;
+ }
+ .one-half.column {
+ width: 48%;
+ }
+ /* Offsets */
+ .offset-by-one.column, .offset-by-one.columns {
+ margin-left: 8.66666666667%;
+ }
+ .offset-by-two.column, .offset-by-two.columns {
+ margin-left: 17.3333333333%;
+ }
+ .offset-by-three.column, .offset-by-three.columns {
+ margin-left: 26%;
+ }
+ .offset-by-four.column, .offset-by-four.columns {
+ margin-left: 34.6666666667%;
+ }
+ .offset-by-five.column, .offset-by-five.columns {
+ margin-left: 43.3333333333%;
+ }
+ .offset-by-six.column, .offset-by-six.columns {
+ margin-left: 52%;
+ }
+ .offset-by-seven.column, .offset-by-seven.columns {
+ margin-left: 60.6666666667%;
+ }
+ .offset-by-eight.column, .offset-by-eight.columns {
+ margin-left: 69.3333333333%;
+ }
+ .offset-by-nine.column, .offset-by-nine.columns {
+ margin-left: 78.0%;
+ }
+ .offset-by-ten.column, .offset-by-ten.columns {
+ margin-left: 86.6666666667%;
+ }
+ .offset-by-eleven.column, .offset-by-eleven.columns {
+ margin-left: 95.3333333333%;
+ }
+ .offset-by-one-third.column, .offset-by-one-third.columns {
+ margin-left: 34.6666666667%;
+ }
+ .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
+ margin-left: 69.3333333333%;
+ }
+ .offset-by-one-half.column, .offset-by-one-half.columns {
+ margin-left: 52%;
+ }
}
-
-
-/* Base Styles
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-/* NOTE
-html is set to 62.5% so that all the REM measurements throughout Skeleton
-are based on 10px sizing. So basically 1.5rem = 15px :) */
-html {
- font-size: 62.5%; }
-body {
- font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
- line-height: 1.6;
- font-weight: 400;
- font-family: 'Catamaran', sans-serif;
- color: #222; }
-
-
-/* Typography
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-h1, h2, h3, h4, h5, h6 {
- margin-top: 0;
- margin-bottom: 2rem;
- font-weight: 300; }
-h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
-h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
-h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
-h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
-h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
-h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
-
-/* Larger than phablet */
-@media (min-width: 550px) {
- h1 { font-size: 5.0rem; }
- h2 { font-size: 4.2rem; }
- h3 { font-size: 3.6rem; }
- h4 { font-size: 3.0rem; }
- h5 { font-size: 2.4rem; }
- h6 { font-size: 1.5rem; }
+.container:after, .row:after, .u-cf {
+ content: "";
+ display: table;
+ clear: both;
}
-p {
- margin-top: 0; }
-
-
-/* Links
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-a {
- color: #1EAEDB; }
-a:hover {
- color: #0FA0CE; }
-
-
-/* Buttons
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-.button,
-button,
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
- display: inline-block;
- height: 38px;
- padding: 0 30px;
- color: #555;
- text-align: center;
- font-size: 11px;
- font-weight: 600;
- line-height: 38px;
- letter-spacing: .1rem;
- text-transform: uppercase;
- text-decoration: none;
- white-space: nowrap;
- background-color: transparent;
- border-radius: 4px;
- border: 1px solid #bbb;
- cursor: pointer;
- box-sizing: border-box; }
-.button:hover,
-button:hover,
-input[type="submit"]:hover,
-input[type="reset"]:hover,
-input[type="button"]:hover,
-.button:focus,
-button:focus,
-input[type="submit"]:focus,
-input[type="reset"]:focus,
-input[type="button"]:focus {
- color: #333;
- border-color: #888;
- outline: 0; }
-.button.button-primary,
-button.button-primary,
-input[type="submit"].button-primary,
-input[type="reset"].button-primary,
-input[type="button"].button-primary {
- color: #FFF;
- background-color: #33C3F0;
- border-color: #33C3F0; }
-.button.button-primary:hover,
-button.button-primary:hover,
-input[type="submit"].button-primary:hover,
-input[type="reset"].button-primary:hover,
-input[type="button"].button-primary:hover,
-.button.button-primary:focus,
-button.button-primary:focus,
-input[type="submit"].button-primary:focus,
-input[type="reset"].button-primary:focus,
-input[type="button"].button-primary:focus {
- color: #FFF;
- background-color: #1EAEDB;
- border-color: #1EAEDB; }
-
-
-/* Forms
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-input[type="email"],
-input[type="number"],
-input[type="search"],
-input[type="text"],
-input[type="tel"],
-input[type="url"],
-input[type="password"],
-textarea,
-select {
- height: 38px;
- padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
- background-color: #fff;
- border: 1px solid #D1D1D1;
- border-radius: 4px;
- box-shadow: none;
- box-sizing: border-box; }
-/* Removes awkward default styles on some inputs for iOS */
-input[type="email"],
-input[type="number"],
-input[type="search"],
-input[type="text"],
-input[type="tel"],
-input[type="url"],
-input[type="password"],
-textarea {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none; }
-textarea {
- min-height: 65px;
- padding-top: 6px;
- padding-bottom: 6px; }
-input[type="email"]:focus,
-input[type="number"]:focus,
-input[type="search"]:focus,
-input[type="text"]:focus,
-input[type="tel"]:focus,
-input[type="url"]:focus,
-input[type="password"]:focus,
-textarea:focus,
-select:focus {
- border: 1px solid #33C3F0;
- outline: 0; }
-label,
-legend {
- display: block;
- margin-bottom: .5rem;
- font-weight: 600; }
-fieldset {
- padding: 0;
- border-width: 0; }
-input[type="checkbox"],
-input[type="radio"] {
- display: inline; }
-label > .label-body {
- display: inline-block;
- margin-left: .5rem;
- font-weight: normal; }
-
-
-/* Lists
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-ul {
- list-style: circle inside; }
-ol {
- list-style: decimal inside; }
-ol, ul {
- padding-left: 0;
- margin-top: 0; }
-ul ul,
-ul ol,
-ol ol,
-ol ul {
- margin: 1.5rem 0 1.5rem 3rem;
- font-size: 90%; }
-li {
- margin-bottom: 1rem; }
-
-
-/* Code
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-code {
- padding: .2rem .5rem;
- margin: 0 .2rem;
- font-size: 90%;
- white-space: nowrap;
- background: #F1F1F1;
- border: 1px solid #E1E1E1;
- border-radius: 4px; }
-pre > code {
- display: block;
- padding: 1rem 1.5rem;
- white-space: pre; }
-
-
-/* Tables
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-th,
-td {
- padding: 12px 15px;
- text-align: left;
- border-bottom: 1px solid #E1E1E1; }
-th:first-child,
-td:first-child {
- padding-left: 0; }
-th:last-child,
-td:last-child {
- padding-right: 0; }
-
-
-/* Spacing
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-button,
-.button {
- margin-bottom: 1rem; }
-input,
-textarea,
-select,
-fieldset {
- margin-bottom: 1.5rem; }
-pre,
-blockquote,
-dl,
-figure,
-table,
-p,
-ul,
-ol,
-form {
- margin-bottom: 2.5rem; }
-
-
-/* Utilities
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-.u-full-width {
- width: 100%;
- box-sizing: border-box; }
-.u-max-full-width {
- max-width: 100%;
- box-sizing: border-box; }
-.u-pull-right {
- float: right; }
-.u-pull-left {
- float: left; }
-
-
-/* Misc
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-hr {
- margin-top: 3rem;
- margin-bottom: 3.5rem;
- border-width: 0;
- border-top: 1px solid #E1E1E1; }
-
-
-/* Clearing
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-
-/* Self Clearing Goodness */
-.container:after,
-.row:after,
-.u-cf {
- content: "";
- display: table;
- clear: both; }
-
-
-/* Media Queries
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-/*
-Note: The best way to structure the use of media queries is to create the queries
-near the relevant code. For example, if you wanted to change the styles for buttons
-on small devices, paste the mobile query code up in the buttons section and style it
-there.
-*/
-
-
/* Larger than mobile */
+
@media (min-width: 400px) {}
/* Larger than phablet (also point when grid becomes active) */
+
@media (min-width: 550px) {}
/* Larger than tablet */
+
@media (min-width: 750px) {}
/* Larger than desktop */
+
@media (min-width: 1000px) {}
/* Larger than Desktop HD */
+
@media (min-width: 1200px) {}
diff --git a/images/moat.png b/images/moat.png
new file mode 100644
index 0000000..923c4b5
Binary files /dev/null and b/images/moat.png differ
diff --git a/images/nodemc.png b/images/nodemc.png
new file mode 100644
index 0000000..8a21060
Binary files /dev/null and b/images/nodemc.png differ
diff --git a/images/simmertech.png b/images/simmertech.png
new file mode 100644
index 0000000..c3554c3
Binary files /dev/null and b/images/simmertech.png differ
diff --git a/images/spigot.png b/images/spigot.png
new file mode 100644
index 0000000..c385e49
Binary files /dev/null and b/images/spigot.png differ
diff --git a/index.html b/index.html
index 7231d29..1c606a5 100644
--- a/index.html
+++ b/index.html
@@ -6,101 +6,84 @@
+
+
+
-
-
-
+
+ Gabriel Simmer
+ Developing to teach and learn.
+
+
-
-
Gabriel Simmer.com
-
Developing to learn and teach.
-
-
My work
+
+
+
Projects
+
+
+
+
+
+
Open-source Minecraft server API wrapper written in Node.js.
+
GitHub
+
Website
+
+
+
+
+
+
+
+
Computer repair & refurbishing on Mayne Island.
+
Website
+
+
+
+
+
+
+
+
Java plugins for Minecraft Spigot servers.
+
Forums
+
+
+
+
+
+
Side Projects
+
+
+
+
Minecraft Banner Generator
+
Generates live server banners.
+
GitHub
+
+
+
+
+
scripts
+
Linux scripts for various things.
+
GitHub
+
+
+
+
-
-
-
-
The next generation of Minecraft server dashboards, now. An API wrapper for creating your own Minecraft server management dashboards.
-
-
-
-
Community continous-intergration website that allows anyone to create their own CI tests from a GitHub repo.
-
-
ComicSocial.XYZ PHP
-
Social site for the sharing and purchase of web comics and physical prints.
-
-
-
-
MCPluginStats PHP
-
Developer-oriented analytics for Bukkit and Spigot plugins (full source) with control panel and anonymous analytic collection.
-
-
-
Voat.co webapp for mobile devices and desktops using HTML5 frameworks/languages.
-
-
Various Bukkit/Spigot Plugins Java
-
Anything from an anti-swear plugin to a semi-functioning ultra-hardcore plugin to a fun plugin for server VIPs.
-
-
-
-
-
-
-
-
-
-
-
-
Who am I?!
-
I am Gabriel Simmer, self-taught programmer, entrepreneur and web developer. I'm currently employed at GGServers as a web developer, where I'm working on a top secret project. I've been working with computers since I jailbroke my first iPod (a 4th generation touch), and have been enthralled with learning how they work since then.
-
What languages have I worked in?
-
The TL;DR List:
-
-
-
- Language
- Experience
-
-
-
-
- PHP
- 4 Years
-
-
- HTML5 (HTML, JavaScript, CSS)
- 5 Years
-
-
- Java
- 2 Years
-
-
- Node.js
- 2 Years
-
-
- Brainf*ck
- 2 Months
-
-
- C++
- 1 Year
-
-
- C#
- 6 Months
-
-
-
-
-
-
-
-