arona/website
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Beginnings of new site

Browse Source
This commit is contained in:
warlordjones
2016-03-15 22:41:05 +00:00
parent 03ef387c46
commit 0ddeebf5a1
8 changed files with 258 additions and 338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
css/main.css Normal file
View File

@@ -0,0 +1,11 @@
* {
font-family: 'Raleway', sans-serif;
color: white;
}
body {
background-color: #232323;
}
.center {
margin-left: auto;
margin-right: auto;
}

113
dashboard.html
View File

@@ -1,113 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones - Forge Modding</title>
<!-- Bootstrap core CSS -->
<link href="/css/main.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var _bftn_options = {
animation: 'banner',
theme: 'dark'
}
</script>
<script src="//widget.battleforthenet.com/widget.min.js" async></script>
<script src="/javascripts/api.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="analyticsCharts.js"></script>
</head>
<body>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(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)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-40673160-2', 'auto');
ga('send', 'pageview');
</script>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Home</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="/art/index.html">Art</a>
</li>
<li><a href="forge.html">Forge Modding</a>
</li>
<li><a href="webdesign.html">Website Design</a>
</li>
<li><a href="dashboard.html">Dashboard</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<script>
getJSON('https://api.github.com/users/warlordjones', write)
function write(data) {
document.getElementById("repos").innerHTML += "<p>" + data.public_repos + "</p>"
};
</script>
<div class="jumbotron" id="github">
<h3>Github</h3>
<p>Public Repositories:</p>
<span id="repos"></span>
</div>
<div class="jumbotron" id="google">
<h3>SteamCraft2 Downloads:</h3>
<!---Todo-->
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>

BIN
images/me.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 147 KiB

236
index.html
View File

@@ -2,235 +2,21 @@
<html lang="en">
<head>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(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)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-40673160-2', 'auto');
ga('send', 'pageview');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/main.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/animate.min.css">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
<meta name="google-site-verification" content="ZnWg3a1eMHIl2_6Mt2HtPwv_fNE5R-HKT9rgYtvHXyo" />
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link href='css/main.css' rel='stylesheet'>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Home</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="/art/index.html">Art</a>
</li>
<li><a href="forge.html">Forge Modding</a>
</li>
<li><a href="http://cardsagainstinsanity.blogspot.co.uk/">Blog</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
<div class="center" style="width: 190px;">
<div class="center" style="width: 155px;">
<img src="images/me.png" style="width: 155px;">
</div>
</nav>
<div class="header starter-template">
<script type="text/javascript">
var _cd_options = {
theme: 'red'
};
</script>
<img src="/images/avatar.png" class="animated zoomInDown">
<img src="/images/header.png" class="animated lightSpeedIn img-rounded">
<h1>Arona Jones</h1>
</div>
<div class="jumbotron row">
<h3>About Me:</h3>
<p>Welcome to the website of Arona Jones, usually known as <em>warlordjones</em> on the Internet, although #warmongers know me as <em>Big Mek Gobsmasha</em> and steampunk folks know me as <em>Major Vincent Smith</em>. My self-granted titles are the Supreme Overlord of Hellfire, Snr. Officer of HMS Brassgoggles and Eternal Vampyre Lord of the Twilight. They're on my card, that makes it official, right?
<br>
<br>I'm a 17 year old internet nerd, tabletop/video gamer and self-taught programmer/modder. I am the leader of an international Minecraft modding team, more information on which can be found under the Forge Modding tab. I've a passion for physics and computing, although I also enjoy history and philosophy.
<br>
<br>I am an avid reader who greatly enjoys fantasy books such as Discworld, Sovereign of the Seven Isles and Edge Chronicles; classics like Nineteen Eighty-Four, A Swiss Family Robinson and A Journey to the Center of the Earth and sci-fi such as Larklight.</p>
<div class="center" style="width: 340px;">
<!--TODO-->
<h3><span>Developer </span>&#8226;<span> Science Enthusiast </span>&#8226;<span> Writer</span></h3>
</div>
<div class="jumbotron row">
<h3>Computer Specs:</h3>
<p>My main computer is currently a mid-2012 Macbook Pro, which I have modified considerably. I've upgraded the ram to 8GB, and replaced the optical drive with a hard drive caddy, which contains an old Toshiba 320GB drive that clicks like a Geiger counter but seems to work fine. I'm going to buy a 500GB WD Blue soon to replace it. I'm stuck with Intel Integrated Grapics though.</p>
</div>
<br>
<div class="jumbotron row">
<h3>Me on the web:</h3>
<div class="row animated fadeInRightBig">
<div class="col-md-1">
<a href="http://twitter.com/warlordjones_">
<img src="/images/links/twitter.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://www.facebook.com/aronajohnjones">
<img src="/images/links/facebook.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="http://steamcommunity.com/id/warlordjones/">
<img src="/images/links/steam.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://plus.google.com/108369795393135583813">
<img src="/images/links/google.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://www.youtube.com/channel/UCcuDkMFN5RBK1L_rsaWFCpw?&ab_channel=AronaJones">
<img src="/images/links/youtube.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://open.spotify.com/user/warlordjones">
<img src="/images/links/spotify.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="http://cardsagainstinsanity.blogspot.co.uk/">
<img src="/images/links/blogger.png" class="icon">
</a>
</div>
</div>
<div class="row animated fadeInRightBig">
<div class="col-md-1">
<a href="https://github.com/warlordjones">
<img src="/images/links/github.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="http://brassgoggles.co.uk/forum/index.php?action=profile;u=18504;sa=summary">
<img src="/images/links/bg.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="http://www.minecraftforum.net/members/warlordjones">
<img src="/images/links/mc.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="mailto://warlordjones@gmail.com">
<img src="/images/links/mail.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://reddit.com/u/warlordjones">
<img src="/images/links/reddit.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://player.me/warlordjones">
<img src="/images/links/player.png" class="icon">
</a>
</div>
</div>
</div>
<div class="jumbotron row">
<h3>Labels:</h3>
<img src="/images/warning.png" width="50px" style="float: left">
<h5>Criminally Insane</h5>
<br>
<img src="/images/warning.png" width="50px" style="float: left">
<h5>Contains geek</h5>
<br>
<img src="/images/warning.png" width="50px" style="float: left">
<h5>Warning: Sharp Object</h5>
<br>
</div>
<br>
<br>
<div>
<h6>Web development by Arona Jones, with some help from Josh Page. Kindly Hosted by Github. Avatar is the IronOctocat from Github, edited by yours truly.</h6>
<div class="btn-group btn-group-justified">
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://getbootstrap.com">Bootstrap</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://semantic-ui.com">Semantic</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://bootswatch.com/">Cyborg Theme</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://game-icons.net">GameIcons.net</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://daneden.github.io/animate.css/">animate.css</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="https://github.com/JoshuaPage/-Api-JS">api.js</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://lokeshdhakar.com/projects/lightbox2/">lightbox</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="https://github.com/IanLunn/Hover">hover.css</a>
</button>
</div>
</div>
<br>
<br>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="/javascripts/semantic.min.js"></script>
</body>
</html>

0
404.html → old/404.html
View File

0
forge.html → old/forge.html
View File

236
old/index.html Normal file
View File

@@ -0,0 +1,236 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(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)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-40673160-2', 'auto');
ga('send', 'pageview');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/main.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/animate.min.css">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
<meta name="google-site-verification" content="ZnWg3a1eMHIl2_6Mt2HtPwv_fNE5R-HKT9rgYtvHXyo" />
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Home</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="/art/index.html">Art</a>
</li>
<li><a href="forge.html">Forge Modding</a>
</li>
<li><a href="http://cardsagainstinsanity.blogspot.co.uk/">Blog</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="header starter-template">
<script type="text/javascript">
var _cd_options = {
theme: 'red'
};
</script>
<img src="/images/avatar.png" class="animated zoomInDown">
<img src="/images/header.png" class="animated lightSpeedIn img-rounded">
</div>
<div class="jumbotron row">
<h3>About Me:</h3>
<p>Welcome to the website of Arona Jones, usually known as <em>warlordjones</em> on the Internet, although #warmongers know me as <em>Big Mek Gobsmasha</em> and steampunk folks know me as <em>Major Vincent Smith</em>. My self-granted titles are the Supreme Overlord of Hellfire, Snr. Officer of HMS Brassgoggles and Eternal Vampyre Lord of the Twilight. They're on my card, that makes it official, right?
<br>
<br>I'm a 17 year old internet nerd, tabletop/video gamer and self-taught programmer/modder. I am the leader of an international Minecraft modding team, more information on which can be found under the Forge Modding tab. I've a passion for physics and computing, although I also enjoy history and philosophy.
<br>
<br>I am an avid reader who greatly enjoys fantasy books such as Discworld, Sovereign of the Seven Isles and Edge Chronicles; classics like Nineteen Eighty-Four, A Swiss Family Robinson and A Journey to the Center of the Earth and sci-fi such as Larklight.</p>
</div>
<div class="jumbotron row">
<h3>Computer Specs:</h3>
<p>My main computer is currently a mid-2012 Macbook Pro, which I have modified considerably. I've upgraded the ram to 8GB, and replaced the optical drive with a hard drive caddy, which contains an old Toshiba 320GB drive that clicks like a Geiger counter but seems to work fine. I'm going to buy a 500GB WD Blue soon to replace it. I'm stuck with Intel Integrated Grapics though.</p>
</div>
<br>
<div class="jumbotron row">
<h3>Me on the web:</h3>
<div class="row animated fadeInRightBig">
<div class="col-md-1">
<a href="http://twitter.com/warlordjones_">
<img src="/images/links/twitter.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://www.facebook.com/aronajohnjones">
<img src="/images/links/facebook.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="http://steamcommunity.com/id/warlordjones/">
<img src="/images/links/steam.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://plus.google.com/108369795393135583813">
<img src="/images/links/google.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://www.youtube.com/channel/UCcuDkMFN5RBK1L_rsaWFCpw?&ab_channel=AronaJones">
<img src="/images/links/youtube.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://open.spotify.com/user/warlordjones">
<img src="/images/links/spotify.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="http://cardsagainstinsanity.blogspot.co.uk/">
<img src="/images/links/blogger.png" class="icon">
</a>
</div>
</div>
<div class="row animated fadeInRightBig">
<div class="col-md-1">
<a href="https://github.com/warlordjones">
<img src="/images/links/github.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="http://brassgoggles.co.uk/forum/index.php?action=profile;u=18504;sa=summary">
<img src="/images/links/bg.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="http://www.minecraftforum.net/members/warlordjones">
<img src="/images/links/mc.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="mailto://warlordjones@gmail.com">
<img src="/images/links/mail.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://reddit.com/u/warlordjones">
<img src="/images/links/reddit.png" class="icon">
</a>
</div>
<div class="col-md-1">
<a href="https://player.me/warlordjones">
<img src="/images/links/player.png" class="icon">
</a>
</div>
</div>
</div>
<div class="jumbotron row">
<h3>Labels:</h3>
<img src="/images/warning.png" width="50px" style="float: left">
<h5>Criminally Insane</h5>
<br>
<img src="/images/warning.png" width="50px" style="float: left">
<h5>Contains geek</h5>
<br>
<img src="/images/warning.png" width="50px" style="float: left">
<h5>Warning: Sharp Object</h5>
<br>
</div>
<br>
<br>
<div>
<h6>Web development by Arona Jones, with some help from Josh Page. Kindly Hosted by Github. Avatar is the IronOctocat from Github, edited by yours truly.</h6>
<div class="btn-group btn-group-justified">
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://getbootstrap.com">Bootstrap</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://semantic-ui.com">Semantic</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://bootswatch.com/">Cyborg Theme</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://game-icons.net">GameIcons.net</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://daneden.github.io/animate.css/">animate.css</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="https://github.com/JoshuaPage/-Api-JS">api.js</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="http://lokeshdhakar.com/projects/lightbox2/">lightbox</a>
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default"><a href="https://github.com/IanLunn/Hover">hover.css</a>
</button>
</div>
</div>
<br>
<br>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="/javascripts/semantic.min.js"></script>
</body>
</html>

0
lert.html → old/lert.html
View File